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

2024-11-22 11:43:18 +01:00
parent 0e02142c5f af7e4e5518
commit ac83055096
17 changed files with 7 additions and 1042 deletions
--- a/content/about/about_hero.png
+++ b/content/about/about_hero.png
--- a/content/about/about_journey2.png
+++ b/content/about/about_journey2.png
--- a/content/about/adnan_fatayerji.jpg
+++ b/content/about/adnan_fatayerji.jpg
--- a/content/about/alexandre_hannelas.jpeg
+++ b/content/about/alexandre_hannelas.jpeg
--- a/content/about/florian_fournier.jpeg
+++ b/content/about/florian_fournier.jpeg
--- a/content/about/index.md
+++ b/content/about/index.md
@@ -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>
--- a/content/about/jan_de_landtsheer.jpeg
+++ b/content/about/jan_de_landtsheer.jpeg
--- a/content/about/kristof_de_spiegeleer.jpeg
+++ b/content/about/kristof_de_spiegeleer.jpeg
--- a/content/about/plus2.png
+++ b/content/about/plus2.png
--- a/content/about/sacha_obeegadoo.jpg
+++ b/content/about/sacha_obeegadoo.jpg
--- a/content/footer/_index.md
+++ b/content/footer/_index.md
@@ -46,7 +46,7 @@ extra:
 <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>
--- a/content/header/index.md
+++ b/content/header/index.md
@@ -7,8 +7,8 @@ extra:
 ---
- [Why]("/about")
+- [Why]("/why")
- [What]("/solutions")
+- [What]("/what")
 - [12.12.24]("/action")
 - Info
--- a/content/tftfaq/_index.md
+++ b/content/tftfaq/_index.md
@@ -1,5 +1,5 @@
 ---
-id: faq
+#id: faq
 title: "Frequently Asked Questions"
 template: "layouts/faq.html"
 ---
--- a/content/why/index.md
+++ b/content/why/index.md
@@ -9,496 +9,8 @@ extra:
 ---
 <!-- 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>
--- a/templates/partials/home/features.html
+++ b/templates/partials/home/features.html
@@ -5,7 +5,7 @@
      </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-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 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">
--- a/templates/partials/home/hero.html
+++ b/templates/partials/home/hero.html
@@ -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>
        <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="/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>
--- a/templates/partials/what/what.html
+++ b/templates/partials/what/what.html
@@ -5,7 +5,7 @@
        </h2>
        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Today, ThreeFold is primarily focused on empowering developers to create innovative cloud solutions.</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">On 12-12-24, we will unveil exciting news about how Web4 will soon become accessible to everyone, opening up endless possibilities for all users.</p>
-        <a href="/action" class="fade-in lg:text-4xl text-base tracking-normal font-medium pt-6 text-white hover:text-gray-400 blinking-effect"><span aria-hidden="true">→ </span>12.12.24</a>
+        <a href="/action" class="border border-white px-6 py-2 fade-in lg:text-3xl text-2xl rounded-2xl tracking-normal font-medium text-white hover:text-gray-400 blinking-effect"><span aria-hidden="true">→ </span>12.12.24</a>
      </div>
      <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
        <dl class="fade-in grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 gap-y-10">