From 7bacd2f669e4beaa6fa0ff55308b1abeb62d552d Mon Sep 17 00:00:00 2001 From: ehab-hassan Date: Thu, 5 Jan 2023 12:00:08 +0200 Subject: [PATCH] fix max-width --- content/home/index.md | 38 ++++++++++++++++++----------------- css/index.css | 8 ++++---- templates/index.html | 2 +- templates/shortcodes/row.html | 4 +++- 4 files changed, 28 insertions(+), 24 deletions(-) diff --git a/content/home/index.md b/content/home/index.md index 088579c..bb1d9ad 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -9,7 +9,7 @@ weight: 1 -{% row(margin="header" padding="top") %} +{% row(margin="withContainer" padding="both") %}
@@ -18,8 +18,10 @@ weight: 1 ||| -# Meet
-# OurPhone™ +
+ +# Meet
OurPhone™ + Experience True Sovereignty at Your Fingertips
with the World’s First Truly Decentralized Smartphone. @@ -30,10 +32,10 @@ with the World’s First Truly Decentralized Smartphone. -{% row(margin="header" padding="top") %} +{% row(margin="withContainer" padding="top") %} -# Secure
-# Every Click +# Secure
Every Click + Every application of __OurPhone™__ is fully encrypted.
Have no concerns about your data being manipulated or stolen. @@ -48,16 +50,16 @@ Have no concerns about your data being manipulated or stolen. -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="top") %} -# Decentralized Smartphone -# Like No Other +# Decentralized Smartphone
Like No Other -Discover many unique features of __OurPhone™__ that makes it the ultimate decentralized smartphone like no other. + +Discover many unique features of __OurPhone™__ that makes it
the ultimate decentralized smartphone like no other. {% end %} -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="none") %} ![Image](./img/data.png#sm#mx-auto) ### 100% Data Ownership @@ -77,7 +79,7 @@ __OurApps™__: decentralized SuperApps powered by __OurPhone™__ are {% end %} -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="bottom") %} ![Image](./img/decentralized.png#sm#mx-auto) ### Decentralized Network Support @@ -100,7 +102,7 @@ Any transfer of data is powered by __Planetary Network™__: a fully encrypt -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="top") %} # OurVerse™ # Our Limitless Possibilities @@ -109,7 +111,7 @@ Unlock limitless capabilities with __OurVerse™__ SuperApps that meet our d {% end %} -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="bottom") %} ![Image](./img/manyapps.png#mx-auto) @@ -121,16 +123,16 @@ Unlock limitless capabilities with __OurVerse™__ SuperApps that meet our d -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="top") %} # Powered by # ThreeFold -The world’s largest decentralized network by __ThreeFold__ allows every application on the __OurApps™__ to attain a level of security and privacy like never seen before. +The world’s largest decentralized network by __ThreeFold__ allows every application
on the __OurApps™__ to attain a level of security and privacy like never seen before. {% end %} -{% row(style="center" margin="narrow" padding="none") %} +{% row(style="center" margin="withContainer" padding="bottom") %} ![Image](./img/tf.png#mx-auto) @@ -143,7 +145,7 @@ The world’s largest decentralized network by __ThreeFold__ allows every applic -{% row(style="center" margin="narrow" padding="top") %} +{% row(style="center" margin="withContainer" padding="both") %} # OurPhone™ diff --git a/css/index.css b/css/index.css index c8d07ce..013cfba 100644 --- a/css/index.css +++ b/css/index.css @@ -85,7 +85,7 @@ img[src*="#fig"] { @layer components { h1 { - @apply text-3xl lg:text-5xl xl:text-7xl font-bold leading-none my-4; + @apply text-3xl lg:text-5xl xl:text-7xl font-bold leading-4 my-4; font-family: "lato", sans-serif; line-height: 0.9; @@ -94,16 +94,16 @@ img[src*="#fig"] { @apply font-medium; } h2 { - @apply text-3xl md:text-4xl lg:text-5xl xl:text-7xl font-bold leading-none my-4; + @apply text-3xl md:text-5xl lg:text-7xl font-bold leading-4 my-4; font-family: "lato", sans-serif; - line-height: 0.9; + } h2 strong { @apply font-medium; } h3 { - @apply text-xl lg:text-4xl font-normal my-4; + @apply text-xl lg:text-3xl font-normal my-4; } h3 strong { @apply font-medium; diff --git a/templates/index.html b/templates/index.html index 1e6fc10..46cf58c 100644 --- a/templates/index.html +++ b/templates/index.html @@ -2,7 +2,7 @@ {% block content %} -
+
{% set page = get_page(path="home/index.md") %} {{page.content | safe}}
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html index 0db486d..df1ab02 100644 --- a/templates/shortcodes/row.html +++ b/templates/shortcodes/row.html @@ -41,7 +41,7 @@ Parameters: {% if 2 < columns | length %} {% set row_class = row_class ~ " lg:items-start" %} {% else %} - {% set row_class = row_class ~ " lg:items-center" %} + {% set row_class = row_class ~ " items-center" %} {% endif %} {% set col_class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" %} @@ -94,6 +94,8 @@ Parameters: {% set margin_class = " mx-20 sm:mx-32 md:mx-40 lg:mx-80 xl:mx-96" %} {% elif "header" in margin %} {% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10" %} + {% elif "withContainer" in margin %} + {% set margin_class = " mx-8 " %} {% endif %} {% if "lean-left" in margin %} {% set margin = margin_class | replace(from=" ", to=" first:")%}