ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'development_sasha' of https://github.com/threefoldfoundation/www_threefold_io into development_sasha

Browse Source
This commit is contained in:
sasha-astiadi
2024-11-19 15:39:49 +01:00
parent 481a63e36a 93acc10ee0
commit b55a33e5a6
20 changed files with 116 additions and 4969 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/footer/_index.md
View File

@@ -4,7 +4,7 @@ description: ""
insert_anchor_links: "left"
template: "partials/footer.html"
extra:
logoPath: "images/white_threefold.png"
logoPath: "images/new_logo_tft.png"
socialLinks: { Github: "https://github.com/threefoldfoundation", Github2: "https://github.com/threefoldtech", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" }
---

41
css/index.css
View File

@@ -97,6 +97,8 @@ a img:hover{
/* new theme */
.dropdown {
background-color: rgb(0 0 0 / 50%);
@apply
lg:text-lg
px-6
@@ -104,7 +106,6 @@ a img:hover{
lg:mr-5
my-3
shadow
bg-white
border-black
capitalize
leading-6
@@ -116,16 +117,17 @@ a img:hover{
items-start
rounded
transition
hover:first:text-gray-500
hover:border-stone-200
hover:bg-stone-100
hover:border-stone-700
/* hover:bg-stone-100 */
p-2
text-left
text-white
}
.dropdown a{
@apply
px-0
text-white
}
.subtitle {
@@ -254,12 +256,12 @@ background-color:#5596f5 !important;
@layer components {
h1 {
@apply text-4xl lg:text-6xl font-normal;
color: #2b2b2b;
color: #ffffff;
font-family: "Inter", sans-serif !important;
}
h2 {
@apply text-3xl lg:text-4xl my-4 font-normal leading-none;
color: #2b2b2b;
color: #ffffff;
font-family: "Inter", sans-serif !important;
}
h2 strong {
@@ -267,7 +269,7 @@ background-color:#5596f5 !important;
}
h3 {
@apply text-2xl lg:text-3xl my-4 font-extralight;
color: #2b2b2b;
color: #ffffff;
font-family: "Inter", sans-serif !important;
}
h3 strong {
@@ -322,12 +324,12 @@ background-color:#5596f5 !important;
}
h3 a{
color:#2b2b2b;
color:#ffffff;
}
h3 a:hover{
color:#2E83FF;
color:#b6b6b6;
}
@@ -340,7 +342,7 @@ background-color:#5596f5 !important;
font-family: "Inter", sans-serif;
line-height: 1.5;
font-weight: 700;
color:#333;
color:#e2e2e2;
}
.article h1{
@@ -352,22 +354,22 @@ background-color:#5596f5 !important;
font-size: 1.125rem;
font-family: "Inter", sans-serif;
line-height: 1.7;
color:#333
color:#e2e2e2
}
.post-content-text a, .article a{
color: #4ec48f;
color: #a5a5a5;
}
.post-content-text a:hover, .article a:hover{
color: #2e9969;
color: #c6c9c8;
}
.article li{
font-size: 1.125rem;
font-family: "Inter", sans-serif;
line-height: 1.7;
color:#333
color:#e2e2e2
}
.article h3{
@@ -375,17 +377,22 @@ background-color:#5596f5 !important;
}
.article h4{
color: #fff !important;
}
.main-title {
font-family: "Inter", sans-serif;
}
button:hover :is(:where(a)) {
/* button:hover :is(:where(a)) {
color: #5e5e5e;
}
} */
button :is(:where(p)) {
color: #3d3b39;
color: #ddd;
font-weight: 400;
}

BIN
static/images/new_logo_tft.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

18
templates/blogPage.html
View File

@@ -24,12 +24,12 @@
<div>
<article class="article lg:w-4/6 mx-auto">
<section class="post-header px-0 mb-4 border-b">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-700">
<section class="post-header px-0 mb-4 border-b border-gray-600">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-100">
{{ page.title }}
</h2>
<p class="md:text-lg mb-4 text-base text-gray-600">
<p class="md:text-lg mb-4 text-base text-gray-300">
{{ page.description }}
</p>
</section>
@@ -48,7 +48,7 @@
sm:w-10
rounded-full
bg-gray-200
border-2 border-white
border border-gray-600
" />
</li>
{% endif %}
@@ -57,9 +57,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-400 text-xs">{{ author.title }}</a>
{% endif %}
<p class="text-gray-700 text-xs">
<p class="text-gray-400 text-xs">
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
}}</time><br />
<span id="time"
@@ -80,14 +80,14 @@
<button class="
text-xs
bg-transparent
hover:text-blue-700
hover:text-gray-100
py-2
px-4
mr-2
border
hover:border-blue-500
hover:border-gray-100
border-gray-600
text-gray-700
text-gray-400
rounded-full
"><a href="{{fullpath}}">{{ tag }}</a></button>

20
templates/newsPage.html
View File

@@ -37,11 +37,11 @@
<div class="article lg:w-4/6 mx-auto">
<div>
<section class="post-header px-0 mb-4 border-b">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-700">
<section class="post-header px-0 mb-4 border-b border-gray-600">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-100">
{{ page.title }}
</h2>
<p class="md:text-lg mb-4 text-base text-gray-600">
<p class="md:text-lg mb-4 text-base text-gray-300">
{{ page.description }}
</p>
</section>
@@ -66,7 +66,7 @@
sm:w-10
rounded-full
bg-gray-200
border-2 border-white
border border-gray-600
" />
</a>
</li>
@@ -87,13 +87,13 @@
{% set author = get_page(path=author_path) %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<span class="text-xs leading-none uppercase">
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-800">{{ author.title }}</a>
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-400">{{ author.title }}</a>
</span>
{% endif %}
{% endfor %}
{% endif %}
</p>
<p class="text-gray-700 text-xs leading-none uppercase">
<p class="text-gray-400 text-xs leading-none uppercase">
<time datetime="{{page.date}}">
{{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time>
@@ -118,7 +118,7 @@
mx-auto
relative
font-serif
text-gray-700
text-gray-300
">
<div class="post-content-text text-xl">{{ content | safe }}</div>
</section>
@@ -129,14 +129,14 @@
<a href="{{fullpath}}" class="
text-xs
bg-transparent
hover:text-blue-700
hover:text-gray-100
py-2
px-4
mr-2
border
hover:border-blue-500
hover:border-gray-100
border-gray-600
text-gray-700
text-gray-400
rounded-full
">{{ tag }}</a>
{% endfor %}

10
templates/partials/blogSidebar.html
View File

@@ -1,25 +1,25 @@
<div class="mx-8 md:mx-4 flex flex-col">
<div class="flex flex-col mb-12">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER POSTS BY</h4>
<a id="all" class="mb-2 text-black font-normal" href="/blog">All</a>
<h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4"> FILTER POSTS BY</h4>
<a id="all" class="mb-2 text-white font-normal" href="/blog">All</a>
{% set taxonomy = get_taxonomy(kind="categories") %}
{% set categories = taxonomy.items %}
{% for category in categories %}
{% set path = category.name | slugify %}
{% set fullpath = "/categories/" ~ path %}
<a id="{{path}}" class="mb-2 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
<a id="{{path}}" class="mb-2 text-gray-100 font-normal" href={{fullpath}}> {{category.name}} </a>
{% endfor %}
</div>
{% set section = get_section(path="blog/_index.md")%}
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED POSTS</h4>
<h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-6"> FEATURED POSTS</h4>
{% for page in section.pages %}
{% if page.extra.isFeatured %}
<a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a>
<a class="mb-3 text-gray-400" href={{page.permalink}}>{{ page.title }}</a>
{% endif %}
{% endfor %}

16
templates/partials/featuredBlog.html
View File

@@ -11,30 +11,30 @@
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
<div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
<h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED POST</h3>
<h3 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4">FEATURED POST</h3>
<a href={{featured.permalink}}>
<h2
class="text-2xl main-title md:text-4xl fw-500 leading-snug font-medium">
class="text-2xl main-title md:text-4xl fw-500 text-gray-50 leading-snug font-medium">
{{ featured.title }}
</h2>
<p class="mt-2 text-base font-normal text-gray-500 text-left">
<p class="mt-2 text-base font-normal text-gray-50 text-left">
{{ featured.description }}
</p>
</a>
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600">
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-100">
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
{% for author in featured.taxonomies.people %}
{% set author_path = 'people/' ~ author ~ '/index.md' %}
{% set author = get_page(path=author_path) %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-200"> <img
src="{{ author_img }}" alt="{{ author.title }}" class="
inline-flex
w-8
h-8
rounded-full
bg-gray-200
border-2 border-white
border border-gray-400
" /> {{ author.title }}</a>
{% endfor %}
</h4>
@@ -42,11 +42,11 @@
</div>
<div class="relative lg:mt-0 max-w-full">
<img class="relative rounded mx-auto max-h-64 p-2 border-2 border-gray-100" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
<img class="relative rounded mx-auto max-h-64 p-2 border border-gray-600" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
</div>
</div>
<hr class="mt-6 container mx-auto">
<hr class="mt-6 container border-gray-600 mx-auto">
</div>
</div>

12
templates/partials/featuredNews.html
View File

@@ -2,24 +2,24 @@
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
<div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
<h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED NEWS</h3>
<h3 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4">FEATURED NEWS</h3>
<a href={{featured.permalink}}>
<h2
class="text-2xl main-title md:text-4xl fw-500 font-medium">
class="text-2xl main-title md:text-4xl fw-500 text-gray-50 font-medium">
{{ featured.title }}
</h2>
<p class="mt-2 text-base font-normal text-gray-500 text-left">
<p class="mt-2 text-base font-normal text-gray-50 text-left">
{{ featured.description }}
</p>
</a>
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600">
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-100">
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
{% for author in featured.taxonomies.people %}
{% set author_path = 'people/' ~ author ~ '/index.md' %}
{% set author = get_page(path=author_path) %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-200"> <img
src="{{ author_img }}" alt="{{ author.title }}" class="
inline-flex
w-8
@@ -39,7 +39,7 @@
{% endif %}
</div>
</div>
<hr class="mt-6 container mx-auto">
<hr class="mt-6 container border-gray-600 mx-auto">
</div>
</div>
</body>

2
templates/partials/footer.html
View File

@@ -9,7 +9,7 @@
<div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6">
<div class="xl:flex xl:gap-4">
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
<img class="w-16 h-auto sm:w-15" src="{{ get_url(path=logoPath)}}" alt="ThreeFold Logo" />
<img class="w-36 h-auto" src="{{ get_url(path=logoPath)}}" alt="ThreeFold Logo" />
<p class="text-gray-200 text-base font-light leading-6">
{{section.description}}
</p>

23
templates/partials/header.html
View File

@@ -4,10 +4,10 @@
<header id="header-container">
<div class="z-20 bg-black2 absolute w-full">
<div class="relative z-50">
<div class="mx-auto flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-2 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
<div class="mx-auto container flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-2 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
<div>
<a href="{{get_url(path='/')}}" class="flex">
<img class="lg:w-36 h-auto w-24" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
<img class="w-36 h-auto" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
</a>
</div>
<div class="-mr-2 -my-2 lg:hidden">
@@ -52,9 +52,9 @@
{% else %}
<div class="relative">
{% set button_id = header_label ~ "-menu-btn" | slugify %}
<button type="button" id="{{button_id}}" class="bg-black1 nav_btn py-3 text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
<button type="button" id="{{button_id}}" class="nav_btn py-3 text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
<span>{{ header_label }}</span>
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
<div class="-rotate-90 transition-transform text-white"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
</button>
</div>
@@ -107,8 +107,7 @@
</a>
</li>
</ul> #}
<a href="https://marketplace.3node.global/index.php?dispatch=companies.catalog" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">Get 3Nodes
</a>
<a href="https://marketplace.3node.global/index.php?dispatch=companies.catalog" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">Get 3Nodes</a>
</div>
</div>
</div>
@@ -123,7 +122,7 @@
<nav>
<div id="{{menu_id}}" class="nav_menu mt-0 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-50 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
<div class="bg-black">
<div style="background-color: rgba(34 34 34);">
<div id="menu" class="mx-8 lg:mx-10 xl:mx-10 px-6 sm:p-6 md:p-8">
{{header_menu | safe }}
</div>
@@ -148,7 +147,7 @@
-->
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
<div>
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
<div class="shadow-xs h-screen bg-gray-900 divide-y-2 divide-gray-50">
<div class="pb-6 sm:px-12 md:px-16 mt-0 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
<nav class="flex flex-col justify-around pb-12">
@@ -162,12 +161,12 @@
{% set link_path = header_label | split(pat="%22") | safe%}
{% if header_label is containing("http") %}
{% if header_label is not containing("threefold") %}
<a href="{{link_path[1]}}" target="_blank" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
<a href="{{link_path[1]}}" target="_blank" class="text-lg px-8 py-3 leading-6 font-normal text-gray-50 hover:text-gray-200 focus:outline-none focus:text-gray-50 transition ease-in-out duration-150">
{{link_label}}
</a>
{% endif %}
{% else %}
<a href="{{ get_url(path=link_path[1])}}" class="text-lg px-8 py-3 leading-6 font-normal text-white hover:text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
<a href="{{ get_url(path=link_path[1])}}" class="text-lg px-8 py-3 leading-6 font-normal text-white hover:text-white focus:outline-none focus:text-gray-100 transition ease-in-out duration-150">
{{link_label}}
</a>
{% endif %}
@@ -197,8 +196,8 @@
{% include "partials/socialLinks.html" %}
</div> #}
<div class="rounded-full border-2 mt-4 mx-8 border-gray-400">
<a href="/getnode" class="mt-2 rounded-md bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Get Node</a>
<div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
<a href="/getnode" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Get 3Node</a>
</div>
</nav>
</div>

4
templates/partials/home/features.html
View File

@@ -1,7 +1,7 @@
<div class="bg-transparent">
<div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 pt-12 mt-12 pb-24 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
<div class="max-w-3xl px-16 pb-12">
<h2 class="fade-in text-balance lg:text-4xl text-2xl leading-snug font-normal tracking-tight text-white sm:text-5xl">Why ThreeFold is Leading the Next Gen of Cloud & Network Technology
<h2 class="fade-in text-balance lg:text-4xl text-2xl leading-snug font-normal tracking-tight text-white sm:text-5xl">ThreeFold is the Infrastructure Layer of Web 4
</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>
<p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p>
@@ -22,7 +22,7 @@
<dd class="font-light text-gray-400 text-sm mb-4">Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.</dd>
</div>
<div class="pt-4">
<dt class="font-medium text-gray-200">P2P Network</dt>
<dt class="font-medium text-gray-200">Unbreakable Network</dt>
</div>
<div class="">
<dd class="font-light text-gray-400 text-sm mb-4">End-to-end encrypted overlay network, always looking for the shortest possible path between participants. Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.</dd>

4
templates/partials/home/hero.html
View File

@@ -5,8 +5,8 @@
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Imagine a system built to scale to a planetary level, seamlessly compatible with AI, Cloud, Web2, Web3, and Edge IT workloads. A system that is resilient to unforeseen events, provides 100% uptime, and enables any machine and human to communicate over the shortest, most direct path possible.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">That's <span class="font-semibold">ThreeFold.</span></p>
<div class="mt-12 flex items-center justify-center gap-x-6">
<a href="/products" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">See Products</a>
<a href="https://manual.grid.tf/" target="_blank" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">Dive Deeper <span aria-hidden="true">→</span></a>
<a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Get Started</a>
<a href="/products" target="_blank" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">See Solutions <span aria-hidden="true">→</span></a>
</div>
</div>
</div>

6
templates/partials/intro.html
View File

@@ -1,9 +1,9 @@
{% block content %}
<div class="mb-6 mt-14">
<h2 class="mb-4 text-center text-4xl lg:text-5xl text-gray-900 md:mb-6">{{ section.title }}</h2>
<p class="mx-auto max-w-5xl text-center text-gray-900 text-base md:text-lg">
<h2 class="mb-4 text-center text-4xl lg:text-5xl text-gray-100 md:mb-6">{{ section.title }}</h2>
<p class="mx-auto max-w-5xl text-center text-gray-200 text-base md:text-lg">
{{ section.description }}
</p>
</div>
<hr class="container mx-auto my-4">
<hr class="container border-gray-400 mx-auto my-4">
{% endblock content %}

12
templates/partials/newsCard.html
View File

@@ -1,4 +1,4 @@
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border">
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
<div class="flex-1">
<a href={{ post.permalink }} class="block">
<div class="flex-shrink-0">
@@ -7,13 +7,13 @@
<img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="" />
{% endif %}
</div>
<div class="flex-1 bg-white p-4 flex flex-col justify-between">
<div class="flex-1 p-4 flex flex-col justify-between">
<h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
<h3 class="mt-2 text-xl leading-7 font-medium text-gray-100 text-left not-italic">
{{ post.title }}
</h3>
{% if post.description %}
<p class="mt-3 text-sm font-normal leading-5 text-gray-500 text-left">
<p class="mt-3 text-sm font-normal leading-5 text-gray-300 text-left">
{{ post.description }}
</p>
{% endif %}
@@ -36,7 +36,7 @@
h-8
rounded-full
bg-gray-200
border-2 border-white
border border-gray-400
" />
</a>
</li>
@@ -46,7 +46,7 @@
</ul>
</div>
<p class="text-gray-700 text-xs">
<p class="text-gray-400 text-xs">
<time datetime="{{post.date}}">
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time>

10
templates/partials/newsSidebar.html
View File

@@ -1,25 +1,25 @@
<div class="mx-8 md:mx-4 flex flex-col mt-2 md:mt-8">
<div class="flex flex-col mb-12 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER NEWS BY</h4>
<a id="all" class="mb-2 text-black font-normal" href="/newsroom">All</a>
<h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4"> FILTER NEWS BY</h4>
<a id="all" class="mb-2 text-white font-normal" href="/newsroom">All</a>
{% set taxonomy = get_taxonomy(kind="news-category") %}
{% set categories = taxonomy.items %}
{% for category in categories %}
{% set path = category.name | slugify %}
{% set fullpath = "/news-category/" ~ path %}
<a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
<a id="{{path}}" class="mb-3 text-gray-100 font-normal" href={{fullpath}}> {{category.name}} </a>
{% endfor %}
</div>
{% set section = get_section(path="newsroom/_index.md")%}
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED NEWS</h4>
<h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-6"> FEATURED NEWS</h4>
{% for page in section.pages %}
{% if page.extra.isFeatured %}
<a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a>
<a class="mb-3 text-gray-400" href={{page.permalink}}>{{ page.title }}</a>
{% endif %}
{% endfor %}

2
templates/partials/person_card.html
View File

@@ -5,7 +5,7 @@
<img class="aspect-[14/13] w-full rounded-2xl object-cover" src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
<div class="text-center">
<h2 class="text-xl">{{page.title}}</h2>
<div class="text-base text-gray-700 line-clamp-3 leading-5 text-ellipsis">
<div class="text-base text-gray-100 line-clamp-3 leading-5 text-ellipsis">
{% if page.description %}
{{page.description}}
{% else %}

16
templates/partials/postCard.html
View File

@@ -9,7 +9,7 @@
{% endif %}
{% endif %}
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border">
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
<div class="flex-1">
<a href="{{ post.permalink }}" class="block">
{% if post.extra.imgPath %}
@@ -19,13 +19,13 @@
<img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" />
</div>
{%endif%}
<div class="flex-1 bg-white p-4 flex flex-col justify-between">
<div class="flex-1 p-4 flex flex-col justify-between">
<h3 class="mt-2 text-lg leading-6 font-medium text-gray-900 text-left not-italic">
<h3 class="mt-2 text-lg leading-6 font-medium text-gray-100 text-left not-italic">
{{ post.title }}
</h3>
{% if post.description %}
<p class="mt-3 text-sm font-normal text-gray-500 text-left">
<p class="mt-3 text-sm font-normal text-gray-300 text-left">
{{ post.description }}
</p>
{% endif %}
@@ -40,20 +40,20 @@
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
replace(from='index.md', to=author.extra.imgPath)) %}
<li class="author-list-item"><img alt="{{author.title}}" src="{{author_img}}"
class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li>
class="w-8 h-8 rounded-full bg-gray-200 border border-gray-400"></li>
{% endif %}
</ul>
</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-400 text-xs">{{ author.title }}</p>
{% endif %}
<p class="text-gray-700 text-xs">
<p class="text-gray-400 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-400 text-xs"><span id="time"
class="time"></span>
</p>
</div>

4
templates/partials/products/hero.html
View File

@@ -6,8 +6,8 @@
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
</p>
<div class="mt-12 flex items-center justify-center gap-x-6">
<a href="#" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Dive Deeper</a>
</div>
<a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Dive Deeper</a>
</div>
</div>
</div>

7
templates/partials/why/hero.html
View File

@@ -3,12 +3,11 @@
<div class="mx-auto max-w-4xl text-center">
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-3xl fade-in">We are building a New Internet</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original purpose. The Internet was envisioned as a decentralized, open space—a tool for freedom, collaboration, and equal access for all.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network and Cloud system
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network and Cloud system<br>
as an Engine for an Upgraded Internet.</p>
<div class="mt-12 flex items-center justify-center gap-x-6">
<a href="#" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Get started</a>
<a href="#" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">Learn more <span aria-hidden="true">→</span></a>
</div>
<a href="https://docs.threefold.io/docs/litepaper" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Litepaper</a>
</div>
</div>
</div>

4858
templates/static/css/index.css
View File

File diff suppressed because it is too large Load Diff