ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2024-11-19 18:59:48 +01:00
parent bb6c620c0a
commit a4d13fc7ec
4 changed files with 102 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
templates/layouts/why.html
View File

@@ -4,6 +4,7 @@
{% include "partials/why/hero.html" %}
{% include "partials/why/timeline.html" %}
{% include "partials/why/values.html" %}
{% include "partials/why/ourwhy.html" %}
{% include "partials/home/cta.html" %}
{% endblock content %}

2
templates/partials/home/faq.html
View File

@@ -155,7 +155,7 @@
</span>
</button>
</dt>
<dd class="mt-2 hidden pr-12 text-white" id="faq-8">
<dd class="mt-2 hidden pr-12 text-white" id="faq-">
<p class="text-base text-white">Individuals, businesses, and organizations who want to be sovereign and have full control over their data and applications. Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly. We already work with Governements, NGO's, and individuals. We are building a channel of solution providers and integrators who want to build on top of ThreeFold.</p>
</dd>
</div>

70
templates/partials/why/ourwhy.html Normal file
View File

@@ -0,0 +1,70 @@
<div class="fade-in bg-transparent relative isolate overflow-hidden py-24 mb-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="fade-in mx-auto max-w-2xl lg:max-w-none">
<div class=" mx-auto max-w-3xl text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">The Reason Behind It All</h2>
<p class="mt-6 text-lg font-light text-white">
The Internet started as a peer-to-peer network, but over time it has become fragile and overly centralized. This shift has led to serious issues: misinformation is rampant, privacy and security are compromised, and half the world remains poorly connected.
<br><br>
Big tech companies now dominate the Internet, tracking our activities and influencing our decisions, consolidating control in ways that don't serve everyone equally.
<br><br>
<span class="font-semibold">We believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</span>
</p>
</div>
</div>
<div class="mx-auto mt-24 pt-24 max-w-2xl lg:max-w-none">
<div class="fade-in mx-auto max-w-3xl text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Why it Matters?</h2>
<p class="mt-6 text-lg font-light text-white">
For +30 years, we’ve dedicated ourselves to this vision, and ThreeFold is the culmination of that journey. Today, we have a fully operational product (V3) and a thriving community of farmers, users, and partners.
<br><br>
But we won’t stop here.
<br><br>
Web 4 is the next generation of the Internet and our team has been working on it for +10 years—the Decentralized Cloud was the base layer to create Web 4.
As far as we know, we are the world’s first project approaching a fully functional Web4 infrastructure that places priority on both the planet and people.
<br><br>
<span class="font-semibold">Over the past decade, we’ve tackled complex challenges in areas such as data storage,
secure overlay networking, and autonomous cloud security to bring this vision to life. </span>
</p>
<br>
<a href="121224.html" class="fade-in pt-10 text-balance text-3xl font-semibold tracking-tight text-white sm:text-4xl blinking-effect">12.12.2024</a>
</div>
</div>
</div>
</div>
<style>
/* Define the fade-in animation */
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Apply the fade-in animation to elements with the 'fade-in' class */
.fade-in {
animation: fadeIn 4s ease-in-out forwards; /* Adjust the duration (2s) to make it slower or faster */
}
/* Optional: Delay the animation for a more staggered effect */
h2 {
animation-delay: 0.5s; /* Delay for header */
}
p {
animation-delay: 1s; /* Delay for paragraphs */
}
/* Apply the blinking animation to the link */
.blinking-effect {
animation: blink 3s infinite; /* Adjust the speed here (1.5s for slow blinking) */
}
</style>

30
templates/partials/why/why.html Normal file
View File

@@ -0,0 +1,30 @@
<div class="relative overflow-hidden bg-transparent pb-32 pt-16 min-h-screen flex items-center justify-center">
<div class="relative w-full">
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-1 lg:gap-24 lg:px-8">
<!-- First Section: Center Aligned -->
<div class="mt-6 max-w-2xl text-center">
<h2 class="lg:text-4xl text-3xl font-normal tracking-tight text-white">The Reason Behind It All</h2>
<p class="mt-4 text-lg font-light text-white">
The Internet started as a peer-to-peer network, but over time it has become fragile and overly centralized. This shift has led to serious issues: misinformation is rampant, privacy and security are compromised, and half the world remains poorly connected.
<br><br>
Big tech companies now dominate the Internet, tracking our activities and influencing our decisions, consolidating control in ways that don't serve everyone equally.
<br><br>
<span class="font-semibold">We believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</span>
</p>
</div>
<!-- Second Section: Center Aligned -->
<div class="pt-24">
<div class="mx-auto max-w-xl px-6 lg:mx-0 lg:max-w-none lg:px-0 lg:py-32">
<div class="cols col-grid-1"></div>
<div class="mt-6 max-w-3xl text-center">
<h2 class="lg:text-4xl text-3xl font-normal tracking-tight text-white">Better understand your customers</h2>
<p class="mt-4 text-lg font-light text-white">
Semper curabitur ullamcorper posuere nunc sed. Ornare iaculis bibendum malesuada faucibus lacinia porttitor. Pulvinar laoreet sagittis viverra duis. In venenatis sem arcu pretium pharetra at. Lectus viverra dui tellus ornare pharetra.
</p>
</div>
</div>
</div>
</div>
</div>
</div>