update css

config.toml

@@ -67,5 +67,5 @@ paginate_by = 2
 paginate_path = "blog-posts"
 
 [extra]
-header_class = "freeflow"
+header_class = "customize"
-footer_class = "freeflow"
+footer_class = "customize"

content/about/index.md

@@ -17,12 +17,6 @@ weight: 2
 
 We are fortunate enough to have found this special place and bold enough to turn our dreams into reality. Together we can show people the beauty of our world and help them find themselves in these hectic times.
 
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
 
 {% end %}
 
@@ -78,13 +72,13 @@ Primarily we are focused on building **[a decentralized Internet](https://threef
 
 {% row(bgColor="#FFFFFF" margin="moderate" padding="bottom" id="botanical") %}
 
-![Purpose](img/purpose.jpg#medium)
+![Purpose](img/purpose.jpg#mx-auto)
 
 |||
 
 ### Our Purpose
 
-<p>We aim to provide a space in which people feel at home and can create, live, work, heal, taste, learn, and experience. Eden will be a co-owned space in line with nature which will be fully sustainable and organic. The unique environment around us makes it possible – from Chumbe Island to the mangroves, the beach and sea, the ruins, the botanical garden.)</p>
+We aim to provide a space in which people feel at home and can create, live, work, heal, taste, learn, and experience. Eden will be a co-owned space in line with nature which will be fully sustainable and organic. The unique environment around us makes it possible – from Chumbe Island to the mangroves, the beach and sea, the ruins, the botanical garden.
 
 #### **Now or In-Motion**
 
@@ -125,6 +119,6 @@ Primarily we are focused on building **[a decentralized Internet](https://threef
 
 |||
 
-![Manifesto](img/manifesto.png#medium)
+![Manifesto](img/manifesto.png#mx-auto)
 
 {% end %}

content/action/index.md

@@ -20,10 +20,6 @@ Our primary focus is on **raising $4M USD by June 2023** in order to take on ful
  <button>[Investment Paper: Soon]()</button>
  <button>[Get In Touch](https://docs.google.com/forms/d/e/1FAIpQLSe33Kz4pi3qnNtv115cgSnKCYHZTxZxtPoZKXbaBcWgNbd2qw/viewform)</button>
 
- <br>
- <br>
- <br>
- <br>
 
 {% end %}
 

content/activities/index.md

@@ -15,13 +15,6 @@ weight: 4
 
 No worries. Take it easy. Slowly, slowly, or "Pole, pole," as they say on the island. We have plenty of activities and experiences for eco-conscious and nature-loving travelers.
 
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-
 {% end %}
 
 {% row(style="center" margin="narrow" padding="top") %}

content/header/index.md

@@ -1,165 +0,0 @@
----
-title: "Header"
-insert_anchor_links: "left"
-template: "partials/header.html"
-extra:
-  logoPath: "images/black_threefold.png"
-  button_Path: "/images/gettft_white.png"
----
-
-
-- [Mission]("/mission")
-- [Grid]("/grid")
-- [Build]("/build")
-- [Farm]("/farm")
-- [TFT]("/tft")
-- Ecosystem
-
-{% row() %}
-
-<button onclick="window.location.href='/people'">
-
-[Our People](/people)
-<br>
-<p class="text-sm">Team, stories, & more</p>
-
-</button>
-
-|||
-
-<button onclick="window.location.href='/partners'">
-
-[Our Partners](/partners)
-<br>
-<p class="text-sm">Explore Our Partners</p>
-
-|||
-
-<button onclick="window.location.href='/community'">
-
-[ThreeFold Community](/community)
-<br>
-<p class="text-sm">Welcome To The Fold</p>
-
-</button>
-
-|||
-
-<button onclick="window.location.href='/developer'">
-
-[Developer Resources](/developer)
-<br>
-<p class="text-sm">Join The Developer Community</p>
-
-</button>
-
-{% end %}
-
-- MoreInfo
-
-{% row(style="wide") %}
-
-
-#### Tools
-
-<button onclick="openInNewTab('https&#58;//library.threefold.me/info/threefold#/tokens/threefold__threefold_connect')">
-
-[ThreeFold Connect](https://library.threefold.me/info/threefold#/tokens/threefold__threefold_connect)
-<br>
-<p class="text-sm">TFT Wallet, 2FA, & More</p>
-
-</button>
-
-<button onclick="openInNewTab('https&#58;//dashboard.grid.tf/')">
-
-[Dashboard](https://dashboard.grid.tf/)
-<br>
-<p class="text-sm">Portal & Capacity Explorer</p>
-
-</button>
-
-<button onclick="openInNewTab('https&#58;//play.grid.tf')">
-
-[Weblet Playground](https://play.grid.tf)
-<br>
-<p class="text-sm">Deploy a VM & More</p>
-
-|||
-
-#### Resources 
-
-<button onclick="openInNewTab('https&#58;//library.threefold.me/info/threefold#/')">
-
-[Library](https://library.threefold.me/info/threefold#/)
-<br>
-<p class="text-sm">Explore the Documentation</p>
-
-</button>
-
-<button onclick="openInNewTab('https&#58;//library.threefold.me/info/manual/#/manual__manual3_home_new')">
-
-[Manual](https://library.threefold.me/info/manual/#/manual__manual3_home_new)
-<br>
-<p class="text-sm">Get Started on the Grid</p>
-
-</button>
-
-<button onclick="openInNewTab('https&#58;//github.com/')">
-
-[GitHub](https://github.com/)
-<br>
-<p class="text-sm">Code Library & Documentation</p>
-
-|||
-
-#### Dive Deeper
-
-<button onclick="window.location.href='/blog'">
-
-[Blog](/blog)
-<br>
-<p class="text-sm">Explore the Blogs</p>
-
-</button>
-
-<button onclick="window.location.href='/newsroom'">
-
-[Newsroom](/newsroom)
-<br>
-<p class="text-sm">Check the Latest Updates</p>
-
-</button>
-
-<button onclick="openInNewTab('https&#58;//intro.threefold.me')">
-
-[Intro Docs](https://intro.threefold.me)
-<br>
-<p class="text-sm">Perfect for Newcomers</p>
-
-|||
-
-#### Support & Help
-
-<button onclick="openInNewTab('https&#58;//forum.threefold.io')">
-
-[Forum](https://forum.threefold.io)
-<br>
-<p class="text-sm">Questions & Feedback</p>
-
-<button onclick="window.location.href='/support'">
-
-[Support](/support)
-<br>
-<p class="text-sm">Speak Live with a Human</p>
-
-</button>
-
-<button onclick="window.location.href='/careers'">
-
-[Careers](/careers)
-<br>
-<p class="text-sm">Join the Team</p>
-
-</button>
-
-{% end %}

content/location/index.md

@@ -18,13 +18,6 @@ You can find us on the west coast of Zanzibar, alongside 150 meters of mangrove-
 
  <button>[Learn the History](/location/history)</button>
 
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-
 {% end %}
 
 {% row(style="center" margin="narrow" padding="top") %}
@@ -39,7 +32,7 @@ Discover authentic paradise. Roughly ten minutes from world heritage site Stone
 
 {% row(style="center" margin="narrow" padding="none") %}
 
-![Jungle](img/mbweni.jpg)
+![Jungle](img/mbweni.jpg#mx-auto)
 
 #### **Jungle Paradise**
 
@@ -50,7 +43,7 @@ For short term stays. A beachfront hotel that sits beside historical ruins, all
 
 |||
 
-![Seaview Apartments](img/seaview_apts.png)
+![Seaview Apartments](img/seaview_apts.png#mx-auto)
 
 #### **Seaview Apartments**
 
@@ -63,7 +56,7 @@ For long-term stays. Two apartment buildings, with four three-bedroom spaces and
 
 {% row(style="center" margin="narrow" padding="none") %}
 
-![Gardens](img/ruins.jpg)
+![Gardens](img/ruins.jpg#mx-auto)
 
 ##### **Mbweni Ruins**
 
@@ -73,7 +66,7 @@ We share space with historic ruins of a school for freed slaves (1874) with asso
 
 |||
 
-![Gardens](img/gardens.jpg)
+![Gardens](img/gardens.jpg#mx-auto)
 
 #### **Botanical Gardens**
 
@@ -85,7 +78,7 @@ The Gardens here are beautiful and mature, with more than 280 tree and plant spe
 
 {% row(style="center" margin="narrow" padding="none") %}
 
-![Boats](img/boat.png)
+![Boats](img/boat.png#mx-auto)
 
 #### **Boats**
 
@@ -95,7 +88,7 @@ Guests and visitors are invited to book experiences on our two sailing boats –
 
 |||
 
-![OurOffice](img/ouroffice.png)
+![OurOffice](img/ouroffice.png#mx-auto)
 
 #### **OurOffice**
 
@@ -107,7 +100,7 @@ A three-floor office space perfect for co-working and collaboration. Convenientl
 
 {% row(style="center" margin="narrow" padding="bottom") %}
 
-![Chumbe Island](img/chumbe.jpeg)
+![Chumbe Island](img/chumbe.jpeg#mx-auto)
 
 #### **Chumbe Island** (Friends of the Project)
 
@@ -117,7 +110,7 @@ An award-winning private nature reserve, home to one of the world's most pristin
 
 |||
 
-![OurOffice](img/ayurvedic.jpg)
+![OurOffice](img/ayurvedic.jpg#mx-auto)
 
 #### **Healing Center: Coming 2023**
 
@@ -129,7 +122,7 @@ The center will combine advanced regenerative healing practices with ancient and
 
 {% row(bgColor="#FFFFFF" margin="moderate" padding="bottom" id="fflow_grid") %}
 
-![map](img/map.png)
+![map](img/map.png#mx-auto)
 
 |||
 
@@ -154,7 +147,7 @@ If you need transportation to a different part of the island, simply let us know
 
 {% row(style="center" margin="narrow" padding="bottom") %}
 
-![Regenerative Farm](img/regenerative_farm.jpg)
+![Regenerative Farm](img/regenerative_farm.jpg#mx-auto)
 
 #### **Regenerative Farms**
 
@@ -162,7 +155,7 @@ Up to 500 hectares of fertile Tanzanian land for the purpose of sustainable farm
 
 |||
 
-![](img/ecobeach.png)
+![](img/ecobeach.png#mx-auto)
 
 #### **Eco Beach Villas**
 

content/protection/index.md

@@ -19,12 +19,6 @@ By creating our own paradise we have a responsibility to the planet. Most of the
 
   <button>[Support the Project](/action)</button>
 
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
 
 {% end %}
 

css/index.css

@@ -173,28 +173,30 @@ font-weight: 500;
     white-space: normal;
 }
 
-header .freeflow {
+header .customize {
     background-color: transparent;
     position: absolute;
 }
 
-footer .freeflow {
+footer .customize {
-    width: 100vw;
+    /* width: 100vw; */
     background-color: #FFFFFF;
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 40px;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    
 }
 
-footer .freeflow img {
+footer .customize img {
     width: 60px;
 }
 
 
-header .freeflow div {
+header .customize div {
     box-shadow: none;
-    text-transform: uppercase;
+    text-transform: capitalize;
     font-weight: 700 !important;
 }
 

templates/partials/header.html

@@ -97,12 +97,12 @@
 {% else %}
     <header id="header-container">
         {% set header_class = config.extra.header_class | default(value='') %}
-        <div class="{{'z-10 bg-white fixed w-screen ' ~ header_class}}">
+        <div class="{{'z-10 bg-white fixed ' ~ header_class}}">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
-                    <a href="/" class="flex">
+                    <a href="/" class="flex logo">
-                        <img class="w-56 h-auto sm:w-15" src="{{logo_path}}" alt="FreeFlow Logo" />
+                        <img class="h-auto sm:w-15" src="{{logo_path}}" alt="Eden Logo" />
                     </a>
                 </div>
                 <div class="-mr-2 -my-2 lg:hidden">
@@ -223,4 +223,10 @@
     
 {% endif %}
 
+<style>
+    .logo{
+    width: 20%;
+    }
+</style>
+
 

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" %}
@@ -56,15 +56,19 @@ Parameters:
 
 <!-- Padding -->
 
-{% set padding_class = " py-8 md:py-8 lg:py-28" %}
+{% set padding_class = " py-8 md:py-8 lg:py-24" %}
 
 {% if padding %}
     {% if "none" in padding %}
         {% set padding_class = " py-0" %}
     {% elif "top" in padding %}
-        {% set padding_class = " py-2 md:py-4 lg:pt-28" %}
+        {% set padding_class = " py-2 md:py-4 lg:pt-24" %}
     {% elif "bottom" in padding %}
-        {% set padding_class = " py-2 md:py-4 lg:pb-28" %}
+        {% set padding_class = " py-2 md:py-4 lg:pb-24" %}
+    {% elif "both" in padding %}
+        {% set padding_class = " py-10 md:py-4 lg:py-24" %}
+    {% elif "headerboth" in padding %}
+        {% set padding_class = " py-24 md:py-4 lg:py-24" %}
     {% endif %}
 {% endif %}
 
@@ -87,11 +91,13 @@ Parameters:
     {% elif "moderate" in margin %}
         {% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
     {% elif "narrow" in margin %}
-        {% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40" %}
+        {% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40" %}
     {% elif "tight" in margin %}
-        {% set margin_class = " mx-20 sm:mx-32 md:mx-40 lg:mx-80 xl:mx-96" %}
+        {% set margin_class = " mx-6 sm:mx-32 md:mx-40 lg:mx-80" %}
     {% elif "header" in margin %}
-        {% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10" %}
+        {% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0" %}
+    {% elif "withContainer" in margin %}
+        {% set margin_class = " mx-8 " %}
     {% endif %}
     {% if "lean-left" in margin %}
         {% set margin = margin_class | replace(from=" ", to=" first:")%}
@@ -117,7 +123,7 @@ Parameters:
 {% if style %}
 
     {% if "center" in style %}
-        {% set row_class = row_class ~ " text-center items-center mx-auto " %}
+        {% set row_class = row_class ~ " text-center items-center " %}
         {% set col_class = col_class ~ " flex-1 " %}
     {% endif %}
 
@@ -126,6 +132,13 @@ Parameters:
     {% set col_class = col_class ~ " flex-1 " %}
     {% endif %}
 
+    <!-- reverse col at mobile -->
+
+    {% if "reverse" in style %}
+    {% set row_class = "flex flex-col-reverse md:flex-row items-center mx-8" %}
+    {% endif %}
+
+
      <!-- makes row semi-full screen width, strips margins -->
     {% if "between" in style %}
         {% set row_class = row_class ~ " lg:max-w-6xl " %}
@@ -195,7 +208,7 @@ Parameters:
 {% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
 
 
-        <div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
+        <div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden items-center ' ~ div_class }}" style="{{styles}}">
             <div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
         {% for column in columns%}