Add dropdown and fix external pages
This commit is contained in:
		@@ -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 -->
 | 
			
		||||
  
 | 
			
		||||
 
 | 
			
		||||
@@ -30,33 +30,36 @@
 | 
			
		||||
                </button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
 | 
			
		||||
            <nav class="flex space-x-10">
 | 
			
		||||
                <nav class="flex space-x-10">
 | 
			
		||||
 | 
			
		||||
{% for header_item in header_items %}
 | 
			
		||||
{% if not loop.first %}
 | 
			
		||||
    {% set header_arr = header_item | split(pat="</li>") %}
 | 
			
		||||
    {% set header_label = header_arr[0] %}
 | 
			
		||||
    {% 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">
 | 
			
		||||
            {{link_label}}
 | 
			
		||||
        </a>
 | 
			
		||||
    {% 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">
 | 
			
		||||
            <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>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
    {% 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>
 | 
			
		||||
                    {% for header_item in header_items %}
 | 
			
		||||
                    {% if not loop.first %}
 | 
			
		||||
                        {% set header_arr = header_item | split(pat="</li>") %}
 | 
			
		||||
                        {% set header_label = header_arr[0] %}
 | 
			
		||||
                        {% if '<a' in header_label %}
 | 
			
		||||
                            {% set link_label = header_label | striptags %}
 | 
			
		||||
                            {% set link_path = header_label | split(pat="%22") | safe%}
 | 
			
		||||
                            {% 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 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>
 | 
			
		||||
                            </div>
 | 
			
		||||
        
 | 
			
		||||
                        {% endif %}  
 | 
			
		||||
                    {% endif %}
 | 
			
		||||
                    {% endfor %}
 | 
			
		||||
</nav>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user