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

..

Browse Source
This commit is contained in:
despiegk
2024-11-25 08:26:45 +03:00
parent cf17810abf
commit 5b6b91cb84
2 changed files with 81 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
content/header/index.md
View File

@@ -35,13 +35,24 @@ extra:
||| |||
<button class="dropdown" onclick="openInNewTab('https&#58;//https://docs.threefold.io/')"> <button class="dropdown" onclick="openInNewTab('https&#58;//docs.threefold.io/docs/introduction')">
[Documentation](https://docs.threefold.io/) [More Info](https://docs.threefold.io/docs/introduction)
<br> <br>
<p class="text-sm">Explore the Documentation</p> <p class="text-sm">Go here first.</p>
</button>
|||
<button class="dropdown" onclick="openInNewTab('https&#58;//manual.grid.tf/')">
[Documentation](https://manual.grid.tf/)
<br>
<p class="text-sm">Explore the Documentation (big)</p>
</button> </button>
{% end %} {% end %}

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

@@ -210,40 +210,73 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Accordion item --> <!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2"> <div x-data="{ expanded: false }" class="py-2">
<h2> <h2>
<button <button
id="faqs-title-07" 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-07" aria-controls="faqs-text-07"
> >
<span>Who should use the ThreeFold Grid ?</span> <span>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}" />
</svg> </svg>
</button> </button>
</h2> </h2>
<div <div
id="faqs-text-07" id="faqs-text-07"
role="region" role="region"
aria-labelledby="faqs-title-07" aria-labelledby="faqs-title-07"
class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out" class="grid text-sm text-slate-600 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">
Individuals, businesses, and organizations who want to be sovereign and have full control over their data and applications. Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly. We are building a channel of solution providers and integrators who want to build on top of ThreeFold. ThreeFold grid can be used to host any web2, web3 and web4 (future) workload.
For more details see <a href="https://docs.threefold.io/docs/use" target="_blank" rel="noopener noreferrer">our ebook</a>
</p> </p>
</div>
</div> </div>
</div> </div>
</div>
<!-- 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>Who should use 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-slate-600 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">
Individuals, businesses, and organizations who want to be sovereign and have full control over their data and applications. Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly. We are building a channel of solution providers and integrators who want to build on top of ThreeFold.
</p>
</div>
</div>
</div> </div>
</div>
<!-- End: Accordion component --> <!-- End: Accordion component -->
</div> </div>