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

change links

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-21 21:38:43 +02:00
parent 8769d16da9
commit 1ef04a02e8
16 changed files with 65 additions and 553 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/about/about_journey2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 66 KiB

BIN
content/about/adnan_fatayerji.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 85 KiB

BIN
content/about/alexandre_hannelas.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 77 KiB

BIN
content/about/florian_fournier.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 241 KiB

547
content/about/index.md
View File

@@ -1,547 +0,0 @@
---
title: "Why"
description: "Our mission is to empower individuals and organizations with secure, private, and autonomous access to computing resources, ensuring fair cloud access for everyone." # quotation marks to allow colons where used
template: "layouts/why.html"
insert_anchor_links: "left"
extra:
author: Your name here
imgPath: about/about_hero.png
---
<!-- section 1 (header) -->
<div class="container mx-auto">
{% row(style="header") %}
![Image](about_hero.png#mx-auto)
|||
#### <span class="text-xl subtitle">A STRONG VISION FOR THE FUTURE</span>
## **The Internet as <br><span class="blue">Hope for Humanity</span>**
ThreeFold was started by a group of passionate Internet & Cloud veterans who wants to restore the Internet to its original glory.
<br><br>
*The Internet is a network of computers which are typically hosted in large data centers. These data centers are owned by a few large corporations. This is not how the Internet was designed. The Internet was designed to be decentralized, open, and available to everyone.*
<br><br>
**We have invented a new data, cloud, and network system as an engine for an upgraded Internet.**
<br>
<!-- <button class="blue_b">[Host the cloud](/host)</button>
<button class="green">[Deploy](/deploy)</button> -->
{% end %}
</div>
<!-- section 5 -->
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
{% row( style="mtop") %}
#### <span class="blue uppercase">ROADMAP</span>
## **Expanding ThreeFold**
{% end %}
{% roadmap() %}
## **roadmap**
{% end %}
</div>
</div>
<!-- section 2 our Story -->
<div class="container mx-auto">
{% row( style="center semiNarrow mtop") %}
#### <span class="green_text uppercase">rethinking the way the internet works </span>
## **ThreeFold’s Journey**
<br>
![Image](about_journey2.png#mx-auto)
{% end %}
{% row( style="center semiNarrow mbottom") %}
#### OUR JOURNEY BEGAN<br><span class="green_text uppercase">+10 YEARS AGO</span>
<br>
Years ago, we realized that the existing Internet Infrastructure isn’t sustainable nor secure, lack sovereignty and will not succeed to meet future Internet demands.
<br>
In response, we came together with a shared mission- to design a revolutionary decentralized, open-source, inclusive and sustainable cloud solution for all.
|||
#### WHERE WE ARE<br><span class="blue uppercase">TODAY</span>
<br>
The ThreeFold Grid is in its third generation technology and live in +50 countries.
<br>
We are at the start of a journey to millions of nodes and will soon launch the fourth generation of the ThreeFold Grid.
For this, a token called $INCA will been created.
{% end %}
<!-- section 6 TEAM -->
<div class="container mx-auto">
{% row( style="mtop") %}
#### <span class="blue uppercase">MEET THE TEAM</span>
## **Founded by <span class="green_text">Internet 1.0 Pioneers</span>**
We are a dedicated group committed to advancing a new digital era. Some of us have been working on Internet technology since the early days, when it was a decentralized network. We aim to help bring that vision to life once more. Beyond those below, we have more than 50 engineers, developers, and [other team members](/people) supporting the project.
{% end %}
<br>
{% row( style="") %}
<div class="person flex md:flex-row flex-col items-start mb-4">
<div class="">
![Image](kristof_de_spiegeleer.jpeg#mx-auto)
</div>
<div class="mx-3">
**KRISTOF DE SPIEGELEER** <br>
<p class="blue text-base font-semibold">Co-Founder & CEO</p>
<p class="text-base leading-tight">Serial entrepreneur with 30 years of experience in Internet infrastructure and cloud technology. Passionate about tech for good. +600m $ exits.</p>
</div>
</div>
|||
<div class="person flex md:flex-row flex-col items-start mb-4">
<div class="">
![Image](florian_fournier.jpeg#mx-auto)
</div>
<div class="mx-3">
**FLORIAN FOURNIER** <br>
<p class="blue text-base font-semibold">Co-Founder & CMO</p>
<p class="text-base leading-tight">Ex Apple marketing director, serial entrepreneur living between Africa and Latin America.</p>
</div>
</div>
|||
<div class="person flex md:flex-row flex-col items-start mb-4">
<div class="">
![Image](adnan_fatayerji.jpg#mx-auto)
</div>
<div class="mx-3">
**ADNAN FATAYERJI** <br>
<p class="blue text-base font-semibold">Co-Founder</p>
<p class="text-base leading-tight">Tech entrepreneur with multiple exits. Based in Dubai for 20 years. Head of Partnerships and Business Development.</p>
</div>
</div>
{% end %}
{% row( style="mbottom") %}
<div class="person flex md:flex-row flex-col items-start mb-4">
<div class="">
![Image](jan_de_landtsheer.jpeg#mx-auto)
</div>
<div class="mx-3">
**JAN DE LANDTSHEER** <br>
<p class="blue text-base font-semibold">Co-Founder & CTO</p>
<p class="text-base leading-tight">40+ years of experience in deep tech, networking, cloud and storage.</p>
</div>
</div>
|||
<div class="person flex md:flex-row flex-col items-start mb-4">
<div class="">
![Image](alexandre_hannelas.jpeg#mx-auto)
</div>
<div class="mx-3">
**ALEXANDRE HANNELAS** <br>
<p class="blue text-base font-semibold">CFO</p>
<p class="text-base leading-tight">Finance lead with experience in Investment Banking and Administration.</p>
</div>
</div>
|||
<div class="person flex md:flex-row flex-col items-start mb-4">
<div class="">
![Image](sacha_obeegadoo.jpg#mx-auto)
</div>
<div class="mx-3">
**SACHA OBEEGADOO** <br>
<p class="blue text-base font-semibold">Business Development & Community</p>
<p class="text-base leading-tight">Business development lead with strong network on African continent. </p>
</div>
</div>
</div>
</div>
{% end %}
<br>
<br>
<!-- section ACHIEVEMENTS -->
{% row( style="center semiNarrow") %}
#### <span class="blue">KEY ACHIEVEMENTS TO DATE</span>
## **Milestones in Our Journey**
{% end %}
{% row( style="semiNarrow mbottom") %}
<p class="bg-gray-50 p-2 road_border">The ThreeFold Grid: connected across +50 countries by independent people and organizations called ThreeFold farmers, live and usable in its third generation opensource technology.
</p>
<br>
<p class="bg-gray-50 p-2 road_border">Partnerships with governments, to deploy physical infrastructure and introducing coding academies and innovation hubs across the country, to deploy physical infrastructure locally.
</p>
<br>
<p class="bg-gray-50 p-2 road_border">An extensive community of 1000+ farmers and several thousand others – grid users and supporters / advocates of the project
</p>
<br>
<p class="bg-gray-50 p-2 road_border">Our strategic partnerships with key DePIN players: more will be announced soon</p>
{% end %}
</div>
</div>
<!-- section 3 -->
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
{% row( style="center between margin") %}
#### <span class="green_text uppercase">OUR MISSION & VISION</span>
## **Empowering <span class="blue"> Human Potential</span>**
<br>
*We believe that the Internet should be affordable, accessible, and available to everyone on the planet.*
<br>
We envision a global, community-driven network of interconnected computers that democratizes the deployment of the Internet.
<br>
We support an open ecosystem that facilitates the seamless exchange of Internet network, data and cloud capacity.
<br>
**This internet needs to be available in every region, reliable, secure, private, and sustainable.**
{% end %}
</div>
</div>
<!-- section 7 -->
<div class="container mx-auto">
<div class="relative lg:p-4 p-1 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center lg:pt-24 pt-2">
<div class="flex-1 w-2/3 mb-6 md:mb-0 px-2 md:px-4 m-2 lg:m-0">
#### <span class="green_text uppercase">BE PART OF OUR JOURNEY</span>
## **Let’s redefine our digital <br>landscape <span class="blue"> together</span>**
</div>
<div class="w-1/3 mb-6 md:mb-0 px-2 md:px-12 m-2 lg:m-0 road_border">
<h3 class="mt-0 font-semibold">JOIN IN</h3>
<div class="my-4">
<a href="https://manual.grid.tf" target="_blank">
<h4 class="green_text font-normal my-0">Manuals</h4>
<p class="white-gray font-normal">Dive deeper into our technology</p>
</a>
</div>
<div class="my-4">
<a href="https://threefoldfaq.crisp.help/en/" target="_blank">
<h4 class="green_text font-normal my-0">Support</h4>
<p class="white-gray font-normal">Get assistance from our Support Team</p>
</a>
</div>
<div class="my-4">
<a href="/community" target="_blank">
<h4 class="green_text font-normal my-0">Community</h4>
<p class="white-gray font-normal">Be part of our journey and participate</p>
</a>
</div>
</div>
</div>
</div>
<style>
.rounded_img img {
border-radius: 8px;
}
.person img{
border-radius: 100%;
max-width:100px;
}
.myscale{
transition: transform .5s;
}
.myscale:hover{
transform: scale(1.2);
background-color: whitesmoke;
}
.road_border{
border-left: 1px solid rgb(156, 156, 156);
}
.white-gray{
color: #9f9f9f;
}
</style>

BIN
content/about/jan_de_landtsheer.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 76 KiB

BIN
content/about/kristof_de_spiegeleer.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 106 KiB

BIN
content/about/plus2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
content/about/sacha_obeegadoo.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 96 KiB

2
content/footer/_index.md
View File

@@ -46,7 +46,7 @@ extra:
<br> <br>
<h6><a target="_self" onclick="window.location.href='/about'">Why</a></h6> <h6><a target="_self" onclick="window.location.href='/why'">Why</a></h6>
<h6><a target="_self" onclick="window.location.href='/blog'">Blog</a></h6> <h6><a target="_self" onclick="window.location.href='/blog'">Blog</a></h6>

4
content/header/index.md
View File

@@ -7,8 +7,8 @@ extra:
--- ---
- [Why]("/about") - [Why]("/why")
- [What]("/solutions") - [What]("/what")
- [12.12.24]("/action") - [12.12.24]("/action")
- Info - Info

2
content/tftfaq/_index.md
View File

@@ -1,5 +1,5 @@
--- ---
id: faq #id: faq
title: "Frequently Asked Questions" title: "Frequently Asked Questions"
template: "layouts/faq.html" template: "layouts/faq.html"
--- ---

0
content/about/about_hero.png → content/why/about_hero.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 381 KiB

After

Width:  |  Height:  |  Size: 381 KiB

59
content/why/index.md Normal file
View File

@@ -0,0 +1,59 @@
---
title: "Why"
description: "Our mission is to empower individuals and organizations with secure, private, and autonomous access to computing resources, ensuring fair cloud access for everyone." # quotation marks to allow colons where used
template: "layouts/why.html"
insert_anchor_links: "left"
extra:
author: Your name here
imgPath: about/about_hero.png
---
<style>
.rounded_img img {
border-radius: 8px;
}
.person img{
border-radius: 100%;
max-width:100px;
}
.myscale{
transition: transform .5s;
}
.myscale:hover{
transform: scale(1.2);
background-color: whitesmoke;
}
.road_border{
border-left: 1px solid rgb(156, 156, 156);
}
.white-gray{
color: #9f9f9f;
}
</style>

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="/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> <a href="/what" 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

@@ -6,7 +6,7 @@
<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="/what" 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>
</div> </div>