Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

content/header/_index.md

@@ -17,61 +17,56 @@ extra:
 
 {% menu() %}
 
-{% button() %}
-
+<button>
 
 [Our Partners](/partners)
 <br>
 Explore Our Partners
 
-{%% end %%}
+</button>
 
 |||
 
-{% button() %}
-
+<button>
 
 [Alliance](https://consciousinternet.org/)
 <br>
 Alliance For A Conscious Internet
 
-{%% end %%}
+</button>
 
 {% end %}
 - Community
 
 {% menu() %}
 
-{% button() %}
-
+<button>
 
 [Our People](/people)
 <br>
 Team, stories, & more
 
-{%% end %%}
+</button>
 
 |||
 
-{% button() %}
-
+<button>
 
 [ThreeFold Community](/community)
 <br>
 Welcome To The Fold
 
-{%% end %%}
+</button>
 
 |||
 
-{% button() %}
-
+<button>
 
 [Developers Resources](/developer)
 <br>
 Join The Developer Community
 
-{%% end %%}
+</button>
 
 {% end %}
 
@@ -81,62 +76,61 @@ Join The Developer Community
 
 #### RESOURCES 
 
-{% button() %}
+<button>
 
 [Explorer](https://explorer.threefold.io/all)
 
 ThreeFold Capacity Explorer
 
-{%% end %%}
+</button>
 
 
-{% button() %}
+<button>
 
 [Library](https://library.threefold.me/info/threefold#/)
 <br>
 Explorer The documentation
 
-{%% end %%}
+</button>
 
 |||
 
 #### DIVE DEEPER
 
-{% button() %}
+<button>
 
 [Blog](/blog)
 <br>
 Explorer The Blogs
 
-{%% end %%}
+</button>
 
-{% button() %}
+<button>
 
 [Newsroom](/newsroom)
 <br>
 Check Last Updates
 
-{%% end %%}
+</button>
 
 |||
 
 #### SUPPORT AND HELP
 
-{% button() %}
+<button>
 
 [Careers](/careers)
 <br>
 Join The TEAM
 
-{%% end %%}
+</button>
 
-{% button() %}
+<button>
 
 [Support](/support)
 <br>
 Get In Touch With ThreeFold
 
-{%% end %%}
-
+</button>
 
 {% end %}

css/index.css

@@ -385,3 +385,5 @@ header {
     display: none;
   }
 }
+
+header #menu button { @apply leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left}

templates/partials/header.html

@@ -126,7 +126,7 @@
 <nav>
     <div id="{{menu_id}}" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
         <div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
-            <div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
+            <div id="menu" class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
                 {{header_menu | safe }}
             </div>
         </div>            

templates/shortcodes/button.html

@@ -10,6 +10,6 @@
 {% else %}
 <button onclick="window.location='{{get_url(path=url)}}'"
     class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
-    <a href="{{url}}"> {{ body | trim_start_matches(pat="<p>") | safe}}</a>
+    <a href="{{get_url(path=url)}}"> {{ body | trim_start_matches(pat="<p>") | striptags | safe}}</a>
 </button>
 {% endif %}