fix some margin

content/about/index.md

@@ -113,7 +113,7 @@ The future is ours to build, and we're building it together. <br> Join us in cre
 
 |||
 
-<i>"ThreeFold is the catalyst for a new digital era, where individuals regain sovereignty over their digital lives and come together to build an internet that fosters innovation and shared prosperity." </i>
+*"ThreeFold is the catalyst for a new digital era, where individuals regain sovereignty <br> over their digital lives and come together to build an internet that fosters innovation and shared prosperity."*
 
 ### **Kristof de Spiegeleer** | Co-Founder
 
@@ -127,7 +127,7 @@ The future is ours to build, and we're building it together. <br> Join us in cre
 
 {% end %}
 
-{% row(style="center") %}
+{% row(style="center between") %}
 
 ![Image](sustain.png#mx-auto)
 

content/home/index.md

@@ -135,7 +135,7 @@ Today's centralized Internet cannot keep up with the demands of our digital worl
 <!-- section 3 (EXPAND) -->
 
 
-{% row(style="center mbottom") %}
+{% row(style="mbottom between") %}
 
 ![Image](globe_mission.png#medium)
 
@@ -158,7 +158,7 @@ We also prioritize equality, diversity, and inclusion in our culture and vision
 
 {% end %}
 
-{% row(style="center mbottom") %}
+{% row(style="center mbottom between") %}
 
 ![Image](expand.png#medium)
 

content/store/index.md

@@ -84,7 +84,8 @@ This unique approach ensures that even if an attacker were to access one node, t
 
 |||
 
-![Image](Grid_people.jpeg#mx-auto)
+
+![Image](grid_people.jpeg#mx-auto)
 
 
 {% end %}

templates/_default/base.html

@@ -42,7 +42,7 @@
   <!-- End Twitter universal website tag code -->
 
   {% include "partials/header.html" %}
-  <div id="content" class="p-4 pt-12 sm:p-12 md:p-16 lg:p-20 overflow-hidden">
+  <div id="content" class="pt-12 overflow-hidden">
     {% block content %}{% endblock %}
   </div>
   <div class="p-8">

templates/shortcodes/row.html

@@ -108,13 +108,13 @@ Parameters:
 
         <!-- makes row full screen width, strips margins -->
     {% if "narrow" in style %}
-        {% set row_class = row_class ~ " lg:max-w-5xl" %}
+        {% set row_class = row_class ~ " lg:max-w-5xl mx-auto" %}
     {% elif "moderate" in style %}
         {% set row_class = row_class ~ " lg:m-20" %}
     {% endif %}
 
     {% if "semiNarrow" in style %}
-     {% set row_class = row_class ~ " lg:px-20 mx-auto" %}
+     {% set row_class = row_class ~ " lg:px-60 mx-auto" %}
  {% elif "moderate" in style %}
      {% set row_class = row_class ~ " lg:m-20" %}
  {% endif %}
@@ -124,8 +124,25 @@ Parameters:
 <!-- makes row full screen width and adds background img -->
 {% set styles = ""  %}
 {% if bgPath %}
-    {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover"  %}
+    {% set background_url = page.permalink ~ bgPath %}
-    {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
+    {% set styles = "background: url('" ~ background_url ~ "'); background-size: cover; background-position: center;"  %}
+    {% if "#desktop" in bgPath %}
+        {% set bgStyle = false %}
+        {% set div_class = " !bg-[length:0px_0px] !bg-no-repeat lg:!bg-cover " %}
+        {% set row_class = row_class | replace(from='text-white', to='text-black') %}
+        {% if "invert-color" in style %}
+            {% if "#desktop" in bgPath %}
+                {% set row_class = row_class ~ " lg:text-white " %}
+            {% endif %}
+        {% endif %}
+    {% endif %}
+{% endif %}
+{% if bgStyle %}
+    {% if "full" in bgStyle %}
+        {% set styles = styles ~ "height: -webkit-fill-available; height: 100vh;"  %}
+    {% elif "hero" in bgStyle %}
+        {% set div_class = div_class ~ " -mt-24 pt-12 " %}
+    {% endif %}
 {% endif %}
 {% if bgColor %}
     {% set styles = "background-color: " ~ bgColor ~ "; background-size: cover"  %}