update about2

This commit is contained in:
2024-05-16 19:06:50 +03:00
parent 2700946e35
commit 42e207b213
8 changed files with 271 additions and 47 deletions

BIN
content/about/amplidata.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
content/about/dedigate.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -30,7 +30,7 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
<!-- section 2 -->
<!-- section 2 our Story -->
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
@@ -41,6 +41,143 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
## **Our <span class="blue">Story</span>**
### **Enabling True <span class="green_text">Decentralization</span>**
<hr>
{% end %}
{% row( style="center narrow mbottom") %}
#### **<span class="blue uppercase">Our journey began**</span>
with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.
<br>
<br>
#### **<span class="blue uppercase">In response,**</span>
we came together with a shared mission—to design a revolutionary decentralized, open-source, inclusive, and sustainable Cloud solution for all.
<br>
<br>
#### **<span class="blue uppercase">Today**</span>
as we embark on the commercialization phase, the ThreeFold Grid is live in 61+ countries, a significant milestone in our ongoing commitment to redefine the future of the digital landscape.
{% end %}
</div>
</div>
<!-- section 3 -->
<div class="container mx-auto">
{% row( style="center mtop") %}
## **<span class="blue">30+ Years</span> Of Technology Development**
{% end %}
<br>
{% row( style="center mbottom") %}
<div class="myscale border rounded-md p-4">
![Image](datacenter.png#mx-auto)
-------------------
<br>
Market Cap
<p class="text-3xl blue font-bold">8 Billion $</p>
</div>
|||
<div class="myscale border rounded-md p-4">
![Image](dedigate.png#mx-auto)
-------------------
<br>
Market Cap
<p class="text-3xl blue font-bold">34 Billion $</p>
</div>
|||
<div class="myscale border rounded-md p-4">
![Image](hostbasket.png#mx-auto)
-------------------
<br>
Market Cap
<p class="text-3xl blue font-bold">8 Billion $</p>
</div>
|||
<div class="myscale border rounded-md p-4">
![Image](qlayer.png#mx-auto)
-------------------
<br>
Market Cap
<p class="text-3xl blue font-bold">205 Billion $</p>
</div>
|||
<div class="myscale border rounded-md p-4">
![Image](amplidata.png#mx-auto)
-------------------
<br>
Market Cap
<p class="text-3xl blue font-bold">25 Billion $</p>
</div>
{% end %}
</div>
<!-- section 4 -->
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
{% row( style="center narrow mtop") %}
## **Roadmap**
{% end %}
{% roadmap() %}
@@ -55,28 +192,9 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
<!-- section 3 -->
<div class="container mx-auto">
{% row( style="center margin") %}
## **<span class="blue">30+ Years</span> Of Technology Development**
<br>
![Image](tech_development.png#mx-auto)
{% end %}
</div>
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
<!-- section 4 -->
<div class="container mx-auto">
{% row( style="mtop") %}
@@ -86,7 +204,6 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
<br>
{% row( style="") %}
<div class="person flex md:flex-row flex-col items-start">
@@ -205,7 +322,7 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
</div>
</div>
<style>
@@ -254,5 +371,14 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
border-radius: 100%;
max-width:100px;
}
.myscale{
transition: transform .5s;
}
.myscale:hover{
transform: scale(1.2);
background-color: whitesmoke;
}
</style>

BIN
content/about/qlayer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -133,9 +133,71 @@ TFT powers ThreeFold and the expansion of a truly decentralized infrastructure t
</div>
</div>
<!-- section extra (Deploy) -->
<div class="container mx-auto">
{% row( style="center mtop semiNarrow") %}
#### Whats Possible With ThreeFold
<br>
## **<span class="blue">Deploy</span> On The Grid**
{% end %}
{% row( style="center semiNarrow") %}
<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
Anything that runs on Linux can run on the **ThreeFold grid**
</div>
|||
<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
Virtual machines & gateways for easy deploying
</div>
|||
<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
Use our one-click solutions or build your own
</div>
|||
<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
Flexible advanced deployment options for experienced users
</div>
{% end %}
{% row( style="center mbottom semiNarrow") %}
<button class="green">[Deploy Now](https://dashboard.grid.tf)</button>
<button class="blue_b">[Dive Deeper](/deploy)</button>
{% end %}
<!-- section 6 (ecentralized) -->
@@ -296,10 +358,11 @@ Sikana is on a mission to empower individuals with practical skills through free
</div>
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
<!-- section 8 (news) -->
<div style="background-color:#F6F6F6">
<div class="container mx-auto">
{% row( style="mtop semiNarrow") %}
@@ -329,13 +392,13 @@ Cooperatives represent a well-tested form of collective organization and democra
|||
[![Image](latest3.png)](/newsroom/social-network-mega-space/)
[![Image](latest3.png)](/blog/edge-computing/)
<br>
##### **X (Twitter) Space with Social Network**
##### **ThreeFold: Meeting Digital Demand at the Edge**
Join the Social Network Mega Space featuring Kristof (co-founder) and Florian (biz dev).
Learn what edge computing means and what it offers compared to centralized cloud infrastructures.
{% end %}
@@ -400,6 +463,9 @@ Meet the community and join the conversation
<style>
.card_h{
height: 110px !important;
}
.green{
background-color:#58CF77 !important;

View File

@@ -28,11 +28,13 @@
</div>
<!-- Card -->
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
{# <div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-bold text-slate-900">Order Shipped</div>
<time class="font-caveat font-medium text-indigo-500">09/06/2023</time>
</div> #}
<div class="text-gray-800 text-md"><span class="font-bold text-xl">Our Journey began</span> , with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
<div class="flex items-center space-x-2 mb-1">
<div class="font-bold text-slate-900">Phase 1:</div>
<div class="font-caveat font-semibold green_text">CREATION OF CORE TECH</div>
</div>
<p class="text-gray-800 text-md">+30 years of development <br>
Built decentralized, autonomous, edge internet technology</p>
</div>
</div>
@@ -47,11 +49,12 @@
</div>
<!-- Card -->
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
{# <div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-bold text-slate-900">In Transit</div>
<time class="font-caveat font-medium text-indigo-500">10/06/2023</time>
</div> #}
<div class="text-gray-800 text-md"><span class="font-bold text-xl">In response,</span> we came together with a shared mission—to design a revolutionary decentralized, open-source, inclusive, and sustainable Cloud solution for all.</div>
<div class="flex items-center space-x-2 mb-1">
<div class="font-bold text-slate-900">Phase 2:</div>
<time class="font-caveat font-semibold green_text">PROOF OF CONCEPT</time>
</div>
<p class="text-gray-800 text-md">Largest and most advanced decentralized autonomous cloud network in the world<br>
Contract with Government of ZNZ </p>
</div>
</div>
@@ -59,23 +62,51 @@
<!-- Item #4 -->
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
<!-- Icon -->
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white green group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white blue_b group-[.is-active]:bg-emerald-500 text-white-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
<svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
</svg>
</div>
<!-- Card -->
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
<div class="flex items-center space-x-2 mb-1">
<div class="font-bold text-slate-900">Phase 3:</div>
<div class="font-caveat font-semibold blue">COMMERCIALIZATION (Now) </div>
</div>
<ul class="text-gray-800 text-md">
<li>Drive utilization of TFGrid 4.0</li>
<li>Underlying layer for DePIN projects</li>
<li>Solidify partnerships</li>
<li>TF Cooperative established</li>
</ul>
</div>
</div>
<!-- Item #5 -->
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group">
<!-- Icon -->
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
</svg>
</div>
<!-- Card -->
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
{# <div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-bold text-slate-900">Out of Delivery</div>
<time class="font-caveat font-medium text-indigo-500">12/06/2023</time>
</div> #}
<div class="text-gray-800 text-md"><span class="font-bold text-xl">Today</span> as we embark on the commercialization phase, the ThreeFold Grid is live in 61+ countries, a significant milestone in our ongoing commitment to redefine the future of the digital landscape.</div>
<div class="flex items-center space-x-2 mb-1">
<div class="font-bold text-slate-900">Phase 4:</div>
<div class="font-caveat font-semibold text-slate-500">FULLY FLEDGED ECOSYSTEM (Soon) </div>
</div>
<ul class="text-gray-800 text-md">
<li>Digital Free Zone set up & running</li>
<li>TF Chapters established globally e.g. Dunia Yetu</li>
<li>Widespread and extensive decentralized and sovereign internet </li>
</ul>
</div>
</div>
<!-- Item #5 -->
<!-- Item #6 -->
{# <div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group">
<!-- Icon -->
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
@@ -94,3 +125,4 @@
</div> #}
</div>