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

Merge branch 'development_sasha' of https://github.com/threefoldfoundation/www_threefold_io into development_sasha

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-21 15:32:30 +02:00
parent cd3a63c132 0d436614d0
commit d03ba91324
7 changed files with 47 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/footer/_index.md
View File

@@ -16,7 +16,7 @@ extra:
###### [Learn](https://manual.grid.tf/) ###### [Learn](https://manual.grid.tf/)
###### [Host (Farm)](https://docs.threefold.io/docs/nodes/guides/create_farm) ###### [Host (Farm)](https://manual.grid.tf/documentation/farmers/farmers.html)
###### [Dashboard](https://dashboard.grid.tf/) ###### [Dashboard](https://dashboard.grid.tf/)

3
templates/layouts/why.html
View File

@@ -7,7 +7,6 @@
{% include "partials/why/matters.html" %} {% include "partials/why/matters.html" %}
{% include "partials/why/values.html" %} {% include "partials/why/values.html" %}
{% include "partials/why/team.html" %} {% include "partials/why/team.html" %}
{% include "partials/why/impact.html" %}
{% include "partials/home/cta.html" %}
{% endblock content %} {% endblock content %}

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

@@ -47,7 +47,7 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet while offering additional capabilities. No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet.
</p> </p>
</div> </div>
</div> </div>
@@ -79,8 +79,7 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
The Internet has become fragile and overly centralized. Issues like authenticity, privacy, security, and sustainability necessitate a fundamental new approach to rebuild its foundation. The Internet used to be a peer to peer network, but has become fragile and too centralized. There are so many problems with the current Internet, such as authenticity, privacy, security, and sustainability that we believe a fundamental new approach is needed.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -95,7 +94,7 @@
:aria-expanded="expanded" :aria-expanded="expanded"
aria-controls="faqs-text-03" aria-controls="faqs-text-03"
> >
<span>This seems too big to be true. Is this real?</span> <span>This sounds too big, are you guys are faking it?</span>
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" /> <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" /> <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
@@ -111,8 +110,7 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
For over 30 years, we’ve worked toward this vision. ThreeFold is the culmination of our journey, offering a fully operational product and a growing community of users, farmers, and partners. This is real and we are here to stay. We have been working on this for over 30 years and ThreeFold is the result of that work. We have a working product and a growing community of farmers, users, and partners. We are real and we are here to stay.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -207,8 +205,7 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
Web4 is our evolution towards a decentralized, user-controlled, and secure Internet that respects privacy and minimizes environmental impact. Web 4 represents the natural evolution of the Internet, where humans and artificial intelligence collaborate to develop a new paradigm aimed at advancing planetary well-being while making sure everyone has equal chances. This Internet can be sovereign & decentralized, while being totally secure and private. This phase of the Internet can scale indefinitely, is green, self-healing, cost effective and ultra-reliable.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -223,7 +220,7 @@
:aria-expanded="expanded" :aria-expanded="expanded"
aria-controls="faqs-text-07" aria-controls="faqs-text-07"
> >
<span>Is this another blockchain?</span> <span>How secure and private is my data?</span>
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" /> <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" /> <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
@@ -239,7 +236,40 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
No, we are NOT blockchain. We are using our own technology: Zero State technology combined with Quantum Safe Internetworking. ThreeFold is designed to be secure and private by default. We use end-to-end encryption to protect your data and ensure that only you have access to your data.
</p>
</div>
</div>
</div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2">
<h2>
<button
id="faqs-title-07"
type="button"
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
@click="expanded = !expanded"
:aria-expanded="expanded"
aria-controls="faqs-text-07"
>
<span>Who should use the ThreeFold Grid ?</span>
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
</svg>
</button>
</h2>
<div
id="faqs-text-07"
role="region"
aria-labelledby="faqs-title-07"
class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
>
<div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light">
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 are building a channel of solution providers and integrators who want to build on top of ThreeFold.
</p> </p>
</div> </div>
</div> </div>

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

@@ -45,7 +45,7 @@
</div> </div>
</div> </div>
<div class="mt-12 flex items-center justify-center gap-x-6"> <div class="mt-12 flex items-center justify-center gap-x-6">
<a href="https://docs.threefold.io/docs/category/nodes" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a> <a href="https://manual.grid.tf/documentation/farmers/farmers.html" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
</div> </div>
</div> </div>
</dl> </dl>

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

@@ -5,7 +5,7 @@
</h2> </h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>
<p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p> <p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p>
<a href="#" class="fade-in lg:text-xl text-base tracking-normal font-medium pt-6 text-white hover:text-gray-400 blinking-effect">Discover How It Works <span aria-hidden="true">→</span></a> <a href="/solutions" target="_blank" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
</div> </div>
<div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing --> <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
<dl class="grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 gap-y-10"> <dl class="grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 gap-y-10">

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

@@ -5,7 +5,7 @@
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Imagine a system built to scale to a planetary level, seamlessly compatible with AI, Cloud, Web2, Web3, and Edge IT workloads. A system that is resilient to unforeseen events, provides 100% uptime, and enables any machine and human to communicate over the shortest, most direct path possible.</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Imagine a system built to scale to a planetary level, seamlessly compatible with AI, Cloud, Web2, Web3, and Edge IT workloads. A system that is resilient to unforeseen events, provides 100% uptime, and enables any machine and human to communicate over the shortest, most direct path possible.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">That's <span class="font-semibold">ThreeFold.</span></p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">That's <span class="font-semibold">ThreeFold.</span></p>
<div class="mt-12 flex items-center justify-center gap-x-6"> <div class="mt-12 flex items-center justify-center gap-x-6">
<a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Get Started</a> <a href="https://docs.threefold.io/" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Get Started</a>
<a href="/solutions" target="_blank" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">What We've Built <span aria-hidden="true">→</span></a> <a href="/solutions" target="_blank" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">What We've Built <span aria-hidden="true">→</span></a>
</div> </div>
</div> </div>

2
templates/partials/why/hero.html
View File

@@ -6,7 +6,7 @@
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network and Cloud system<br> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network and Cloud system<br>
as an Engine for an Upgraded Internet.</p> as an Engine for an Upgraded Internet.</p>
<div class="mt-12 flex items-center justify-center gap-x-6"> <div class="mt-12 flex items-center justify-center gap-x-6">
<a href="https://docs.threefold.io/docs/litepaper" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Litepaper</a>
</div> </div>
</div> </div>