made 404 page work better

7 years ago · c20bbe83d5
2 changed files with 48 additions and 1 deletions
--- a/_includes/header-404.html
+++ b/_includes/header-404.html
@ -0,0 +1,47 @@
+<div class='contain-to-grid sticky transparent'>
+  <nav class='top-bar' data-options='sticky_on: large' data-topbar=''>
+    <ul class='title-area'>
+      <li class="">
+        <h1>
+          <a href='{{site.baseurl}}/'><img src="{{site.basurl}}/images/main/logo.svg" width="180.7px" height="56.5px" alt="Ura Logo">
+          </a>
+        </h1>
+      </li>
+    </ul>
+    <div id="menu-toggler" class="right">
+      <a href='#'>
+        <i class="icon-arrows-hamburger-2"></i>
+      </a>
+    </div>
+    <section class='top-bar-section closed'>
+      <ul class='right'>
+
+        {% for item in site.data.nav %}
+          {% if item.section_id == page.section_id %}
+            {% assign active_class = "active" %}
+          {% else %}
+            {% assign active_class = "" %}
+          {% endif %}
+
+          {% if item.children %}
+            <li class="has-dropdown {{active_class}}">
+              <a href="{{site.baseurl}}/{{ item.path }}">{{ item.name }}</a>
+              <ul class='dropdown'>
+                {% for child in item.children %}
+                  <li>
+                    <a href="{{site.baseurl}}/{{ child.path }}">{{ child.name }}</a>
+                  </li>
+                {% endfor %}
+              </ul>
+            </li>
+          {% else %}
+            <li class="{{active_class}}">
+              <a href="{{site.baseurl}}/{{ item.path }}">{{ item.name }}</a>
+            </li>
+          {% endif %}
+        {% endfor %}
+
+      </ul>
+    </section>
+  </nav>
+</div>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -5,7 +5,7 @@

  <body>

-    {% include header.html %}
+    {% include header-404.html %}


    {{ content }}