forked from hero/www_hero_project
main #1
@ -16,7 +16,7 @@ and a side nav for category and featured post navigation
|
||||
{% include "partials/filter_bar.html" %}
|
||||
<div class="text-center main-title px-0 md:w-full">
|
||||
<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 taxonomy = path_array[1] %}
|
||||
|
@ -5,7 +5,7 @@
|
||||
<h3 class="text-black text-lg">Application</h3>
|
||||
<div class="grid grid-cols-3 gap-6">
|
||||
<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">
|
||||
<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">
|
||||
@ -14,7 +14,7 @@
|
||||
</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">
|
||||
<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>
|
||||
@ -22,19 +22,19 @@
|
||||
</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">
|
||||
<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">
|
||||
<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-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>
|
||||
<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="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">
|
||||
|
@ -46,7 +46,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p class="text-gray-700 text-xs">
|
||||
<p class="text-gray-50 text-xs">
|
||||
<time datetime="{{post.date}}">
|
||||
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
|
||||
</time>
|
||||
|
@ -46,14 +46,14 @@
|
||||
</div>
|
||||
<div class="flex flex-col text-left leading-none uppercase">
|
||||
{% if author %}
|
||||
<p class="text-gray-700 text-xs">{{ author.title }}</p>
|
||||
<p class="text-gray-50 text-xs">{{ author.title }}</p>
|
||||
{% endif %}
|
||||
<p class="text-gray-700 text-xs">
|
||||
<p class="text-gray-50 text-xs">
|
||||
<time datetime="{{post.date}}">
|
||||
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
|
||||
</time>
|
||||
</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>
|
||||
</p>
|
||||
</div>
|
||||
|
@ -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">
|
||||
<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">
|
||||
@ -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-6 text-lg leading-8 text-gray-300">Our technological framework provides global effectiveness emphasizing security, efficiency, and sustainability.</p>
|
||||
</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">
|
||||
<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>
|
||||
|
@ -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>
|
||||
<br>
|
||||
<br>
|
||||
<img class="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10" src="technology/img/technology22.png" alt="">
|
||||
<div class="relative" aria-hidden="true">
|
||||
<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">
|
||||
<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>
|
@ -1,5 +1,5 @@
|
||||
<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="max-w-3xl">
|
||||
<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="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-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-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>
|
||||
|
@ -24,7 +24,7 @@
|
||||
|
||||
<div>
|
||||
<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 }}
|
||||
</h1>
|
||||
|
||||
@ -55,9 +55,9 @@
|
||||
|
||||
<div class="pl-3 flex flex-col text-xs leading-none uppercase">
|
||||
{% 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 %}
|
||||
<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><br />
|
||||
<span id="time"
|
||||
|
Loading…
Reference in New Issue
Block a user