ourworld_web/www_ourworld_tf
20
0
Fork 0
Code Issues 1 Pull Requests 2 Actions 2 Packages Projects Releases 1 Wiki Activity

template for bentures
Some checks are pending
www2.ourworld.tf / Deploy (push) Waiting to run
Details

Browse Source
This commit is contained in:
sasha-astiadi 2025-07-03 18:50:56 +02:00
parent bb835038f0
commit 3ae4f2439b
1 changed files with 112 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
templates/partials/ventures/threefold.html
View File

@ -3,52 +3,106 @@
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
</div>
<div class="mx-auto max-w-2xl lg:mx-0">
<div class="mx-auto max-w-7xl px-6 py-16 lg:pt-24 lg:pb-12">
<div class="grid grid-cols-1 lg:grid-cols-5 lg:gap-x-12 items-start">
<!-- Left Column -->
<div class="col-span-3">
<div class="inline-flex items-center">
<a href="/ventures" class="block">
<h2 class="text-base font-semibold leading-8 text-indigo-600 hover:text-indigo-700 transition-colors duration-200 underline"><u>VENTURES</u></h2>
<h2 class="text-base font-semibold leading-8 text-indigo-600 hover:text-indigo-700 transition-colors duration-200 underline">
<u>VENTURES</u>
</h2>
</a>
<span class="text-base font-semibold leading-8 text-indigo-600 ml-1"> > THREEFOLD</span>
</div>
<p class="mt-2 text-2xl font-bold tracking-tight text-black sm:text-4xl">ThreeFold</p>
<p class="mt-8 text-base font-light lg:text-xl"><b>ThreeFold</b> is an ambitious venture by OurWorld aimed at revolutionizing digital infrastructure and internet accessibility worldwide. It focuses on creating a decentralized and sustainable internet that is more private, secure, and efficient.</p>
<div class="mt-6 flex items-center gap-4">
<img src="/images/tf.png" alt="ThreeFold Logo" class="w-16 h-16 object-contain">
<p class="text-2xl font-bold tracking-tight text-black sm:text-4xl">ThreeFold</p>
</div>
<dl class="mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
<div class="flex flex-col-reverse px-6 py-2">
<dt class="text-base leading-7 text-gray-700">ThreeFold aims to build a peer-to-peer internet grid that is owned and operated by its users, eliminating the need for centralized data centers.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
<p class="mt-8 text-base font-light lg:text-xl">
<b>ThreeFold</b> is a decentralized cloud and internet infrastructure platform designed to run directly on bare metal, distinguishing it from other DePIN (Decentralized Physical Infrastructure Network) projects that operate only at the protocol level.
</p>
<p class="mt-6 text-base font-light lg:text-xl">
Focused on enabling autonomous infrastructure, ThreeFold ensures that data remains local, secure, and immune to loss or corruption. Its exceptionally high security standards have led governments to select its technology as the foundation for their public digital infrastructure.
</p>
<p class="mt-6 text-base font-light lg:text-xl">
<b>ThreeFold</b> stands out as the only DePIN project with a fully operational bare metal solution, addressing the critical bottlenecks across the three foundational layers of digital infrastructure:
</p>
</div>
<!-- Right Column -->
<div class="p-6 rounded-lg border border-gray-300 col-span-2">
<div class="mb-4">
<h3 class="text-base font-medium leading-8 text-indigo-600">Sector</h3>
<p class="text-base font-light text-black">Technology, Information and Internet</p>
</div>
<div class="mb-4">
<h3 class="text-base font-medium leading-8 text-indigo-600">Key Contacts</h3>
<div class="flex items-center mt-2 space-x-4">
<img src="/people/florian-fournier/florian_fournier.jpeg" alt="Florian Fournier" class="w-10 h-10 rounded-full object-cover">
<span class="text-base font-medium text-black"><a href="/people/florian-fournier/">Florian Fournier</a></span>
</div>
<div class="flex items-center mt-2 space-x-4">
<img src="/people/kristof-de-spiegeleer/kristof_de_spiegeleer.jpeg" alt="Kristof De Spiegeleer" class="w-10 h-10 rounded-full object-cover">
<span class="text-base font-medium text-black"><a href="/people/kristof-de-spiegeleer/">Kristof De Spiegeleer</a></span>
</div>
</div>
<div class="mb-4">
<h3 class="text-base font-semibold leading-8 text-indigo-600">Headquarters</h3>
<p class="text-base font-light text-black">Dubai, UAE</p>
</div>
<div class="mt-6">
<a href="https://threefold.io" target="_blank" rel="noopener" class="inline-flex items-center justify-center w-full rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 transition-colors duration-200">
Visit Website
<svg class="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
</svg>
<span class="ml-4">Decentralized Internet</span>
</dd>
</a>
</div>
</div>
</div>
</div>
<dl class="mt-6 grid grid-cols-1 gap-8 lg:grid-cols-2">
<div class="flex flex-col-reverse px-6 py-2">
<dt class="text-base leading-7 text-gray-700">Ultra-secure, private, and efficient storage at global scale.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-8 w-8 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3c-4.418 0-8 .895-8 2v2c0 1.105 3.582 2 8 2s8-.895 8-2V5c0-1.105-3.582-2-8-2zm0 6c-4.418 0-8 .895-8 2v2c0 1.105 3.582 2 8 2s8-.895 8-2v-2c0-1.105-3.582-2-8-2zm0 6c-4.418 0-8 .895-8 2v2c0 1.105 3.582 2 8 2s8-.895 8-2v-2c0-1.105-3.582-2-8-2z" />
</svg>
<span class="ml-4">Resilient Data</span>
</dd>
</div>
<div class="flex flex-col-reverse px-6 py-2">
<dt class="text-base leading-7 text-gray-700">By leveraging renewable energy and efficient hardware, ThreeFold strives to minimize the environmental impact of digital infrastructure.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
<dt class="text-base leading-7 text-gray-700">Encrypted, scalable overlay network with optimized routing.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-8 w-8 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3L3.75 7.5v4.5c0 5.25 3.75 9.75 8.25 10.5 4.5-.75 8.25-5.25 8.25-10.5V7.5L12 3z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M9.75 12l1.5 1.5 3-3" />
</svg>
<span class="ml-4">Sustainability</span>
<span class="ml-4">Secure Networking</span>
</dd>
</div>
<div class="flex flex-col-reverse px-6 py-2">
<dt class="text-base leading-7 text-gray-700">Providing universal access to the internet, especially in underserved regions, through its decentralized grid.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
</svg>
<span class="ml-4">Accessibility</span>
<dt class="text-base leading-7 text-gray-700">Self-healing, edge-ready cloud for Web2, Web3, and AI workloads.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-8 w-8 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15.75a5.25 5.25 0 115.25-5.25 4.5 4.5 0 004.5 4.5H19.5a3 3 0 110 6H6.75a3.75 3.75 0 01-1.5-7.207" />
<path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75a2.25 2.25 0 104.5 0 2.25 2.25 0 00-4.5 0zm-2.25 4.5a2.25 2.25 0 104.5 0 2.25 2.25 0 00-4.5 0z" />
</svg>
<span class="ml-4">Autonomous Cloud</span>
</dd>
</div>
<div class="flex flex-col-reverse px-6 py-2">
<dt class="text-base leading-7 text-gray-700">Enhancing privacy and security by decentralizing data storage and processing, reducing vulnerabilities to cyber threats.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
</svg>
<span class="ml-4">Security</span>
<dt class="text-base leading-7 text-gray-700">Decentralized, high-performance computing capacity delivered on demand, supporting AI training, rendering, and scalable applications.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-8 w-8 rounded-md bg-black text-white p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v1.5M6.75 19.5V21M17.25 3v1.5M17.25 19.5V21M3 6.75h1.5M19.5 6.75H21M3 17.25h1.5M19.5 17.25H21M8.25 8.25h7.5v7.5h-7.5v-7.5zM9 9v6h6V9H9z" />
</svg>
<span class="ml-4">Distributed Computing</span>
</dd>
</div>
</dl>
@ -57,17 +111,14 @@
<div class="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/2 transform-gpu overflow-hidden opacity-20 blur-3xl w-1/3 mx-auto" aria-hidden="true">
<div class="aspect-[1313/771] w-full bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
</div>
<div class="text-center mt-12">
<h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-black lg:mb-4 lg:mt-2">Empowering through Digital Sovereignty</h2>
<p class="text-base font-medium lg:text-xl text-gray-600 lg:mb-8 lg:mt-2 mt-2 lg:mb-4 mb-8">OurWorld is committed to supporting ThreeFold's mission to democratize internet access and empower individuals and communities globally through innovative digital infrastructure solutions.</p>
<div class="text-center mt-12 max-w-4xl items-center mx-auto">
<h2 class="text-2xl lg:text-3xl font-semibold tracking-tight text-black lg:mb-4 lg:mt-2">Empowering through Digital Sovereignty</h2>
<p class="text-base font-light lg:text-xl text-gray-600 lg:mb-8 lg:mt-2 mt-2 mb-8">OurWorld is committed to supporting ThreeFold's mission to democratize internet access and empower individuals and communities globally through innovative digital infrastructure solutions.</p>
</div>
<div class="flex justify-center mt-8">
<a href="https://threefold.io">
<img src="./img/tf.png" alt="TF Image" class="max-w-full h-auto">
</a>
</div>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/contact" class="rounded-md bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black">Support</a>
<a href="/contact" class="rounded-md bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black">Support Venture</a>
<a href="https://threefold.io" target="_blank" class="text-sm font-semibold leading-6 text-black">Visit Website <span aria-hidden="true">→</span></a>
</div>
</div>