ourworld content added, landing complete

content/_index.md

@@ -12,9 +12,37 @@ extra:
 
 {% row() %}
 
-## Together, we create the future
+# Reimagine your world
 
-Together we expand and create this OurWorld platform, with the purpose to give a better digital life to billions of people. Anyone is invited to build solutions (experiences on top). OurWorld can provide the alternative to the current too centralized, unsustainable and abused internet. Let's go back to what the internet was supposed to be.
+Through simple, secure, and scalable technology,
+OurWorld empowers millions to invent and explore
+new experiences. Business, creativity, and
+community are being reimagined for a more
+sustainable and inclusive future.
+
+|||
+
+![Image](/images/ourworld_mycellium.png#medium)
+
+{% end %}
+
+{% row(isLean="true") %}
+
+![Image](/images/threefold_img2.png)
+
+{% end %}
+
+{% row() %}
+
+## Foundation for Creation
+
+<br>
+
+The Creator Economy requires robust infrastructure
+including a set of intuitive developer tools, and an
+engaged, decentralized community.
+
+[Learn about the Creator Economy on OurWorld]("/")
 
 |||
 
@@ -24,18 +52,92 @@ Together we expand and create this OurWorld platform, with the purpose to give a
 
 {% row() %}
 
-![Image](/images/threefold_img2.png)
+## Solutions for Scaling
+
+<br>
+
+OurWorld is eliminating the barriers to Web 3
+adoption. With high speeds, low fees, and
+progressive UX, OurWord climate-neutral
+blockchain is ready for explosive growth.
+
+[Link to something]("/")
+
+|||
+
+![Image](/images/landing_img2.jpg#medium)
 
 {% end %}
 
 {% row() %}
 
-## A world for and by the people
+## For a multi-chain future
 
-Together we expand and create this OurWorld platform, with the purpose to give a better digital life to billions of people. OurWorld can provide the alternative to the current too centralized, unsustainable and abused internet. Let's go back to what the internet was supposed to be.
+<br>
+
+OurWorld runs in concert with Ethereum, Polkadot, Cosmos, and more, allowing for the free flow of assets and communication between networks for the betterment of all.
+
+[Link to something]("/")
 
 |||
 
-![Image](/images/threefold_globe.png)
+![Image](/images/landing_img3.png)
+
+{% end %}
+
+{% row() %}
+
+## Register & choose a path
+
+<br>
+
+The best way to stake your claim in the
+OurWorldverse is by creating registering.
+
+Then, choose the first step in your journey.
+
+<button>[REGISTER]("/")</button>
+
+|||
+
+|||
+
+{% end %}
+
+{% row() %}
+
+![Image](/images/landing_img4.png#small)
+
+## Build
+
+<br>
+
+Build decentralized apps on a developer-friendly
+platform that features low fees, high speeds, and
+infinite scalability.
+
+|||
+
+![Image](/images/landing_img5.png#small)
+
+## Grow
+
+<br>
+
+Startup or grow up on a platform that sets you
+up for success. Investors, partners, and users
+are waiting.
+
+|||
+
+![Image](/images/landing_img6.png#small)
+
+## Belong
+
+<br>
+
+When you find your purpose, you find your people.
+Pick a wallet, create an account, and start
+contributing with OurWorld today.
 
 {% end %}

content/careers/index.md

@@ -7,14 +7,16 @@ extra:
   imgPath: "/images/careers-hero.jpg"
 ---
 
-# Rebuild the web
+{% row(bgPath="/images/careers-hero.jpg#background") %}
 
-![Image](/images/tf_logo.png#background)
+# Rebuild the web
 
 NEAR is on a mission to empower everyone to take back control of their money, their data, and their identity. Join us.
 
 [View Current Openings](https://near.org/careers/#openings)
 
+|||
+
 {% end %}
 
 {% row() %}
@@ -58,6 +60,10 @@ Work with people who have built world-changing companies.
 
 The NEAR Collective has unashamedly high standards. We’re looking for people at the top of their game who share our values of building a future that is open, inclusive and fair.
 
+|||
+
+|||
+
 {% end %}
 
 {% row() %}

content/header/_index.md

@@ -4,7 +4,7 @@ description: "NEAR is on a mission to empower everyone to take back control of t
 insert_anchor_links: "left"
 template: "partials/header.html"
 extra:
-  logoPath: ""
+  logoPath: "/images/ourworld_logo2.png"
   imgPath: ""
 ---
 

css/index.css

@@ -7,6 +7,11 @@
 @import "ffoxobliq.css";
 /*! purgecss end ignore */
 @import "tailwindcss/utilities";
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
+
+* {
+  font-family: "Ubuntu";
+}
 
 /* Custom CSS for header partial */
 .backdrop-blur {
@@ -19,7 +24,7 @@
 
 /* Custom css allowing image styling in markdown */
 img[src*="#small"] {
-  width: 38px;
+  width: 68px;
 }
 
 img[src*="#medium"] {
@@ -27,17 +32,13 @@ img[src*="#medium"] {
   margin: auto;
 }
 
+@layer components {
   h1 {
-  font-size: 3rem;
+    @apply text-3xl lg:text-5xl font-light;
-  font-weight: 400;
-  line-height: 1.3;
   }
-
   h2 {
-  font-size: 2.2rem;
+    @apply text-2xl lg:text-4xl font-light;
-  font-weight: 500;
+  }
-  line-height: 1.3;
-  margin: 20px 0px;
 }
 
 h3 {

templates/index.html

@@ -6,25 +6,6 @@
 
     {{section.content | safe}}
 
-    <!-- Landing page banner -->
-    {% include "partials/splitRow.html" %}
-
-    <!-- Landing page full width vertical image -->
-    <img src="/images/threefold_img2.png" alt="">
-    <br/>
-
-    {%- set section = get_section(path="about/community/_index.md") %}
-    {% include "partials/splitRow.html" %}
-    <br/>
-
-    <!-- Summary row of sustainability page -->
-    {%- set section = get_section(path="about/sustainability/_index.md") %}
-    {% include "partials/splitRow.html" %}
-    <br/>
-
-    <!-- Summary row of creators page -->
-    {%- set section = get_section(path="about/creators/_index.md") %}    
-    {% include "partials/splitRow.html" %}
    
 </main>
 {% endblock content %}

templates/partials/footer.html

@@ -1,13 +1,18 @@
 <!--
   Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
   Read the documentation to get started: https://tailwindui.com/documentation
---><html>
+-->
+
+{%- set section = get_section(path="header/_index.md") %}
+{%- set logoPath = section.extra.logoPath %}
+
+<html>
     <head /><body>
         <footer class="bg-white">
           <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
             <div class="xl:grid xl:grid-cols-3 xl:gap-8">
               <div class="space-y-8 xl:col-span-1">
-                <img class="h-10" src="/https://tailwindui.com/img/logos/v1/workflow-mark-gray-300.svg" alt="Company name" />
+                <img class="h-6" src="{{logoPath}}" alt="Company name" />
                 <p class="text-gray-500 text-base leading-6">
                   Making the world a better place through constructing elegant hierarchies.
                 </p>

templates/partials/header.html

@@ -41,7 +41,7 @@
             <div class="max-w-7xl mx-auto flex justify-between items-center px-4 py-5 sm:px-6 sm:py-4 lg:px-8 md:justify-start md:space-x-10">
               <div>
                 <a href="/" class="flex">
-                  <img class="w-20 h-auto sm:w-32" src="/images/ourworld_logo.png" alt="Workflow" />
+                  <img class="w-20 h-auto sm:w-32" src="{{section.extra.logoPath}}" alt="Workflow" />
                 </a>
               </div>
               <div class="-mr-2 -my-2 md:hidden">

templates/shortcodes/row.html

@@ -1,11 +1,18 @@
 
 {% set columns = body | safe | markdown | split(pat="|||") %}
-{% set classes =  "relative mt-12 lg:mt-24 flex flex-col lg:flex-row m-8 sm:m-12 md:m-16 lg:m-20 items-center" %}
+{% set classes =  "relative pt-12 flex flex-col lg:flex-row p-8 sm:p-12 md:p-16 lg:p-20 lg:py-16 items-center" %}
 {% if isLean %}
     {% set classes = "relative flex flex-col lg:flex-row items-baseline" %}
 {% endif %}
 
-<div class="{{classes}}">
+{% set styles = ""  %}
+
+{% if bgPath %}
+    {% set styles = "background: url('" ~ bgPath ~ "')"  %}
+    {% set classes = classes ~ " bg-cover lg:py-40"  %}
+{% endif %}
+
+<div class="{{classes}}" style="{{styles}}">
 {% for column in columns%} 
 <div class="flex-1 lg:mx-8">
     {{ column | safe }}