Add dropdown and fix external pages

content/header/_index.md

@@ -10,7 +10,37 @@ extra:
 
 - [About]("/about")
 - [Ventures]("/ventures")
-- [Blog]("/blog")
+- Ecosystem
-- [News]("/newsroom")
+
-- [Team]("/people")
+{% row(padding="none") %}
+
+<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 onclick="window.location.href='/people'">
+
+[Team](/people)
+<br>
+<p class="text-sm">Team, Stories & More</p>
+
+</button>
+
+{% end %}
+
 - [Knowledge]("https://ourworldventures.github.io/info_ourworld/intro/intro.html")
+- [Contact]("mailto:info@ourworld.tf")

css/index.css

@@ -133,6 +133,14 @@ header .freeflow {
     position: absolute;
 }
 
+#ecosystem-menu button {
+  background-color: transparent;
+}
+
+#ecosystem-menu button a {
+  color: #1a1a1a;
+}
+
 footer .freeflow {
     width: 100vw;
     background-color: #eae8e3;
@@ -146,9 +154,12 @@ footer .freeflow img {
     width: 200px;
     margin-bottom: 20px;
 }
+#ecosystem-menu > div.freeflow {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
 
-
+header .freeflow div, #ecosystem-menu div {
-header .freeflow div {
     box-shadow: none;
     text-transform: uppercase;
     font-weight: 700 !important;
@@ -347,7 +358,7 @@ a:hover{
   }
 }
 
-header #menu button { 
+header #menu button,  #ecosystem-menu button{ 
   @apply
   lg:text-lg
   px-6

templates/blogPage.html

@@ -12,12 +12,12 @@
 
 <!-- Default page template for blog posts and basic informative markdown files -->
 
-{% set split = page.content | split(pat="threefold.io") %}
+{% set split = page.content | split(pat="ourworld.tf") %}
 {% if split | length < 2 %} {% set content=page.content %} {% else %} {% set content="" %} {% for part in split %} {% if
   part is starting_with("/blog") %} {% set split_part=part | split(pat='/">' ) %} {% set link=split_part[0] %} {% set
   link=link | replace(from="/blog/post" , to="/blog" ) %} {% set link=link | replace(from="_" , to="-" ) %} {% set
   rest_part=split_part | slice(start=1) | join(sep='/">' ) %} {% set part=link ~ '/">' ~ rest_part %} {% endif %} {% if
-  loop.first %} {% set_global content=part%} {% else %} {% set_global content=content ~ "threefold.io" ~ part%} {% endif
+  loop.first %} {% set_global content=part%} {% else %} {% set_global content=content ~ "ourworld.tf" ~ part%} {% endif
   %} {% endfor %} {% endif %} <main>
 
   <div class="container mx-auto mt-10">

templates/newsPage.html

@@ -1,7 +1,7 @@
 {% extends "_default/base.html" %}
 {% block content %}
 
-{% set split = page.content | split(pat="threefold.io") %}
+{% set split = page.content | split(pat="ourworld.tf") %}
 {% if split | length < 2 %}
     {% set content = page.content %}
 {% else %}
@@ -25,7 +25,7 @@
         {% if loop.first %}
             {% set_global content = part %}
         {% else %}
-            {% set_global content = content ~ "threefold.io" ~ part %}
+            {% set_global content = content ~ "ourworld.tf" ~ part %}
         {% endif %}
     {% endfor %}
 {% endif %}

templates/partials/head.html

@@ -49,7 +49,7 @@
     charset="UTF-8"></script>
   <script type="text/javascript" charset="UTF-8">
     document.addEventListener('DOMContentLoaded', function () {
-      cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "website_name": "https://threefold.io/", "website_privacy_policy_url": "https://library.threefold.me/info/legal/#/legal__privacypolicy" });
+      cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "website_name": "https://ourworld.tf/", "website_privacy_policy_url": "https://library.threefold.me/info/legal/#/legal__privacypolicy" });
     });
   </script>
   <!-- Google Tag Manager -->
@@ -78,7 +78,7 @@
     var _mtm = window._mtm = window._mtm || [];
     _mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' });
     var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
-    g.async = true; g.src = 'https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s);
+    g.async = true; g.src = 'https://analytics.ourworld.tf/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s);
   </script>
   <!-- End Matomo Tag Manager -->
   

templates/partials/header_custom.html

@@ -39,13 +39,19 @@
                         {% if '<a' in header_label %}
                             {% set link_label = header_label | striptags %}
                             {% set link_path = header_label | split(pat="%22") | safe%}
-        <a href="{{link_path[1]}}" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            {% if header_label is containing("http") %}
+                                <a href="{{link_path[1]}}" target="_blank" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
                                     {{link_label}}
                                 </a>
+                            {% else %}
+                            <a href="{{ get_url(path=link_path[1])}}" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                              {{link_label}}
+                            </a>
+                            {% endif %}
                         {% else %}
                             <div class="relative">
                                 {% set button_id = header_label ~ "-menu-btn" | slugify %}
-        <button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
+                            <button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 hover:text-gray-500 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-500 focus:outline-none transition ease-in-out duration-150">
                                 <span>{{ header_label }}</span>
                                 <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                             </button>
@@ -54,9 +60,6 @@
                         {% endif %}  
                     {% endif %}
                     {% endfor %}
-<a href="mailto:info@ourworld.tf" target="_blank" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
-    Contact
-</a>
 </nav>