sashaastiadi/www_mycelium
1
0
Fork 2
forked from hero/www_hero_project
Code Pull Requests Activity

edit indigo

Browse Source
This commit is contained in:
sasha-astiadi 2024-08-19 17:59:44 +02:00
parent dcb68faf24
commit a135d7f598
13 changed files with 33 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
templates/partials/about1.html
View File

@ -1,11 +1,5 @@
<div class="relative isolate overflow-hidden bg-gray-900 px-6 py-24 sm:py-32 lg:px-8">
<img src="/home/img/hometech2.jpg" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
<div class="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl" aria-hidden="true">
<div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" 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="absolute -top-52 left-1/2 -z-10 -translate-x-1/2 transform-gpu blur-3xl sm:top-[-28rem] sm:ml-16 sm:translate-x-0 sm:transform-gpu" aria-hidden="true">
<div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" 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 text-center">
<br>
<br>

2
templates/partials/about4.html
View File

@ -9,7 +9,7 @@
<p class="mt-6 text-lg leading-8 text-gray-50">Decades ago, our team came together with a strategic vision: to think about the trajectory of the Internet. We came to the conclusion that the existing Internet infrastructure was unsustainable, requiring the development of a new technological framework.</p>
<p class="mt-6 text-lg leading-8 text-gray-50">Our mission was to design a new decentralized, open-source, inclusive and sustainable Internet for everyone. The technology is now ready and alive thanks to the relentless hard work of our team members and has already proven its efficiency.</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="/people" class="rounded-md bg-indigo-400 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-400">Our People</a>
<a href="/people" class="rounded-md bg-indigo-400 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Our People</a>
</div>
</div>
</div>

10
templates/partials/applicationForm.html
View File

@ -8,7 +8,7 @@
<label for="company-website" class="block text-sm font-medium text-gray-50"> Website </label>
<div class="mt-1 flex rounded-md shadow-sm">
<span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 text-sm"> http:// </span>
<input type="text" name="company-website" id="company-website" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300" placeholder="www.example.com">
<input type="text" name="company-website" id="company-website" class="focus:ring-indigo-400 focus:border-indigo-400 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300" placeholder="www.example.com">
</div>
</div>
</div>
@ -16,7 +16,7 @@
<div>
<label for="about" class="block text-sm font-medium text-gray-50"> About </label>
<div class="mt-1">
<textarea id="about" name="about" rows="3" class="shadow-sm focus:ring-indigo-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" placeholder="you@example.com"></textarea>
<textarea id="about" name="about" rows="3" class="shadow-sm focus:ring-indigo-400 focus:border-indigo-400 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" placeholder="you@example.com"></textarea>
</div>
<p class="mt-2 text-sm text-gray-500">Brief description for your profile. URLs are hyperlinked.</p>
</div>
@ -29,7 +29,7 @@
<path d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" />
</svg>
</span>
<button type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-50 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
<button type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-50 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-400">Change</button>
</div>
</div>
@ -41,7 +41,7 @@
<path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div class="flex text-sm text-gray-600">
<label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-400 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
<label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-400 hover:text-indigo-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-400">
<span>Upload a file</span>
<input id="file-upload" name="file-upload" type="file" class="sr-only">
</label>
@ -53,7 +53,7 @@
</div>
</div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-400 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Save</button>
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-400 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-400">Save</button>
</div>
</div>
</form>

2
templates/partials/concepts.html
View File

@ -30,7 +30,7 @@
</div>
</div>
<div class="justify-center items-center flex">
<a href="/technology" class="rounded-md mt-8 bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
<a href="/technology" class="rounded-md mt-8 bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
</div>
</div>
</div>

12
templates/partials/contact.html
View File

@ -46,36 +46,36 @@
<div>
<label for="first-name" class="block text-sm font-semibold leading-6 text-white">First name</label>
<div class="mt-2.5">
<input type="text" name="first-name" id="first-name" autocomplete="given-name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
<input type="text" name="first-name" id="first-name" autocomplete="given-name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6">
</div>
</div>
<div>
<label for="last-name" class="block text-sm font-semibold leading-6 text-white">Last name</label>
<div class="mt-2.5">
<input type="text" name="last-name" id="last-name" autocomplete="family-name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
<input type="text" name="last-name" id="last-name" autocomplete="family-name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6">
</div>
</div>
<div class="sm:col-span-2">
<label for="email" class="block text-sm font-semibold leading-6 text-white">Email</label>
<div class="mt-2.5">
<input type="email" name="email" id="email" autocomplete="email" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
<input type="email" name="email" id="email" autocomplete="email" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6">
</div>
</div>
<div class="sm:col-span-2">
<label for="phone-number" class="block text-sm font-semibold leading-6 text-white">Phone number</label>
<div class="mt-2.5">
<input type="tel" name="phone-number" id="phone-number" autocomplete="tel" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6">
<input type="tel" name="phone-number" id="phone-number" autocomplete="tel" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6">
</div>
</div>
<div class="sm:col-span-2">
<label for="message" class="block text-sm font-semibold leading-6 text-white">Message</label>
<div class="mt-2.5">
<textarea name="message" id="message" rows="4" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6"></textarea>
<textarea name="message" id="message" rows="4" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6"></textarea>
</div>
</div>
</div>
<div class="mt-8 flex justify-end">
<button type="submit" class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">Send message</button>
<button type="submit" class="rounded-md bg-indigo-400 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Send message</button>
</div>
</div>
</form>

4
templates/partials/cta.html
View File

@ -21,8 +21,8 @@
<form class="w-full max-w-md lg:col-span-5 lg:pt-2">
<div class="flex gap-x-4">
<label for="email-address" class="sr-only">Email address</label>
<input id="email-address" name="email" type="email" autocomplete="email" required class="min-w-0 flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6" placeholder="Enter your email">
<button type="submit" class="flex-none rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">Subscribe</button>
<input id="email-address" name="email" type="email" autocomplete="email" required class="min-w-0 flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6" placeholder="Enter your email">
<button type="submit" class="flex-none rounded-md bg-indigo-400 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Subscribe</button>
</div>
<p class="mt-4 text-sm leading-6 text-gray-300">We care about your data. Read our <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="font-semibold text-white">privacy&nbsp;policy</a>.</p>
</form>

2
templates/partials/featuredBlog.html
View File

@ -27,7 +27,7 @@
<h4 class="mt-2 mb-6 lg:mb-10 text-sm not-italic font-light leading-6 text-gray-200">
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}}
</h4>
<a href="/blog/ensuring_reliability" class="rounded-md mt-6 lg:mt-12 bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm text-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Read More</a>
<a href="/blog/ensuring_reliability" class="rounded-md mt-6 lg:mt-12 bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm text-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Read More</a>
</div>
</div>

2
templates/partials/home1.html
View File

@ -13,7 +13,7 @@
<h2 class="lg:text-4xl text-3xl mt-2">Autonomous Computing of the Future</h2>
<p class="mt-4 leading-8 text-gray-50">A cloud computing system designed for planetary-scale scalability, offering secure, immutable data storage that ensures integrity and permanence.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/technology" class="rounded-md bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
<a href="/technology" class="rounded-md bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
<a href="/usecases" class="text-sm font-semibold leading-6 text-white">Use Cases <span aria-hidden="true">→</span></a>
</div>
</div>

2
templates/partials/mesh2.html
View File

@ -6,7 +6,7 @@
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">Explore how TF9 can revolutionize your operations across various domains. </p><br>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">Whether optimizing computational efficiency, enhancing data security, or improving network performance,</p><br>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">TF9 adapts seamlessly to your specific requirements, driving innovation and efficiency in any sector. </p><br><br>
<a href="/usecases" class="rounded-xl mt-6 text-sm bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Use Cases</a>
<a href="/usecases" class="rounded-xl mt-6 text-sm bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Use Cases</a>
</div>
</div>
</div>

2
templates/partials/stats.html
View File

@ -8,7 +8,7 @@
<h2 class="text-base font-semibold leading-8 text-indigo-400">COMPANY</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A Growing Community worldwide</p>
<p class="mt-6 mb-8 text-lg leading-8 text-gray-300">With 30+ years of global innovation, we lead the DePIN cloud movement, harmonizing tradition with hyperscalable infrastructure.</p>
<a href="/people" class="rounded-md bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Our People</a>
<a href="/people" class="rounded-md bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Our People</a>
</div>
</div>
</div>

8
templates/partials/technology2.html
View File

@ -12,7 +12,7 @@
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="ad0b04319c"><path d="M 9.570312 9.632812 L 214.960938 9.632812 L 214.960938 215.023438 L 9.570312 215.023438 Z M 9.570312 9.632812 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#ad0b04319c)"><path fill="#6266f1" d="M 215.300781 112.496094 C 215.300781 169.300781 169.238281 215.363281 112.4375 215.363281 C 55.636719 215.363281 9.570312 169.300781 9.570312 112.496094 C 9.570312 55.695312 55.636719 9.632812 112.4375 9.632812 C 169.238281 9.632812 215.300781 55.695312 215.300781 112.496094 Z M 215.300781 112.496094 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#ffffff" d="M 143.296875 119.8125 C 143.296875 130.636719 140.828125 138.980469 135.902344 144.84375 C 130.972656 150.707031 124.050781 153.644531 115.089844 153.644531 C 106.070312 153.644531 99.082031 150.691406 94.136719 144.78125 C 89.195312 138.871094 86.722656 130.558594 86.722656 119.8125 L 86.722656 105.183594 C 86.722656 94.355469 89.175781 86.015625 94.117188 80.152344 C 99.039062 74.28125 105.988281 71.351562 114.988281 71.351562 C 123.96875 71.351562 130.941406 74.304688 135.886719 80.214844 C 140.828125 86.121094 143.296875 94.453125 143.296875 105.246094 Z M 124.511719 102.8125 C 124.511719 97.046875 123.753906 92.746094 122.226562 89.914062 C 120.71875 87.058594 118.285156 85.65625 114.992188 85.65625 C 111.757812 85.65625 109.40625 86.960938 107.941406 89.613281 C 106.476562 92.269531 105.671875 96.246094 105.570312 101.609375 L 105.570312 122.0625 C 105.570312 128.050781 106.332031 132.433594 107.839844 135.203125 C 109.367188 137.957031 111.777344 139.34375 115.089844 139.34375 C 118.285156 139.34375 120.65625 137.996094 122.164062 135.308594 C 123.691406 132.617188 124.472656 128.394531 124.511719 122.628906 Z M 124.511719 102.8125 " fill-opacity="1" fill-rule="nonzero"/></svg>
</div>
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
@ -27,7 +27,7 @@
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0">
<path fill="#6266f1" d="M 219.625 112.46875 C 219.625 171.714844 171.597656 219.742188 112.351562 219.742188 C 53.105469 219.742188 5.074219 171.714844 5.074219 112.46875 C 5.074219 53.222656 53.105469 5.195312 112.351562 5.195312 C 171.597656 5.195312 219.625 53.222656 219.625 112.46875 Z M 219.625 112.46875 " fill-opacity="1" fill-rule="nonzero" />
<path fill="#ffffff" d="M 115.15625 57.453125 C 120.320312 57.453125 124.988281 60.449219 125.539062 66.117188 C 125.539062 66.117188 125.539062 158.9375 125.539062 158.9375 C 124.988281 164.4375 120.320312 166.933594 115.820312 166.933594 C 111.15625 166.933594 106.488281 164.4375 106.488281 158.9375 C 106.488281 158.9375 106.488281 91.613281 106.488281 91.613281 C 106.488281 91.613281 99.324219 101.113281 99.324219 101.113281 C 97.324219 103.945312 94.660156 105.109375 91.660156 105.109375 C 85.660156 105.109375 80.660156 97.277344 84.492188 91.28125 C 84.492188 91.28125 106.65625 61.117188 106.65625 61.117188 C 108.988281 58.617188 112.324219 57.453125 115.15625 57.453125 Z M 115.15625 57.453125 " fill-opacity="1" fill-rule="nonzero" />
@ -44,7 +44,7 @@
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0"><path fill="#6266f1" d="M 216.429688 112.570312 C 216.429688 170.003906 169.871094 216.5625 112.4375 216.5625 C 55.007812 216.5625 8.449219 170.003906 8.449219 112.570312 C 8.449219 55.136719 55.007812 8.582031 112.4375 8.582031 C 169.871094 8.582031 216.429688 55.136719 216.429688 112.570312 Z M 216.429688 112.570312 " fill-opacity="1" fill-rule="nonzero"/><path fill="#ffffff" d="M 115.519531 148.421875 C 115.519531 148.421875 143.015625 148.421875 143.015625 148.421875 C 149.359375 148.421875 152.773438 152.652344 152.773438 156.722656 C 152.773438 160.789062 149.683594 164.859375 143.175781 164.859375 C 143.175781 164.859375 82.824219 164.859375 82.824219 164.859375 C 77.128906 164.371094 73.386719 160.300781 73.386719 155.746094 C 73.386719 153.46875 74.6875 150.863281 77.128906 148.910156 C 77.128906 148.910156 122.515625 113.273438 122.515625 113.273438 C 129.347656 108.394531 133.253906 100.09375 131.953125 91.957031 C 130.648438 81.054688 122.351562 75.847656 112.59375 75.847656 C 102.832031 75.847656 95.023438 81.542969 93.070312 90.980469 C 92.421875 96.027344 88.355469 98.464844 84.125 98.464844 C 79.242188 98.464844 74.199219 94.886719 74.851562 88.703125 C 77.453125 68.527344 93.070312 59.574219 112.59375 59.574219 C 131.136719 59.574219 148.21875 70.640625 150.171875 89.679688 C 151.960938 105.300781 144.964844 117.015625 134.066406 125.640625 C 134.066406 125.640625 104.132812 148.910156 104.132812 148.910156 C 104.132812 148.910156 115.519531 148.421875 115.519531 148.421875 Z M 115.519531 148.421875 " fill-opacity="1" fill-rule="nonzero"/></svg>
</div>
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
@ -59,7 +59,7 @@
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0"><path fill="#6266f1" d="M 212.707031 112.5 C 212.707031 168.308594 167.46875 213.546875 111.660156 213.546875 C 55.851562 213.546875 10.613281 168.308594 10.613281 112.5 C 10.613281 56.691406 55.851562 11.453125 111.660156 11.453125 C 167.46875 11.453125 212.707031 56.691406 212.707031 112.5 Z M 212.707031 112.5 " fill-opacity="1" fill-rule="nonzero"/><path fill="#ffffff" d="M 90.917969 132.328125 C 92.492188 146.515625 102.894531 148.882812 112.191406 148.882812 C 123.695312 148.882812 131.417969 140.054688 131.417969 127.917969 C 131.417969 117.511719 124.640625 109.632812 115.660156 109.632812 C 113.296875 109.632812 111.878906 109.945312 109.988281 111.050781 C 103.054688 115.304688 95.960938 109.945312 95.960938 103.640625 C 95.960938 101.433594 96.90625 99.226562 98.957031 97.175781 C 98.957031 97.175781 119.601562 78.105469 119.601562 78.105469 C 119.601562 78.105469 85.246094 78.105469 85.246094 78.105469 C 79.414062 78.105469 76.734375 74.164062 76.734375 70.378906 C 76.734375 66.4375 79.414062 62.5 85.246094 62.5 C 85.246094 62.5 137.878906 62.5 137.878906 62.5 C 143.238281 62.5 147.652344 66.28125 147.652344 70.851562 C 147.652344 72.585938 145.917969 75.582031 143.867188 77.632812 C 137.09375 83.777344 129.84375 90.085938 122.75 96.230469 C 140.242188 97.808594 149.226562 112.46875 149.226562 127.757812 C 149.226562 149.355469 134.414062 164.488281 112.351562 164.488281 C 92.96875 164.488281 76.105469 156.761719 73.582031 134.535156 C 73.742188 129.335938 78.3125 125.550781 82.566406 125.550781 C 86.507812 125.550781 90.761719 128.074219 90.917969 132.328125 Z M 90.917969 132.328125 " fill-opacity="1" fill-rule="nonzero"/></svg>
</div>
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">

8
templates/partials/technology3.html
View File

@ -10,7 +10,7 @@
<div class="-mx-4 flex overflow-x-auto sm:mx-0">
<div class="flex-auto border-b border-gray-200 px-4 sm:px-0">
<div class="-mb-px flex space-x-10" aria-orientation="horizontal" role="tablist">
<!-- Current: "border-indigo-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
<!-- Current: "border-indigo-400 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
<button id="features-tab-1" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-1" role="tab" type="button">3Nodes</button>
<button id="features-tab-2" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-2" role="tab" type="button">Zero-OS</button>
<button id="features-tab-3" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-3" role="tab" type="button">Mycelium</button>
@ -144,17 +144,17 @@
tabs.forEach((tab, index) => {
tab.addEventListener('click', function () {
tabs.forEach(t => t.classList.remove('border-indigo-500', 'text-indigo-500'));
tabs.forEach(t => t.classList.remove('border-indigo-400', 'text-indigo-400'));
panels.forEach(panel => panel.style.display = 'none');
tab.classList.add('border-indigo-500', 'text-indigo-500');
tab.classList.add('border-indigo-400', 'text-indigo-400');
const panelId = tab.getAttribute('aria-controls');
document.getElementById(panelId).style.display = 'block';
});
// Hide all panels except the first one on load
if (index === 0) {
tab.classList.add('border-indigo-500', 'text-indigo-500');
tab.classList.add('border-indigo-400', 'text-indigo-400');
panels[index].style.display = 'block';
} else {
panels[index].style.display = 'none';

12
templates/partials/technology4.html
View File

@ -8,7 +8,7 @@
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
<div class="flex flex-col">
<dt class="text-lg font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 012.012 1.244l.256.512a2.25 2.25 0 002.013 1.244h3.218a2.25 2.25 0 002.013-1.244l.256-.512a2.25 2.25 0 012.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 00-2.15-1.588H6.911a2.25 2.25 0 00-2.15 1.588L2.35 13.177a2.25 2.25 0 00-.1.661z" />
</svg>
@ -21,7 +21,7 @@
</div>
<div class="flex flex-col">
<dt class="text-lg font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
</svg>
@ -34,7 +34,7 @@
</div>
<div class="flex flex-col">
<dt class="text-lg font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
</svg>
@ -51,7 +51,7 @@
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
<div class="flex flex-col">
<dt class="text-lg font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 012.012 1.244l.256.512a2.25 2.25 0 002.013 1.244h3.218a2.25 2.25 0 002.013-1.244l.256-.512a2.25 2.25 0 012.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 00-2.15-1.588H6.911a2.25 2.25 0 00-2.15 1.588L2.35 13.177a2.25 2.25 0 00-.1.661z" />
</svg>
@ -64,7 +64,7 @@
</div>
<div class="flex flex-col">
<dt class="text-lg font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
</svg>
@ -77,7 +77,7 @@
</div>
<div class="flex flex-col">
<dt class="text-lg font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-400">
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
</svg>