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

Update FAQs

Browse Source
This commit is contained in:
samtaggart
2025-04-30 13:51:44 +03:00
parent 6f9b51ef9f
commit a2dd16874c
1 changed files with 48 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -87,14 +87,14 @@
<div x-data="{ expanded: false }" class="py-2"> <div x-data="{ expanded: false }" class="py-2">
<h2> <h2>
<button <button
id="faqs-title-04" id="faqs-title-05"
type="button" type="button"
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none" class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
@click="expanded = !expanded" @click="expanded = !expanded"
:aria-expanded="expanded" :aria-expanded="expanded"
aria-controls="faqs-text-04" aria-controls="faqs-text-05"
> >
<span style="color: #fff;">You have 2 tokens, TFT and INCA, why?</span> <span style="color: #fff;">How can I participate?</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}" />
@@ -102,48 +102,15 @@
</button> </button>
</h2> </h2>
<div <div
id="faqs-text-04" id="faqs-text-05"
role="region" role="region"
aria-labelledby="faqs-title-04" aria-labelledby="faqs-title-05"
class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out" class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
> >
<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">
TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid capacity. From the start, ThreeFold had 4 billion tokens planned. The ThreeFold community decided to stop minting at 1 billion tokens on Stellar via a DAO vote. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. <br><br>We are now building generation 4 of the ThreeFold Grid capacity, and we need a new token to build this new generation. There will be 3 billion new INCA tokens and all TFT holders can transfer their TFT into INCA (one-way bridge). You can participate by becoming a farmer, a user, a partner or by developing apps. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications, and many more.
</p>
</div>
</div>
</div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2">
<h2>
<button
id="faqs-title-04"
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-04"
>
<span style="color: #fff;">What can I do with 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-04"
role="region"
aria-labelledby="faqs-title-04"
class="grid text-sm text-gray-200 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">
ThreeFold grid can be used to host any web2 and web3 workloads.
</p> </p>
</div> </div>
</div> </div>
@@ -185,14 +152,14 @@
<div x-data="{ expanded: false }" class="py-2"> <div x-data="{ expanded: false }" class="py-2">
<h2> <h2>
<button <button
id="faqs-title-05" id="faqs-title-07"
type="button" type="button"
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none" class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
@click="expanded = !expanded" @click="expanded = !expanded"
:aria-expanded="expanded" :aria-expanded="expanded"
aria-controls="faqs-text-05" aria-controls="faqs-text-07"
> >
<span style="color: #fff;">How can I participate?</span> <span style="color: #fff;">What can I do with the ThreeFold Grid?</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}" />
@@ -200,15 +167,16 @@
</button> </button>
</h2> </h2>
<div <div
id="faqs-text-05" id="faqs-text-07"
role="region" role="region"
aria-labelledby="faqs-title-05" aria-labelledby="faqs-title-07"
class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out" class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
> >
<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">
You can participate by becoming a farmer, a user, a partner or by developing apps. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications, and many more. ThreeFold grid can be used to host any web2, web3 and future workload.
For more details see <a href="https://docs.threefold.io/docs/category/how-to-use" target="_blank" rel="noopener noreferrer">our docs</a>.
</p> </p>
</div> </div>
</div> </div>
@@ -246,39 +214,6 @@
</div> </div>
</div> </div>
<!-- Accordion item --> <!-- 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 style="color: #fff;">What can I do with 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-gray-200 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">
ThreeFold grid can be used to host any web2, web3 and future workload.
For more details see <a href="https://docs.threefold.io/docs/category/how-to-use" target="_blank" rel="noopener noreferrer">our docs</a>.
</p>
</div>
</div>
</div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2"> <div x-data="{ expanded: false }" class="py-2">
<h2> <h2>
<button <button
@@ -311,6 +246,39 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2">
<h2>
<button
id="faqs-title-04"
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-04"
>
<span style="color: #fff;">You have 2 tokens, TFT and INCA, why?</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-04"
role="region"
aria-labelledby="faqs-title-04"
class="grid text-sm text-gray-200 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">
TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid capacity. From the start, ThreeFold had 4 billion tokens planned. The ThreeFold community decided to stop minting at 1 billion tokens on Stellar via a DAO vote. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. <br><br>We are now building generation 4 of the ThreeFold Grid capacity, and we need a new token to build this new generation. There will be 3 billion new INCA tokens and all TFT holders can transfer their TFT into INCA (one-way bridge).
</p>
</div>
</div>
</div>
</div> </div>
<!-- End: Accordion component --> <!-- End: Accordion component -->