added vertical template and dao dir

content/apage.md

@@ -63,8 +63,6 @@ class Zebra{
 
 <br/>
 
-Its really cool how this has been done.
-
 Finally a framework fun to be used.
 
 > Am super happy about it

content/blog/_index.md

@@ -7,7 +7,7 @@ insert_anchor_links: "left"
 #base_url: "posts"
 #first: "first"
 #last: "last"
-template: "blog/blog.html"
+template: "layouts/blog.html"
 page_template: "blogPage.html"
 #transparent: true
 extra:

content/ecosystem/_index.md

@@ -0,0 +1,13 @@
+---
+title: "Blog"
+# paginate_reversed: false
+insert_anchor_links: "left"
+#base_url: "posts"
+#first: "first"
+#last: "last"
+template: "layouts/horizontal_section.html"
+page_template: "blogPage.html"
+#transparent: true
+extra:
+  imgPath: /images/threefold_img2.png
+---

content/ecosystem/daos/_index.md

@@ -0,0 +1,47 @@
+---
+title: "DAO's"
+# paginate_reversed: false
+#base_url: "posts"
+#first: "first"
+#last: "last"
+template: "layouts/horizontal_section.html"
+page_template: "blogPage.html"
+extra:
+  imgPath: /images/threefold_img2.png
+---
+
+## Decentralized Autonomous Organizations
+
+union tip gentle cup wide excitement of women indeed try movement by yes moving clearly string spent burst least at beside spin police several success
+
+### What are DAO's?
+
+month creature save power avoid threw perfect bill dirt wheel valley term flame hearing yes sail wolf ago sky fog principle printed probably month creature save power avoid threw perfect bill dirt wheel valley term flame hearing yes sail wolf ago sky fog principle printed probably
+
+{% row() %}
+
+#### Decentralized
+
+month creature save power avoid threw perfect bill dirt wheel valley term flame hearing yes sail wolf ago sky fog principle printed probably
+
+|||
+
+#### Autonomous
+
+month creature save power avoid threw perfect bill dirt wheel valley term flame hearing yes sail wolf ago sky fog principle printed probably
+
+|||
+
+#### Organization
+
+month creature save power avoid threw perfect bill dirt wheel valley term flame hearing yes sail wolf ago sky fog principle printed probably
+
+{% end %}
+
+{% admonition() %}
+
+!!! note
+
+OurWorld itself is governed by a DAO, learn more and participate at the OurWorld DAO page
+
+{% end %}

content/ecosystem/daos/ourworld-dao/index.md

@@ -0,0 +1,20 @@
+---
+title: "Blockchain Engineer"
+description: "Work with a team of engineers and build decentralized apps in Ourworld."
+insert_anchor_links: "left"
+updated: 2019-04-11T20:33:00-05:00 # Comment-out this line with a # if content is unchanged
+template: "positionPage.html"
+taxonomies:
+  roles: ["Develop"]
+  tags: ["DAPPs"]
+---
+
+## About the position
+
+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 and experiences. OurWorld can provide the alternative to the current too centralized, unsustainable and abused internet.
+
+## Requirements
+
+- Together we expand and create this OurWorld platform, with the purpose to give a better digital life to billions of people.
+- Together we expand and create this OurWorld platform, with the purpose to give a better digital life to billions of people.
+  this OurWorld platform, with the purpose to give a better digital life to billions of people.

css/index.css

@@ -1,11 +1,12 @@
 /*! purgecss start ignore */
 @import "nav.css";
 @import "code.css";
+/*! purgecss end ignore */
+
 @import "tailwindcss/base";
 @import "layout.css";
 @import "tailwindcss/components";
 @import "admonition.css";
-/*! purgecss end ignore */
 @import "tailwindcss/utilities";
 @import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

package-lock.json

@@ -1119,9 +1119,9 @@
       }
     },
     "node_modules/follow-redirects": {
-      "version": "1.14.7",
+      "version": "1.14.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
-      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==",
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
       "dev": true,
       "funding": [
         {
@@ -4077,9 +4077,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.14.7",
+      "version": "1.14.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
-      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==",
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
       "dev": true
     },
     "fraction.js": {

tailwind.config.js

@@ -1,12 +1,9 @@
 const colors = require('tailwindcss/colors')
 
 module.exports = {
-  mode: 'jit',
-  purge: {
   content: [
       './templates/**/*.html'
   ],
-  },
   darkMode: false,
   theme: {
     fontSize: {
@@ -55,6 +52,5 @@ module.exports = {
         },
       },
   },
-  variants: {},
   plugins: [], // if we add forms, do it here
 }

templates/layouts/horizontal_section.html

@@ -0,0 +1,18 @@
+{% extends "_default/base.html" %}
+{% import "macros.html" as macros %}
+
+{% block content %}
+
+<main class="lg:mt-6">
+    <div class="flex">
+        <div class="w-4/6 pr-20">
+            {{ section.content | safe}}
+        </div>
+        <div class="w-2/6 pl-20">
+            {{ macros::page_list(item_type="page-box", group=false) }}
+        </div>
+    </div>
+    <hr>
+</main> 
+ 
+{% endblock content %}

templates/macros.html

@@ -0,0 +1,28 @@
+{% macro page_list(type="text") %}
+    <div id="list"></div>
+    {% if section.extra.group_pages_by %}
+        <div class="flex flex-col md:grid md:grid-cols-2 md:gap-12 lg:flex lg:flex-row justify-around text-center">
+            {% set taxonomy = get_taxonomy(kind=section.extra.group_pages_by) %}
+            {% set roles = taxonomy.items %}
+            {% for role in roles %}
+            <div class="flex flex-col items-start text-left my-8 mx-4 md:mx-8 lg:mx-4 flex-1 w-72">
+                {% set icon_path = config.extra.taxonomies["roles"][role.name].icon_path | as_str %}
+                <img src="{{icon_path}}" alt="role category icon" class="h-10 my-4">
+                {% set path = role.name | slugify %}
+                {% set fullpath = "/roles/" ~ path %}
+                <a href={{fullpath}} class="text-2xl text-black font-normal lg:mb-8 cursor-pointer"> {{role.name}} </a>
+                {% for page in role.pages %}
+                    {% include "partials/pageBox.html"%}
+                {% endfor %}
+            </div>
+            {% endfor %}
+        </div>
+    {% else %}
+        {% for page in section.pages %}
+            {{page}}
+            {% include "partials/pageBox.html"%}
+        {% endfor %}
+    {% endif %}
+{% endmacro page_list %}
+
+

templates/partials/page_list.html

@@ -1,4 +1,3 @@
-
 <div id="list"></div>
 {% if section.extra.group_pages_by %}
     <div class="flex flex-col md:grid md:grid-cols-2 md:gap-12 lg:flex lg:flex-row justify-around text-center">

templates/section.html

@@ -5,7 +5,7 @@
 <main class="lg:-mt-6">
     {{ section.content | safe}}
     <hr>
-    {% include "partials/pageList.html" %}
+    {% include "partials/page_list.html" %}
  </main> 
  
  {% endblock content %}

templates/tags/single.html

@@ -6,7 +6,7 @@
 <main class="pt-16">
     {{ section.content | safe}}
     <hr>
-    {% include "partials/pageList.html" %}
+    {% include "partials/page_list.html" %}
  </main> 
  
  {% endblock content %}