update content
This commit is contained in:
@@ -6,12 +6,12 @@ title = "ThreeFold"
|
||||
description = "Our global digital backbone"
|
||||
|
||||
# When set to "true", a feed is automatically generated.
|
||||
generate_feed = true
|
||||
#generate_feed = true
|
||||
|
||||
# The filename to use for the feed. Used as the template filename, too.
|
||||
# Defaults to "atom.xml", which has a built-in template that renders an Atom 1.0 feed.
|
||||
# There is also a built-in template "rss.xml" that renders an RSS 2.0 feed.
|
||||
feed_filename = "atom.xml"
|
||||
#feed_filename = "atom.xml"
|
||||
|
||||
# The number of articles to include in the feed. All items are included if
|
||||
# this limit is not set (the default).
|
||||
@@ -51,8 +51,8 @@ external_links_no_referrer = true
|
||||
# For example, `...` into `…`, `"quote"` into `“curly”` etc
|
||||
smart_punctuation = true
|
||||
|
||||
[build]
|
||||
not_found = "404.md"
|
||||
#[build]
|
||||
#not_found = "404.md"
|
||||
|
||||
[[taxonomies]]
|
||||
name = "categories"
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
---
|
||||
title: "ThreeFold"
|
||||
description: "TF offers a secure, sovereign infrastructure layer for the Internet, delivering unparalleled scalability, incorruptible and permanent data storage, AI and Web2/Web3/Edge compatibility, and 100% uptime for a resilient digital future." # quotation marks to allow colons where used
|
||||
date: 2018-09-14T21:00:00-05:00
|
||||
updated: 2021-02-20T14:40:00-06:00
|
||||
#date: 2018-09-14T21:00:00-05:00
|
||||
#updated: 2021-02-20T14:40:00-06:00
|
||||
draft: false
|
||||
extra:
|
||||
author: ThreeFold
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
title: "ThreeFold's Vision and Mission"
|
||||
title: "about"
|
||||
description: "Our mission is to empower individuals and organizations with secure, private, and autonomous access to computing resources, ensuring fair cloud access for everyone." # quotation marks to allow colons where used
|
||||
template: "page.html"
|
||||
insert_anchor_links: "left"
|
||||
|
Before Width: | Height: | Size: 510 B After Width: | Height: | Size: 510 B |
@@ -12,7 +12,7 @@ insert_anchor_links: "left"
|
||||
template: "layouts/blog.html"
|
||||
page_template: "blogPage.html"
|
||||
#transparent: true
|
||||
generate_feed: true
|
||||
#generate_feed: true
|
||||
extra:
|
||||
imgPath: tf.png
|
||||
---
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
title: "What"
|
||||
title: "Build"
|
||||
description: "TF offers a secure, sovereign infrastructure layer for Web4, delivering unparalleled scalability, incorruptible and permanent data storage, AI and Web2/Web3/Edge compatibility, and 100% uptime for a resilient digital future." # quotation marks to allow colons where used
|
||||
template: "page.html"
|
||||
insert_anchor_links: "left"
|
||||
|
Before Width: | Height: | Size: 510 B After Width: | Height: | Size: 510 B |
@@ -7,8 +7,8 @@ extra:
|
||||
|
||||
---
|
||||
|
||||
- [Why]("/why")
|
||||
- [What]("/what")
|
||||
- [About]("/about")
|
||||
- [Build]("/build")
|
||||
- [Take Action]("/action")
|
||||
- Info
|
||||
|
||||
|
||||
@@ -13,10 +13,10 @@ extra:
|
||||
title="Built for Everyone by Everyone, Everywhere",
|
||||
subtitle="Unleashing the Power of Decentralized Networks",
|
||||
description="ThreeFold is a fully operational, decentralized internet infrastructure – deployed locally, scalable globally, and owned and powered by the people.",
|
||||
button1_text="What We've Built",
|
||||
button1_link="/what"
|
||||
button2_text="Why We Do It",
|
||||
button2_link="/why"
|
||||
button1_text="Start Building",
|
||||
button1_link="/build"
|
||||
button2_text="Start Farming",
|
||||
button2_link="/farm"
|
||||
button3_text="Read EV3's Report",
|
||||
button3_link="https://paragraph.com/@ev3news/threefold-rearchitecting-the-internet"
|
||||
|
||||
@@ -93,63 +93,7 @@ extra:
|
||||
|
||||
|
||||
|
||||
<!-- section 4 (TF products)-->
|
||||
|
||||
<div class="lg:py-24 py-12">
|
||||
|
||||
{{ text_center(
|
||||
title="Anything That Runs on Linux Can Run on ThreeFold",
|
||||
description_1="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities."
|
||||
|
||||
) }}
|
||||
|
||||
<div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 mt-16 xl:mx-auto">
|
||||
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
|
||||
|
||||
{{ use_cases(
|
||||
image_src="/images/tft_logo.png",
|
||||
image_alt="ThreeFold Cloud",
|
||||
title="ThreeFold Cloud",
|
||||
description="ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.",
|
||||
subtitle ="Open-Source Cloud",
|
||||
button_text_1="Dashboard",
|
||||
button_link_1="https://dashboard.grid.tf/#/tf-grid/node-statistics/",
|
||||
button_text_2="Manual",
|
||||
button_link_2="https://manual.grid.tf/"
|
||||
) }}
|
||||
|
||||
{{ use_cases(
|
||||
image_src="/images/mycelium_logo.png",
|
||||
image_alt="Mycelium",
|
||||
title="Mycelium",
|
||||
subtitle ="Unbreakable Network",
|
||||
description="An adaptive and resilient network solution that not only keeps your data safe but also guarantees uninterrupted and efficient communication. The Mycelium Network is the backbone of a new era of connectivity, prioritizing speed, security, and reliability for all users.",
|
||||
button_text_1="Website",
|
||||
button_link_1="https://mycelium.threefold.io/",
|
||||
button_text_2="Docs",
|
||||
button_link_2="https://threefold.info/mycelium/docs/"
|
||||
) }}
|
||||
|
||||
{{ use_cases(
|
||||
image_src="/images/aibox_logo.png",
|
||||
image_alt="AIBOX",
|
||||
title="AIBOX",
|
||||
description="A decentralized AI solution that enables anyone to run, train, and use AI models locally, keeping their data private while sharing unused computing power with the network—eliminating the need for centralized data centers.",
|
||||
subtitle ="Decentralized AI",
|
||||
button_text_1="Website",
|
||||
button_link_1="https://aibox.threefold.io/",
|
||||
button_text_2="Docs",
|
||||
button_link_2="https://threefold.info/aibox/docs/"
|
||||
) }}
|
||||
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- section 5 (How it works)-->
|
||||
<!-- section 4 (How it works)-->
|
||||
|
||||
<div class="container mx-auto lg:max-w-7xl lg:py-24 py-12 px-4 lg:px-0">
|
||||
<div class="max-w-4xl lg:px-8 px-0 lg:pb-12 pb-6">
|
||||
@@ -192,7 +136,115 @@ extra:
|
||||
|
||||
|
||||
|
||||
<!-- section 6 (self-healing) -->
|
||||
|
||||
<!-- section 5 (TF products)-->
|
||||
|
||||
<div class="lg:py-24 py-12 container max-w-7xl mx-auto">
|
||||
|
||||
{{ text_center(
|
||||
title="Anything That Runs on Linux Can Run on ThreeFold",
|
||||
description_1="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities."
|
||||
|
||||
) }}
|
||||
|
||||
|
||||
{{ header_section() }}
|
||||
|
||||
<div class="mt-12 flex items-center justify-center gap-x-6">
|
||||
<a href="/deploy" class="mr-2 fade-in rounded-2xl bg-white px-8 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Start Deploing</a>
|
||||
<a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" class="mr-2 fade-in rounded-2xl bg-white px-8 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" target="_blank">Explore Dashboard</a>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- <div class="max-w-7xl mx-4 md:mx-10 lg:mx-20 mt-16">
|
||||
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-2">
|
||||
|
||||
{{ use_cases(
|
||||
image_src="/images/tft_logo.png",
|
||||
image_alt="ThreeFold Cloud",
|
||||
title="ThreeFold Cloud",
|
||||
description="ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.",
|
||||
subtitle ="Open-Source Cloud",
|
||||
button_text_1="Manual",
|
||||
button_link_1="https://manual.grid.tf/"
|
||||
)}}
|
||||
|
||||
|
||||
<img class="fade-in blinking-effect relative mx-auto" src="/images/app.png" alt="app">
|
||||
</dl>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- section 6 (Join the Movement) -->
|
||||
|
||||
<div class="lg:py-24 py12 ">
|
||||
<div class="container max-w-7xl mx-auto">
|
||||
|
||||
|
||||
|
||||
## Join the Movement to Build a New Internet
|
||||
|
||||
<div class="max-w-4xl">
|
||||
|
||||
There are many ways to be part of our mission to create a more open, autonomous, and interconnected digital world. Farming is just one pillar of our ecosystem.
|
||||
<br>
|
||||
plore all the products that are driving this transformation.
|
||||
|
||||
</div>
|
||||
|
||||
<div class="max-w-7xl mx-4 md:mx-10 lg:mx-20 mt-16 xl:mx-auto">
|
||||
<div class="flex lg:flex-row flex-col">
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/3node.png",
|
||||
image_alt="3node",
|
||||
title="3Node",
|
||||
card_link="Dashboard"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/mycelium.png",
|
||||
image_alt="mycelium",
|
||||
title="MYCELIUM",
|
||||
card_link="Dashboard"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/aibox.png",
|
||||
image_alt="aibox",
|
||||
title="AIBOX",
|
||||
card_link="Dashboard"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/3phone.png",
|
||||
image_alt="3phone",
|
||||
title="3PHONE",
|
||||
card_link="Dashboard"
|
||||
) }}
|
||||
|
||||
{{ image_card(
|
||||
image_src="/images/3router.png",
|
||||
image_alt="ThreeFold Cloud",
|
||||
title="3ROUTER",
|
||||
card_link="Dashboard"
|
||||
) }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 lg:mt-10 flex items-center justify-center gap-x-6">
|
||||
<a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Join ThreeFold’s Ecosystem</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- section 7 (self-healing) -->
|
||||
|
||||
<div class="lg:py-24 py-12">
|
||||
|
||||
@@ -222,8 +274,8 @@ extra:
|
||||
title="",
|
||||
description_1="Unlike the corporate internet, where users are the product, in the new internet, participants are the owners and beneficiaries.",
|
||||
description_2="By participating, you're not just using the technology, you're also helping to build a digital world that protects privacy, promotes fairness, and returns control to the people.",
|
||||
button_text_1="Join ThreeFold",
|
||||
button_link_1="/action",
|
||||
button_text_1="",
|
||||
button_link_1="",
|
||||
button_text_2="",
|
||||
button_link_2=""
|
||||
|
||||
@@ -294,13 +346,15 @@ extra:
|
||||
|
||||
|
||||
{{ cta(
|
||||
title_1="Build the",
|
||||
title_2="Internet of Tomorrow,",
|
||||
title_3="Today",
|
||||
button_text_1="Take the Next Step",
|
||||
title_1="Building a",
|
||||
title_2="New Internet,",
|
||||
title_3="Together",
|
||||
button_text_1="Participate",
|
||||
button_link_1="/signup",
|
||||
button_text_2="Learn More",
|
||||
button_link_2="/action"
|
||||
button_text_2="Stay Updated",
|
||||
button_link_2="/action",
|
||||
button_text_3="Chat",
|
||||
button_link_3="/action"
|
||||
) }}
|
||||
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ insert_anchor_links: "left"
|
||||
template: "layouts/newsroom.html"
|
||||
page_template: "newsPage.html"
|
||||
#transparent: true
|
||||
generate_feed: true
|
||||
#generate_feed: true
|
||||
extra:
|
||||
imgPath: newsroom.png
|
||||
---
|
||||
BIN
static/images/3node.png
Normal file
BIN
static/images/3node.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/images/3phone.png
Normal file
BIN
static/images/3phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
static/images/3router.png
Normal file
BIN
static/images/3router.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
static/images/aibox.png
Normal file
BIN
static/images/aibox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
static/images/app.png
Normal file
BIN
static/images/app.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
static/images/becomefarmer.png
Normal file
BIN
static/images/becomefarmer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
static/images/mycelium.png
Normal file
BIN
static/images/mycelium.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
@@ -5,6 +5,10 @@
|
||||
{% set button_link_1 = button_link_1 | default(value="") %}
|
||||
{% set button_text_2 = button_text_2 | default(value="") %}
|
||||
{% set button_link_2 = button_link_2 | default(value="") %}
|
||||
{% set button_text_3 = button_text_3 | default(value="") %}
|
||||
{% set button_link_3 = button_link_3 | default(value="") %}
|
||||
{% set button_text_4 = button_text_4 | default(value="") %}
|
||||
{% set button_link_4 = button_link_4 | default(value="") %}
|
||||
|
||||
<div class="bg-transparent pt-12 pb-12">
|
||||
<div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
|
||||
@@ -15,7 +19,15 @@
|
||||
<a href="{{ button_link_1 }}" target="_blank" class="blinking-effect 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 mb-4 lg:mb-0">
|
||||
{{ button_text_1 }}
|
||||
</a>
|
||||
<a href="{{ button_link_2 }}" class="fade-in text-sm/6 font-semibold text-white">{{ button_text_2 }}<span aria-hidden="true">→</span></a>
|
||||
<a href="{{ button_link_2 }}" target="_blank" class="blinking-effect 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 mb-4 lg:mb-0">
|
||||
{{ button_text_2 }}
|
||||
</a>
|
||||
<a href="{{ button_link_3 }}" target="_blank" class="blinking-effect 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 mb-4 lg:mb-0">
|
||||
{{ button_text_3 }}
|
||||
</a>
|
||||
{% if button_link_4 %}
|
||||
<a href="{{ button_link_4 }}" class="fade-in text-sm/6 font-semibold text-white">{{ button_text_4 }}<span aria-hidden="true">→</span></a>
|
||||
{% endif%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
29
templates/shortcodes/header_section.html
Normal file
29
templates/shortcodes/header_section.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!-- component -->
|
||||
<div class="">
|
||||
<div class="mx-auto max-w-7xl px-4 lg:px-0">
|
||||
<div class="relative isolate overflow-hidden bg-red-700 px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
|
||||
{# <svg viewBox="0 0 1024 1024" class="absolute left-1/2 top-1/2 -z-10 h-[64rem] w-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0" aria-hidden="true">
|
||||
<circle cx="512" cy="512" r="512" fill="url(#759c1415-0410-454c-8f7c-9a820de03641)" fill-opacity="0.7" />
|
||||
<defs>
|
||||
<radialGradient id="759c1415-0410-454c-8f7c-9a820de03641">
|
||||
<stop stop-color="#7775D6" />
|
||||
<stop offset="1" stop-color="#E935C1" />
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg> #}
|
||||
<div class="mx-auto max-w-md lg:mx-0 lg:flex-auto lg:py-6 text-left">
|
||||
<img class="fade-in" width="30%" src="/images/tft_logo.png" alt="TF logo">
|
||||
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">ThreeFold Cloud</h2>
|
||||
<dt class="text-lg font-normal text-white">Open-Source Cloud</dt>
|
||||
<p class="mt-6">ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
|
||||
<a href="https://manual.grid.tf/" class="mr-2 fade-in rounded-2xl bg-white px-8 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" target="_blank">Manual</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative mt-16 h-80 lg:mt-8">
|
||||
<img class="absolute left-0 top-0 w-[40rem] max-w-none rounded-md bg-white/5 ring-1 ring-white/10" src="/images/app.png" alt="App screenshot" width="800" height="800">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -30,9 +30,8 @@
|
||||
<a href="{{ button1_link }}" target="{{ target }}"
|
||||
class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">{{ button1_text }}</a>
|
||||
{% endif %}
|
||||
{% if button3_link %}
|
||||
<a href="{{ button2_link }}" class="fade-in text-base font-semibold text-white hover:text-green mr-1 ">{{ button2_text }}<span class="ml-2"
|
||||
aria-hidden="true">→</span></a>
|
||||
{% if button2_link %}
|
||||
<a href="{{ button2_link }}" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">{{ button2_text }}</a>
|
||||
{% endif %}
|
||||
{% if button3_link %}
|
||||
<a href="{{ button3_link }}" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">{{ button3_text }}<span class="ml-2" aria-hidden="true">→</span></a>
|
||||
|
||||
47
templates/shortcodes/image_card.html
Normal file
47
templates/shortcodes/image_card.html
Normal file
@@ -0,0 +1,47 @@
|
||||
{% set image_src = image_src | default(value="") %}
|
||||
{% set image_alt = image_alt | default(value="") %}
|
||||
{% set title = title | default(value="") %}
|
||||
{% set card_link = card_link | default(value="") %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="{{ card_link }}" class="flex-1 mx-2 mb-8" target="_blank">
|
||||
<div class="fade-in-box flex flex-col p-6 rounded-2xl bg-white/5">
|
||||
<img class="fade-in blinking-effect relative mx-auto mb-4" width="60%" src="{{ image_src }}" alt="{{ image_alt }}">
|
||||
</div>
|
||||
<div class="flex justify-center my-4 items-center gap-x-3 lg:text-xl text-lg font-semibold text-white">
|
||||
{{ title }}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
/* Fade-in animation for the grid items */
|
||||
.fade-in-box {
|
||||
opacity: 0;
|
||||
animation: fadeIn 0.6s ease-in-out forwards;
|
||||
}
|
||||
|
||||
/* Fading in each grid item with a slight delay */
|
||||
.fade-in-box:nth-child(1) { animation-delay: 0s; }
|
||||
.fade-in-box:nth-child(2) { animation-delay: 0.2s; }
|
||||
.fade-in-box:nth-child(3) { animation-delay: 0.4s; }
|
||||
.fade-in-box:nth-child(4) { animation-delay: 0.6s; }
|
||||
.fade-in-box:nth-child(5) { animation-delay: 0.8s; }
|
||||
.fade-in-box:nth-child(6) { animation-delay: 1s; }
|
||||
.fade-in-box:nth-child(7) { animation-delay: 1.2s; }
|
||||
.fade-in-box:nth-child(8) { animation-delay: 1.4s; }
|
||||
.fade-in-box:nth-child(9) { animation-delay: 1.6s; }
|
||||
.fade-in-box:nth-child(10) { animation-delay: 1.8s; }
|
||||
.fade-in-box:nth-child(11) { animation-delay: 2s; }
|
||||
.fade-in-box:nth-child(12) { animation-delay: 2.2s; }
|
||||
|
||||
@keyframes fadeIn {
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -10,8 +10,8 @@
|
||||
{% set button_link_2 = button_link_2 | default(value="") %}
|
||||
|
||||
|
||||
<div class="text-center mx-auto lg:max-w-7xl lg:px-8">
|
||||
<div class="mx-auto max-w-2xl lg:max-w-7xl lg:px-8">
|
||||
|
||||
<div class=" text-center mx-auto max-w-2xl lg:max-w-7xl lg:px-8">
|
||||
<h2 class="mx-auto max-w-3xl fade-in">{{ title }}</h2>
|
||||
{% if subtitle %}
|
||||
<h3 class="fade-in mt-2">{{ subtitle }}</h3>
|
||||
|
||||
@@ -10,17 +10,21 @@
|
||||
|
||||
|
||||
|
||||
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
|
||||
<img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="{{ image_src }}" alt="{{ image_alt }}">
|
||||
<div class="flex flex-col p-8 rounded-lg justify-center items-center bg-white/5">
|
||||
<img class="fade-in relative mb-4 mx-auto" width="30%" src="{{ image_src }}" alt="{{ image_alt }}">
|
||||
<dt class="flex justify-center items-center gap-x-3 lg:text-2xl text-lg font-semibold text-white">
|
||||
{{ title }}
|
||||
</dt>
|
||||
<dt class="text-lg font-normal text-white">{{ subtitle }}<dt>
|
||||
<dd class="mt-4 flex flex-auto flex-col">
|
||||
<p class="flex-auto leading-normal font-light text-gray-200 text-md">{{ description }}</p>
|
||||
<div class="flex mt-6 justify-center fade-in">
|
||||
<a href="{{ button_link_1 }}" class="mr-2 fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" target="_blank">{{ button_text_1 }}</a>
|
||||
<dd class="mt-4 flex flex-col">
|
||||
<p class="leading-normal font-light text-gray-200 text-md">{{ description }}</p>
|
||||
<div class="flex mt-6 fade-in justify-center items-center">
|
||||
{% if button_link_1 %}
|
||||
<a href="{{ button_link_1 }}" class="mr-2 fade-in rounded-2xl bg-white px-8 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" target="_blank">{{ button_text_1 }}</a>
|
||||
{% endif %}
|
||||
{% if button_link_2 %}
|
||||
<a href="{{ button_link_2 }}" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" target="_blank">{{ button_text_2 }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user