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

update 3 pages

Browse Source
This commit is contained in:
Ehab Hassan
2024-05-22 15:59:55 +03:00
parent c417cb261a
commit 612b2d6965
7 changed files with 239 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/shortcodes/hovevision.html
View File

@@ -1,6 +1,6 @@
<div class="flex flex-col md:flex md:flex-row justify-center items-center mx-auto lg:py-20 py-8">
<div class="w-full md:w-1/3">
<div class="flex flex-wrap justify-center items-center w-full md:w-1/3">
<h1 class="font-medium">The Vision</h1>
<h3 class="blue font-normal">Pioneering. Empowering.</h3>
</div>

214
templates/shortcodes/roadmap.html
View File

@@ -1,128 +1,88 @@
<div class="space-y-8 lg:pb-24 pb-4 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
<!-- Item #1 -->
<div class="relative hidden 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 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">Order Placed</div>
<time class="font-caveat font-medium text-indigo-500">08/06/2023</time>
</div>
<div class="text-slate-500">Our journey began, with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
</div> #}
<!-- Timeline section -->
<div class="mx-auto -mt-8 px-6 lg:py-24 py-4 ">
<div class="mx-auto grid max-w-2xl grid-cols-1 gap-8 overflow-hidden lg:mx-0 lg:max-w-none lg:grid-cols-4">
<div>
<time datetime="2021-08" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="green_text" cx="2" cy="2" r="2" fill="currentColor" />
</svg>
Phase 1
<div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
</time>
<p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">CREATION OF CORE TECH</p>
<ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
<li>
+30 years of development.
</li>
<li>
Built decentralized, autonomous, edge internet technology.
</li>
</ul>
</div>
<div>
<time datetime="2021-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="green_text" cx="2" cy="2" r="2" fill="currentColor" />
</svg>
Phase 2
<div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
</time>
<p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">PROOF OF CONCEPT</p>
<ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
<li>
Largest and most advanced decentralized autonomous cloud network in the world.
</li>
<li>
Contract with Government of ZNZ.
</li>
</ul>
</div>
<div>
<time datetime="2022-02" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="blue" cx="2" cy="2" r="2" fill="currentColor" />
</svg>
Phase 3
<div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
</time>
<p class="mt-6 text-lg font-semibold leading-8 tracking-tight blue">COMMERCIALIZATION</p>
<p class="blue text-base"> (CURRENT POSITION)</p>
<ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
<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>
<time datetime="2022-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="text-gray-500" cx="2" cy="2" r="2" fill="currentColor" />
</svg>
Phase 4
<div class=""></div>
</time>
<p class="mt-6 text-lg font-semibold leading-8 tracking-tight text-gray-600">FULLY FLEDGED ECOSYSTEM</p>
<ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
<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 #2 -->
<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">
<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 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>
<!-- Item #3 -->
<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">
<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 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>
<!-- 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 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 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 #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">
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
<path d="M12 10v2H7V8.496a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V12H0V4.496a.5.5 0 0 1 .206-.4l5.5-4a.5.5 0 0 1 .588 0l5.5 4a.5.5 0 0 1 .206.4V10Z" />
</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">Delivered</div>
<time class="font-caveat font-medium text-amber-500">Exp. 12/08/2023</time>
</div>
<div class="text-slate-500">Pretium lectus quam id leo. Urna et pharetra aliquam vestibulum morbi blandit cursus risus.</div>
</div>
</div> #}
</div>
</div>

99
templates/shortcodes/storymap.html Normal file
View File

@@ -0,0 +1,99 @@
<div class="space-y-8 lg:pb-24 pb-4 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
<!-- Item #1 -->
<div class="relative hidden 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 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">Order Placed</div>
<time class="font-caveat font-medium text-indigo-500">08/06/2023</time>
</div>
<div class="text-slate-500">Our journey began, with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
</div> #}
</div>
<!-- Item #2 -->
<div class="relative flex items-center justify-center md:justify-normal md:odd:flex-row-reverse group is-active">
<!-- Icon -->
<div class="flex items-center justify-center w-6 h-6 rounded-full border border-white bg-gray-600 shrink-0 md:order-1 md:group-odd:-translate-x-7 md:group-even:translate-x-7">
{# <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 space-x-2 mb-1">
{# <div class="font-bold text-slate-900">Phase 1:</div> #}
{# <div class="font-caveat font-semibold text-lg">OUR JOURNEY BEGAN</div> #}
</div>
<p class="text-gray-800 text-md"><span class="font-caveat font-semibold text-lg blue">OUR JOURNEY BEGAN </span>with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</p>
</div>
</div>
<!-- Item #3 -->
<div class="relative flex items-center justify-center md:justify-normal md:odd:flex-row-reverse group is-active">
<!-- Icon -->
<div class="flex items-center justify-center w-6 h-6 rounded-full border border-white bg-gray-600 shrink-0 md:order-1 md:group-odd:-translate-x-7 md:group-even:translate-x-7">
{# <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 space-x-2 mb-1">
{# <div class="font-bold text-slate-900">Phase 2:</div> #}
{# <time class="font-caveat font-semibold green_text">In response,</time> #}
</div>
<p class="text-gray-800 text-md"><span class="font-caveat font-semibold text-lg 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. </p>
</div>
</div>
<!-- Item #4 -->
<div class="relative flex items-center justify-center md:justify-normal md:odd:flex-row-reverse group is-active">
<!-- Icon -->
<div class="flex items-center justify-center w-6 h-6 rounded-full border border-white bg-gray-600 shrink-0 md:order-1 md:group-odd:-translate-x-7 md:group-even:translate-x-7">
{# <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">Today</div> #}
</div>
<p class="text-gray-800 text-md"><span class="font-caveat font-semibold text-lg 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.
</p>
</div>
</div>
<!-- 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">
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
<path d="M12 10v2H7V8.496a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V12H0V4.496a.5.5 0 0 1 .206-.4l5.5-4a.5.5 0 0 1 .588 0l5.5 4a.5.5 0 0 1 .206.4V10Z" />
</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">Delivered</div>
<time class="font-caveat font-medium text-amber-500">Exp. 12/08/2023</time>
</div>
<div class="text-slate-500">Pretium lectus quam id leo. Urna et pharetra aliquam vestibulum morbi blandit cursus risus.</div>
</div>
</div> #}
</div>