Add dropdown and fix external pages
This commit is contained in:
samaradel
parent
3105020b96
commit
3391f67f04
@ -10,7 +10,37 @@ extra:
|
||||
|
||||
- [About]("/about")
|
||||
- [Ventures]("/ventures")
|
||||
- [Blog]("/blog")
|
||||
- [News]("/newsroom")
|
||||
- [Team]("/people")
|
||||
- [Knowledge]("https://ourworldventures.github.io/info_ourworld/intro/intro.html")
|
||||
- Ecosystem
|
||||
|
||||
{% 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")
|
||||
@ -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 {
|
||||
header .freeflow div, #ecosystem-menu 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
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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 %}
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user