This commit is contained in:
sasha-astiadi 2024-08-19 14:46:38 +02:00
parent 526c6aaf7c
commit 4572d10923
8 changed files with 66 additions and 19 deletions

View File

@ -16,7 +16,7 @@ and a side nav for category and featured post navigation
{% include "partials/filter_bar.html" %} {% include "partials/filter_bar.html" %}
<div class="text-center main-title px-0 md:w-full"> <div class="text-center main-title px-0 md:w-full">
<h1 <h1
class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10" class="tracking-tight text-lg text-left lg:text-xl fw-500 leading-snug font-normal mb-10"
> >
{% set path_array = current_path | split(pat="/") %} {% set path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %} {% set taxonomy = path_array[1] %}

View File

@ -5,7 +5,7 @@
<h3 class="text-black text-lg">Application</h3> <h3 class="text-black text-lg">Application</h3>
<div class="grid grid-cols-3 gap-6"> <div class="grid grid-cols-3 gap-6">
<div class="col-span-3 sm:col-span-2"> <div class="col-span-3 sm:col-span-2">
<label for="company-website" class="block text-sm font-medium text-gray-700"> Website </label> <label for="company-website" class="block text-sm font-medium text-gray-50"> Website </label>
<div class="mt-1 flex rounded-md shadow-sm"> <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> <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-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">
@ -14,7 +14,7 @@
</div> </div>
<div> <div>
<label for="about" class="block text-sm font-medium text-gray-700"> About </label> <label for="about" class="block text-sm font-medium text-gray-50"> About </label>
<div class="mt-1"> <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-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" placeholder="you@example.com"></textarea>
</div> </div>
@ -22,19 +22,19 @@
</div> </div>
<div> <div>
<label class="block text-sm font-medium text-gray-700"> Photo </label> <label class="block text-sm font-medium text-gray-50"> Photo </label>
<div class="mt-1 flex items-center"> <div class="mt-1 flex items-center">
<span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100"> <span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100">
<svg class="h-full w-full text-gray-300" fill="currentColor" viewBox="0 0 24 24"> <svg class="h-full w-full text-gray-300" fill="currentColor" viewBox="0 0 24 24">
<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" /> <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> </svg>
</span> </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-700 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-500">Change</button>
</div> </div>
</div> </div>
<div> <div>
<label class="block text-sm font-medium text-gray-700"> Resume </label> <label class="block text-sm font-medium text-gray-50"> Resume </label>
<div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md"> <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md">
<div class="space-y-1 text-center"> <div class="space-y-1 text-center">
<svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true"> <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">

View File

@ -46,7 +46,7 @@
</ul> </ul>
</div> </div>
<p class="text-gray-700 text-xs"> <p class="text-gray-50 text-xs">
<time datetime="{{post.date}}"> <time datetime="{{post.date}}">
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }} {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time> </time>

View File

@ -46,14 +46,14 @@
</div> </div>
<div class="flex flex-col text-left leading-none uppercase"> <div class="flex flex-col text-left leading-none uppercase">
{% if author %} {% if author %}
<p class="text-gray-700 text-xs">{{ author.title }}</p> <p class="text-gray-50 text-xs">{{ author.title }}</p>
{% endif %} {% endif %}
<p class="text-gray-700 text-xs"> <p class="text-gray-50 text-xs">
<time datetime="{{post.date}}"> <time datetime="{{post.date}}">
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }} {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time> </time>
</p> </p>
<p class="flex justify-between lowercase my-2 items-center text-gray-700 text-xs"><span id="time" <p class="flex justify-between lowercase my-2 items-center text-gray-50 text-xs"><span id="time"
class="time"></span> class="time"></span>
</p> </p>
</div> </div>

View File

@ -1,4 +1,4 @@
<div class="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32"> <div class="relative isolate overflow-hidden bg-gray-900 py-12 lg:py-32">
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2850&q=80&blend=111827&blend-mode=multiply&sat=-100&exp=15" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover"> <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2850&q=80&blend=111827&blend-mode=multiply&sat=-100&exp=15" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
<div class="relative mx-auto max-w-7xl px-6 lg:px-8"> <div class="relative mx-auto max-w-7xl px-6 lg:px-8">
<div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true"> <div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
@ -12,7 +12,7 @@
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A more Advanced and Sustainable Digital Future</p> <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A more Advanced and Sustainable Digital Future</p>
<p class="mt-6 text-lg leading-8 text-gray-300">Our technological framework provides global effectiveness emphasizing security, efficiency, and sustainability.</p> <p class="mt-6 text-lg leading-8 text-gray-300">Our technological framework provides global effectiveness emphasizing security, efficiency, and sustainability.</p>
</div> </div>
<dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 text-white sm:mt-20 sm:grid-cols-2 sm:gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-4"> <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 text-white mt-10 sm:grid-cols-2 gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-4">
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6"> <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">to build the World Largest Decentralized Internet Grid</dt> <dt class="text-sm leading-6">to build the World Largest Decentralized Internet Grid</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">#1</dd> <dd class="order-first text-3xl font-semibold tracking-tight">#1</dd>

View File

@ -8,8 +8,55 @@
<p class="mt-6 text-lg leading-8 max-w-4xl text-gray-300">Our advanced architecture seamlessly integrates cutting-edge compute, storage, and network technologies to deliver unparalleled performance, scalability, and security. Designed for modern IT workloads, it supports everything from edge computing to large-scale data centers, ensuring efficiency and resilience at every level.</p> <p class="mt-6 text-lg leading-8 max-w-4xl text-gray-300">Our advanced architecture seamlessly integrates cutting-edge compute, storage, and network technologies to deliver unparalleled performance, scalability, and security. Designed for modern IT workloads, it supports everything from edge computing to large-scale data centers, ensuring efficiency and resilience at every level.</p>
<br> <br>
<br> <br>
<img class="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10" src="technology/img/technology22.png" alt=""> <div class="mx-auto mt-4 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 lg:mx-0 lg:max-w-none lg:grid-cols-4">
<div class="relative" aria-hidden="true"> <article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#">
<span class="absolute inset-0"></span>
<h4 class="font-semibold">Layer 0</h4>
</a>
</h3>
<p class="mt-4 line-clamp-3 text-sm leading-6">Interconnected nodes (Zero-OS) delivering compute (GPU, CPU), storage and network. Localized & More Secure.</p>
</div>
</article>
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#">
<span class="absolute inset-0"></span>
<h4 class="font-semibold">Layer 1</h4>
</a>
</h3>
<p class="mt-4 line-clamp-3 text-sm leading-6">Compatible with any Web 2 and Web 3 standard + ready for true peer-to-peer transactions at any scale.</p></div>
</article>
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#">
<span class="absolute inset-0"></span>
<h4 class="font-semibold">Layer 2</h4>
</a>
</h3>
<p class="mt-4 line-clamp-3 text-sm leading-6">Always available shortest path end-to-end encrypted network layer. Digital Self-Tech allows self healing.</p>
</div>
</article>
<article class="flex flex-col items-start justify-between">
<div class="max-w-xl">
<div class="group relative">
<h3 class="mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600">
<a href="#">
<span class="absolute inset-0"></span>
<h4 class="font-semibold">Layer 3</h4>
</a>
</h3>
<p class="mt-4 line-clamp-3 text-sm leading-6">Better security, data availability, performance at all times for all users. 100% private & Secure.</p>
</div>
</article>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,5 @@
<div class=""> <div class="">
<section aria-labelledby="features-heading" class="mx-auto max-w-7xl py-24 sm:px-2 lg:px-8"> <section aria-labelledby="features-heading" class="mx-auto max-w-7xl pt-12 pb-12 sm:px-2 lg:px-8">
<div class="mx-auto max-w-2xl px-4 lg:max-w-none lg:px-0"> <div class="mx-auto max-w-2xl px-4 lg:max-w-none lg:px-0">
<div class="max-w-3xl"> <div class="max-w-3xl">
<h2 id="features-heading" class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Technical Specifications</h2> <h2 id="features-heading" class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Technical Specifications</h2>
@ -10,7 +10,7 @@
<div class="-mx-4 flex overflow-x-auto sm:mx-0"> <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="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"> <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-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-50" -->
<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-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-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> <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>

View File

@ -24,7 +24,7 @@
<div> <div>
<article class="article lg:w-4/6 mx-auto"> <article class="article lg:w-4/6 mx-auto">
<h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0 text-gray-700"> <h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0 text-gray-50">
{{ page.title }} {{ page.title }}
</h1> </h1>
@ -55,9 +55,9 @@
<div class="pl-3 flex flex-col text-xs leading-none uppercase"> <div class="pl-3 flex flex-col text-xs leading-none uppercase">
{% if author %} {% if author %}
<a href="{{author.permalink}}" class="text-gray-700 text-xs">{{ author.title }}</a> <a href="{{author.permalink}}" class="text-gray-50 text-xs">{{ author.title }}</a>
{% endif %} {% endif %}
<p class="text-gray-700 text-xs"> <p class="text-gray-50 text-xs">
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") <time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
}}</time><br /> }}</time><br />
<span id="time" <span id="time"