From aea607f1216a2c524faa09159d0fa80646aa55b5 Mon Sep 17 00:00:00 2001
From: Elena Koteva <elena.koteva@keitaro.com>
Date: Thu, 29 Feb 2024 14:14:13 +0100
Subject: [PATCH] Make the hader according to IAEA's style guide

---
 ckanext/iaea/templates/header.html | 89 ++++++++++++++----------------
 1 file changed, 41 insertions(+), 48 deletions(-)

diff --git a/ckanext/iaea/templates/header.html b/ckanext/iaea/templates/header.html
index 3ccc3c0..5c677b5 100644
--- a/ckanext/iaea/templates/header.html
+++ b/ckanext/iaea/templates/header.html
@@ -110,47 +110,19 @@
   {% endif %} {% endblock %}
 
   <div class="container">
-    <div class="navbar-right">
-      <button
-        data-target="#main-navigation-toggle"
-        data-toggle="collapse"
-        class="navbar-toggle collapsed"
-        type="button"
-        aria-label="expand or collapse"
-        aria-expanded="false"
-      >
-        <span class="sr-only">{{ _('Toggle navigation') }}</span>
-        <span class="fa fa-bars"></span>
-      </button>
-    </div>
-    <hgroup class="{{ g.header_class }} navbar-left">
-      {% block header_logo %} {% if g.site_logo %}
-      <a class="logo" href="{{ h.url_for('home.index') }}"
-        ><img
-          src="{{ h.url_for_static_or_external(g.site_logo) }}"
-          alt="{{ g.site_title }}"
-          title="{{ g.site_title }}"
-      /></a>
-      {% else %}
-      <h1>
-        <a href="{{ h.url_for('home.index') }}">{{ g.site_title }}</a>
-      </h1>
-      {% if g.site_description %}
-      <h2>{{ g.site_description }}</h2>
-      {% endif %} {% endif %} {% endblock %}
-    </hgroup>
-
-    <div class="collapse navbar-collapse" id="main-navigation-toggle">
-      {% block header_site_navigation %}
-      <nav class="section navigation">
-        <ul class="nav nav-pills">
-          {% block header_site_navigation_tabs %} {{ h.build_nav_main(
-          ('dataset.search', _('Datasets')), ('organization.index',
-          _('Organizations')), ('group.index', _('Groups')), ('home.about',
-          _('About')) ) }} {% endblock %}
-        </ul>
-      </nav>
-      {% endblock %} {% block header_site_search %}
+    <div class="main">
+      <hgroup class="{{ g.header_class }} navbar-left">
+        {% block header_logo %} {% if g.site_logo %}
+        <a class="logo" href="{{ h.url_for('home.index') }}"
+          ><img
+            src="{{ h.url_for_static_or_external(g.site_logo) }}"
+            alt="{{ g.site_title }}"
+            title="{{ g.site_title }}"
+          />
+        </a>
+        {% endif %} {% endblock %}
+      </hgroup>
+      {% block header_site_search %}
       <form
         class="section site-search simple-input"
         action="{% url_for 'dataset.search' %}"
@@ -167,19 +139,40 @@ <h2>{{ g.site_description }}</h2>
             class="form-control"
             name="q"
             placeholder="{{ _('Search') }}"
-            aria-label="{{ _('Search datasets') }}"
           />
+          <button type="submit"><i class="fa fa-search"></i></button>
+        </div>
+      </form>
+      {% endblock %}
+    </div>
+  </div>
+
+  {% block header_man_nave%}
+  <div class="navbar navbar-default">
+    <div class="container">
+      <div class="collapse navbar-collapse" id="main-navigation-toggle">
+        {% block header_site_navigation %}
+        <nav class="section navigation">
+          <ul class="nav nav-pills">
+            {% block header_site_navigation_tabs %} {{ h.build_nav_main(
+            ('dataset.search', _('Datasets')), ('organization.index',
+            _('Topics'))) }} {% endblock %}
+          </ul>
+        </nav>
+        <div class="navbar-right">
           <button
-            class="btn-search"
-            type="submit"
-            aria-label="{{ _('Submit') }}"
+            data-target="#main-navigation-toggle"
+            data-toggle="collapse"
+            class="navbar-toggle collapsed"
+            type="button"
           >
-            <i class="fa fa-search"></i>
+            <span class="fa fa-bars"></span>
           </button>
         </div>
-      </form>
-      {% endblock %}
+        {% endblock %}
+      </div>
     </div>
   </div>
+  {% endblock %}
 </header>
 {% endblock %}