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

add technology section

Browse Source
This commit is contained in:
sasha-astiadi 2024-08-17 16:18:44 +02:00
parent bed2f668a9
commit 02e345cb37
8 changed files with 115 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
content/header/_index.md
View File

@ -10,6 +10,7 @@ extra:
- [Home]("/")
- [About]("/about")
- [Technology]("/technology")
- [Contact]("/contact")

BIN
content/technology/img/technology2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

BIN
content/technology/img/technology22.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

9
content/technology/index.md Normal file
View File

@ -0,0 +1,9 @@
---
title: "About"
description: ""
date: 2018-09-14
updated: 2021-02-20
draft: false
weight: 3
template: "layouts/technology.html"
---

16
templates/layouts/technology.html Normal file
View File

@ -0,0 +1,16 @@
{% extends "_default/base.html" %}
{% block content %}
<!-- mycelium.md page template, has a banner and rows of page summaries -->
<div>
{% set page = get_page(path="technology/index.md") %}
{{page.content | safe}}
</div>
{% include "partials/technology1.html" %}
{% include "partials/technology2.html" %}
{% endblock content %}

26
templates/partials/technology1.html
View File

@ -5,27 +5,25 @@
<div class="aspect-[1266/975] w-[79.125rem] 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 lg:mx-0 lg:max-w-xl">
<h2 class="text-base font-semibold leading-8 text-indigo-400">ABOUT US</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A cyber pandemic Antidote</p>
<p class="mt-6 text-lg leading-8 text-gray-300">We can help you “rethink“ your next project to achieve security,
efficiency and scale which was not possible before, essential for the evolving needs of emerging IT workloads.</p>
<br>
<br>
<br>
<h2 class="text-base font-semibold leading-8 text-indigo-400">TECHNOLOGY</h2>
<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">
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Creators on the platform</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">8,000+</dd>
<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>
</div>
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Flat platform fee</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">3%</dd>
<dt class="text-sm leading-6">Autonomous operations</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">100%</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Uptime guarantee</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">99.9%</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Paid out to creators</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">$70M</dd>
<dt class="text-sm leading-6">Energy Saved compared to traditional infrastructure</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">+90%</dd>
</div>
</dl>
</div>

16
templates/partials/technology2.html Normal file
View File

@ -0,0 +1,16 @@
<div class="relative overflow-hidden pt-16 lg:pt-20">
<div class="mx-auto max-w-7xl py-24 px-6 lg:px-8">
<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>
<h2 class="text-2xl text-left font-bold tracking-tight text-white lg:text-4xl">Technology Architecture
</h2>
<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="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-white pt-[7%]"></div>
</div>
</div>
</div>

61
templates/partials/technology4.html Normal file
View File

@ -0,0 +1,61 @@
<div class="bg-gray-900 py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay on top of customer support</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">Lorem ipsum dolor sit amet consect adipisicing elit. Possimus magnam voluptatum cupiditate veritatis in accusamus quisquam.</p>
</div>
<div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
<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-base font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<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>
</div>
Unlimited inboxes
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-gray-300">
<p class="flex-auto">Non quo aperiam repellendus quas est est. Eos aut dolore aut ut sit nesciunt. Ex tempora quia. Sit nobis consequatur dolores incidunt.</p>
<p class="mt-6">
<a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true">→</span></a>
</p>
</dd>
</div>
<div class="flex flex-col">
<dt class="text-base font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<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>
</div>
Manage team members
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-gray-300">
<p class="flex-auto">Vero eum voluptatem aliquid nostrum voluptatem. Vitae esse natus. Earum nihil deserunt eos quasi cupiditate. A inventore et molestiae natus.</p>
<p class="mt-6">
<a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true">→</span></a>
</p>
</dd>
</div>
<div class="flex flex-col">
<dt class="text-base font-semibold leading-7 text-white">
<div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
<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>
</div>
Spam report
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-gray-300">
<p class="flex-auto">Et quod quaerat dolorem quaerat architecto aliquam accusantium. Ex adipisci et doloremque autem quia quam. Quis eos molestiae at iure impedit.</p>
<p class="mt-6">
<a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true">→</span></a>
</p>
</dd>
</div>
</dl>
</div>
</div>
</div>