ourworld_web/www_aibox
20
0
Fork 0
Code Pull Requests Activity

add all

Browse Source
This commit is contained in:
sasha-astiadi 2025-02-20 22:56:06 +08:00
parent 81ad833cc4
commit 62aa6cb831
3 changed files with 56 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
templates/index.html
View File

@ -5,10 +5,4 @@
{% include "partials/hero/aihero3.html" %}
{% include "partials/hero/aihero4.html" %}
{% include "partials/hero/aihero5.html" %}
{% include "partials/hero/myhero1.html" %}
{% include "partials/hero/myhero3.html" %}
{% include "partials/hero/myhero5.html" %}
{% include "partials/hero/myhero2.html" %}
{% include "partials/hero/myhero6.html" %}
{% include "partials/hero/myhero7.html" %}
{% endblock content %}

7
templates/layouts/what.html
View File

@ -1,5 +1,12 @@
{% extends "_default/base.html" %}
{% block content %}
{% include "partials/hero/myhero1.html" %}
{% include "partials/hero/myhero3.html" %}
{% include "partials/hero/myhero5.html" %}
{% include "partials/hero/myhero2.html" %}
{% include "partials/hero/myhero6.html" %}
{% include "partials/hero/myhero7.html" %}
{% include "partials/feature/feature1.html" %}
{% include "partials/feature/feature2.html" %}
{% include "partials/feature/feature3.html" %}

66
templates/partials/hero/aihero5.html
View File

@ -1,21 +1,53 @@
<div class="bg-white pb-12">
<div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-0">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 ">
<p id="1" class="mx-auto mt-8 fade-in text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
Big tech companies dominate AI resources, often collecting and storing sensitive data while enforcing restrictive policies and pricing.
</p>
<div class="bg-white px-12 pb-12 mx-auto">
<div class="mx-auto max-w-3xl items-start pb-12">
<p id="1" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black px-10">
Big tech companies dominate AI resources, often collecting and storing sensitive data while enforcing restrictive policies and pricing...
</p>
<p id="2" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
AI BOX empowers you to take back control, ensuring your data stays private and secure while giving you full sovereignty over your AI applications.
</p>
<p id="2" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
AI BOX empowers you to take back control, ensuring your data stays private and secure while giving you full sovereignty over your AI applications...
</p>
<p id="3" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
By decentralizing AI, you can break free from corporate gatekeeping, experiment without limits, and innovate on your terms.
</p>
<p id="3" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
By decentralizing AI, you can break free from corporate gatekeeping, experiment without limits, and innovate on your terms...
</p>
<p id="4" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
As AI workloads continue to grow, self-hosted solutions like AI BOX provide a future-proof infrastructure, guaranteeing you always have cutting-edge computing power at your fingertips.
</p>
</div>
<p id="4" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">
As AI workloads continue to grow, self-hosted solutions like AI BOX provide a future-proof infrastructure, guaranteeing you always have cutting-edge computing power at your fingertips.
</p>
</div>
</div>
</div>
<style>
.fade-in-up {
opacity: 0;
transform: translateY(20px);
position: absolute;
transition: opacity 1s ease-out, transform 1s ease-out;
}
.fade-in-up.show {
opacity: 1;
transform: translateY(0);
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const paragraphs = document.querySelectorAll(".fade-in-up");
let index = 0;
function showNextParagraph() {
paragraphs.forEach((p, i) => {
p.classList.remove("show");
});
paragraphs[index].classList.add("show");
index = (index + 1) % paragraphs.length; // Loop back to the first paragraph
setTimeout(showNextParagraph, 5000); // Change paragraph every 3 seconds
}
showNextParagraph();
});
</script>