feat(ui): add case studies to nav bar

move link to GitHub to footer
GIScience · Sep 21, 2024 · a60c341 · a60c341
1 parent 63eff17
commit a60c341
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/sketch_map_tool/templates/base.html b/sketch_map_tool/templates/base.html
@@ -32,13 +32,18 @@
             <li><a href="{{ url_for('about', lang=lang) }}" class="nav-link secondary">{{ _('About') }}</a></li>
             <li><a href="{{ url_for('help', lang=lang) }}" class="nav-link secondary">{{ _('Help') }}</a></li>
             <li>
-                <a href="https://github.com/GIScience/sketch-map-tool" class="nav-link secondary" target="_blank">
-                    <span class="github-icon"></span> Code
-                </a>
+              <details role="list">
+                <summary aria-haspopup="listbox" role="link" style="color: hsl(205, 20%, 32%);">Case Studies</summary>
+                <ul role="listbox">
+                    <li><a href="{{ url_for('case_study_cultural_landmarks', lang=lang) }}">Participatory Mapping<br>for Cultural Landmarks</a></li>
+                    <li><a href="https://preparecenter.org/resource/digitalizing-paper-based-community-mapping-in-the-evca/"
+                            target="_blank">Digitalizing Paper-Based<br>Community mapping<br>in the EVCA</a></li>
+                </ul>
+              </details>
             </li>
             <li>
                 <details role="list">
-                    <summary aria-haspopup="listbox">
+                    <summary aria-haspopup="listbox" role="link" style="color: hsl(205, 20%, 32%);">
                         <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
                              class="bi bi-globe2" viewBox="0 0 16 16">
                             <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/>
@@ -59,6 +64,10 @@
     </div>
 
     <footer class="container-fluid">
+        <a href="https://github.com/GIScience/sketch-map-tool" class="nav-link secondary" target="_blank">
+            <span class="github-icon"></span> Code
+        </a>
+        <span>&middot;</span>
         <a class="nav-link secondary" href="https://mailings.heigit.org/f/386599-385418/" target="_blank">{{ _('Newsletter') }}</a>
         <span>&middot;</span>
         <a class="nav-link secondary" href="https://heigit.org/further-legal-information/" target="_blank">{{ _('Further Legal Information') }}</a>
@@ -67,6 +76,7 @@
             Policy') }}</a>
         <span>&middot;</span>
         <a class="nav-link secondary" href="https://heigit.org/imprint/" target="_blank">{{ _('Imprint') }}</a>
+        <span>&middot;</span>
         <a href="https://heigit.org" target="_blank">
             <img src="/static/assets/logos/HeiGIT/HeiGIT_Logo_base.svg" alt="{{ _('HeiGIT Logo') }}">
         </a>