diff --git a/content/home/index.md b/content/home/index.md index 892f2f284..0f22e5425 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -9,7 +9,7 @@ extra: imgPath: images/threefold_globe.png --- - + + + +
-{% row(style="header") %} +{% row(style="reverse header") %} -## **Decentralized
Autonomous Cloud** +## **Decentralized
Autonomous Cloud** -ThreeFold is the world’s first system enabling anyone to become a cloud and internet service provider, empowering people and organizations to buy, sell, and use cloud resources autonomously and securely. +ThreeFold is the world’s first system enabling anyone to become a cloud and internet service provider, empowering people and organizations to buy, sell, and use cloud resources autonomously and securely.
@@ -49,7 +52,10 @@ ThreeFold is the world’s first system enabling anyone to become a cloud and in {% end %} - + + + + {% grid_stats() %} @@ -61,11 +67,17 @@ Provide cloud and internet capacity in your area and become a part of the larges {% end %} -{% row(style="header") %} -## **It Starts with 3Node** -3Nodes, powered by our stateless operating system, Zero OS, allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud. Pre-configured plug and earn 3Nodes for beginners, or do it yourself 3Nodes for builders + + + + +{% row(style="reverse margin") %} + +## **It Starts with 3Node** + +**3Nodes**, powered by our stateless operating system, Zero OS, allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud. Pre-configured plug and earn 3Nodes for beginners, or do it yourself 3Nodes for builders @@ -75,11 +87,16 @@ Provide cloud and internet capacity in your area and become a part of the larges {% end %} + + + + + {% row( style="center between mtop") %} ## **Our Partners** -### Driving utilization on top of our decentralized autonomous cloud +Driving utilization on top of our decentralized autonomous cloud {% end %} diff --git a/css/index.css b/css/index.css index 1a4795894..e2605b577 100644 --- a/css/index.css +++ b/css/index.css @@ -84,6 +84,9 @@ img[src*="#absolute"] { h1 { line-height: 3rem; } +.blue{ + color:#2E83FF +} .nav p > a { display: flex; @@ -129,7 +132,7 @@ h1 { color: #2b2b2b; } h2 strong { - @apply font-medium; + @apply font-semibold; } h3 { @apply text-2xl lg:text-3xl my-4 font-extralight; diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html index 7526fc356..460bc590d 100644 --- a/templates/shortcodes/row.html +++ b/templates/shortcodes/row.html @@ -51,7 +51,7 @@ Parameters: {% set row_class = row_class ~ " lg:items-center" %} {% endif %} -{% set col_class = "flex-1 mb-6 md:mb-0 md:mx-2" %} +{% set col_class = "flex-1 mb-6 md:mb-0 px-4 md:px-12" %} {% set row_id = '' %} {% if id %} @@ -79,24 +79,24 @@ Parameters: {% if "margin" in style %} - {% set row_class = row_class ~ " lg:py-28 py-10" %} + {% set row_class = row_class ~ " lg:py-24 py-10" %} {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} {% endif %} {% if "header" in style %} - {% set row_class = row_class ~ " h-screen mt-4" %} + {% set row_class = row_class ~ " h-auto md:h-screen mt-4" %} {% set col_class = col_class ~ " m-4 lg:m-0" %} {% endif %} {% if "mtop" in style %} - {% set row_class = row_class ~ " lg:pt-28 pt-2" %} + {% set row_class = row_class ~ " md:pt-24 pt-2" %} {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} {% endif %} {% if "mbottom" in style %} - {% set row_class = row_class ~ " lg:pb-28" %} - {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} + {% set row_class = row_class ~ " md:pb-24" %} + {% set col_class = col_class ~ " flex-1 m-4 md:m-0" %} {% endif %}