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

edit about page

Browse Source
This commit is contained in:
sasha-astiadi 2024-08-17 15:58:13 +02:00
parent f65d267075
commit bed2f668a9
9 changed files with 178 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/about/img/about2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 626 KiB

BIN
content/about/img/about22.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 207 KiB

BIN
content/about/img/pioneers2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 MiB

7
templates/layouts/about.html
View File

@ -2,7 +2,7 @@
{% block content %}
<!-- mycelium.md page template, has a banner and rows of page summaries -->
{% include "partials/about.html" %}
<div>
{% set page = get_page(path="about/index.md") %}
@ -10,6 +10,9 @@
</div>
{% include "partials/cta.html" %}
{% include "partials/about1.html" %}
{% include "partials/about2.html" %}
{% include "partials/about3.html" %}
{% include "partials/about4.html" %}
{% endblock content %}

17
templates/partials/about1.html Normal file
View File

@ -0,0 +1,17 @@
<div class="relative isolate overflow-hidden bg-gray-900 px-6 py-24 sm:py-32 lg:px-8">
<img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-y=.8&w=2830&h=1500&q=80&blend=111827&sat=-100&exp=15&blend-mode=multiply" 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>
<br>
<br>
<h2 class="text-4xl font-bold pt-30 tracking-tight text-white lg:text-5xl">A cyber pandemic Antidote</h2>
<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>
</div>
</div>

16
templates/partials/about2.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 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">Our History
</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">Our history is marked by multiple successful exits, world records, and a trail of groundbreaking inventions, from scalable content routing to Zeta-Byte storage systems. With a global impact that spans scaling websites during the internet's infancy to delivering cutting-edge data center solutions, we've consistently tackled complex challenges, leaving an indelible mark on the tech landscape for over decades.</p>
<br>
<br>
<img class="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10" src="about/img/about2.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>

82
templates/partials/about3.html Normal file
View File

@ -0,0 +1,82 @@
<div class="lg:py-24 py-24 lg:px-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8 py-4 lg:py-12">
<div class="mx-auto max-w-3xl lg:text-center">
<h2 class="lg:text-4xl text-3xl text-center">Our Track Records</h2>
<p class="mt-4 text-center">Our team has consistently led the way in pioneering innovations, from setting world records in web hosting to creating quantum-resistant storage solutions. Each milestone showcases our commitment to pushing the boundaries of what's possible in the digital world.
</p>
</div>
<div class="mx-auto mt-2 max-w-2xl mt-6 lg:mt-12 lg:max-w-none">
<dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z" clip-rule="evenodd" />
</svg>
World Records for Web Hosting (1997-2002)
</dt>
<dd class="mt-1 flex flex-auto flex-col">
<p class="flex-auto text-base">Our team started the Internet hosting and datacenter business in Europe. We hosted some of the largest websites in the world including UEFA, Nasa, World Cup.</p>
</dd>
</div>
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
</svg>
The FIRST Backup Data Duplication system in the world (2005)
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7 ">
<p class="flex-auto text-base">Our advancements in this field brought up to 100x benefit compared to the status quo running in datacenters at the time</p>
</dd>
</div>
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
One of the FIRST Cloud Systems (2008)
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">We were one of the pioneers of cloud computing in general. Terms like Virtual Private Datacenter were invented by us.</p>
</dd>
</div>
</dl>
<dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
The FIRST multi-site consistent database (2010)
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">We invented a method to store data in a database over multiple sites in such a way data could never be lost, corrupted or order of updates changed.</p>
</dd>
</div>
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
The FIRST unbreakable and distributed storage system (2012)
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">Not only incorruptible, our system boasts 10x energy efficiency compared to alternative solutions, marking a significant technological leap.</p>
</dd>
</div>
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
Horizontal Scalability
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">The network has the capability to amplify resources without the need to individually augment the capacity.</p>
</dd>
</div>
</dl>
</div>
</div>
</div>

25
templates/partials/about4.html Normal file
View File

@ -0,0 +1,25 @@
<div class="relative">
<div class="mx-auto max-w-7xl">
<div class="relative z-10 pt-14 lg:w-full lg:max-w-2xl">
<svg class="absolute inset-y-0 right-8 hidden h-full w-80 translate-x-1/2 transform fill-white lg:block" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true">
<polygon points="0,0 90,0 50,100 0,100" />
</svg>
<div class="relative px-6 py-24 mb-12 lg:px-8 lg:pr-0">
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
<h1 class="text-4xl font-bold tracking-tight text-white sm:text-6xl">Our Team
</h1>
<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="#" class="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">Our People</a>
</div>
</div>
</div>
</div>
</div>
<div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
<img class="aspect-[4/4] object-cover lg:aspect-auto lg:h-full lg:w-full" src="about/img/pioneers2.png" alt="">
</div>
</div>
</div>

33
templates/partials/technology1.html Normal file
View File

@ -0,0 +1,33 @@
<div class="relative isolate overflow-hidden bg-gray-900 py-24 sm: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">
<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>
</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>
</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>
</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>
</div>
</dl>
</div>
</div>