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/aihero3.html" %}
{% include "partials/hero/aihero4.html" %} {% include "partials/hero/aihero4.html" %}
{% include "partials/hero/aihero5.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 %} {% endblock content %}

7
templates/layouts/what.html
View File

@ -1,5 +1,12 @@
{% extends "_default/base.html" %} {% extends "_default/base.html" %}
{% block content %} {% 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/feature1.html" %}
{% include "partials/feature/feature2.html" %} {% include "partials/feature/feature2.html" %}
{% include "partials/feature/feature3.html" %} {% include "partials/feature/feature3.html" %}

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

@ -1,21 +1,53 @@
<div class="bg-white pb-12"> <div class="bg-white px-12 pb-12 mx-auto">
<div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-0"> <div class="mx-auto max-w-3xl items-start pb-12">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 "> <p id="1" class="fade-in-up text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black px-10">
<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...
Big tech companies dominate AI resources, often collecting and storing sensitive data while enforcing restrictive policies and pricing.
</p> </p>
<p id="2" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black"> <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. 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>
<p id="3" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black"> <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. By decentralizing AI, you can break free from corporate gatekeeping, experiment without limits, and innovate on your terms...
</p> </p>
<p id="4" class="mx-auto mt-2 text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black"> <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. 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> </p>
</div> </div>
</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>