footer

wiki/footer.html

-<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
+<!-- <footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
   <div class="container">
     <div class="row mb-4">
       <div class="col-lg-6 col-xs-12">
@@ -25,11 +25,63 @@
     </div>
     <hr>
     <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
-    <div class="row mt-4">
+    <!-- <div class="row mt-4">
       <div class="col">
         <p class="mb-0"><small>© 2024 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
 	      <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2024/tu-delft">gitlab.igem.org/2024/tu-delft</a>.</small></p>
       </div>
     </div>
   </div>
+</footer> --> -->
+<footer class="my-footer-container">
+  <div class="my-footer">
+    <div class="footer-navigation">
+        <div class="footer-navbars">
+            <div class="footer-navbar-title"><span>Project</span></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='description') }}">Description</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='design') }}">Design</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></div>
+            <div class="footer-navbar-contents" style="margin-top:85px;"><a href="{{ url_for('pages', page='education') }}">Education & Collaboration</a></div>
+            <div class="footer-navbar-contents" style="margin-top:86px;"><a href="{{ url_for('pages', page='human-practices') }}">Human Practices</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='plant') }}">Plant Synthetic Biology</a></div>
+        </div>
+        <div class="footer-navbars">
+            <div class="footer-navbar-title"><span>Wet lab</span></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='engineering') }}">Engineering</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='notebook') }}">Notebook</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='experiments') }}">Experiments</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='results') }}">Results</a></div>
+            <div class="footer-navbar-contents" style="margin-top:109px;"><a href="{{ url_for('pages', page='safety') }}">Safety</a></div>
+            <!-- <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='parts') }}">Parts</a></div> -->
+        </div>
+        <div class="footer-navbars">
+            <div class="footer-navbar-title"><span>Team</span></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='team') }}">Roster</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='attributions') }}">Attributions</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='sustainable') }}">Sustainability</a></div>
+        </div>
+        <div class="footer-navbars">
+            <div class="footer-navbar-title"><span>Dry Lab</span></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='model') }}">Model</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='hardware') }}">Hardware</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='measurement') }}">Measurement</a></div>
+            <div class="footer-navbar-contents"><a href="{{ url_for('pages', page='software') }}">Software</a></div>
+        </div>
+    </div>
+    <!-- <div class="footer-logos" style="width:75%;margin-bottom:15px;">
+      <img src="https://static.igem.wiki/teams/4594/wiki/award-wiki.svg" alt="">
+    </div>
+    <div class="footer-logos" style="margin-top:15px;">
+      <img src="https://static.igem.wiki/teams/4594/wiki/footer-logos.png" alt="">
+    </div> -->
+    <div class="footer-supports">
+      <p>Contact Us: &nbsp;&nbsp;Instagram: <a href=https://www.instagram.com/igemtudelft/>igemtudelft</a> &nbsp;&nbsp;E-mail: igem@tudelft.nl</p>
+    </div>
+    <div class="footer-infos">
+      <p><small>© 2023 - Content on this site is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
+      <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2023/shanghaitech-china">gitlab.igem.org/2023/shanghaitech-china</a>.</small></p>
+    </div>
+  </div>
 </footer>

wiki/layout.html

@@ -13,6 +13,7 @@
     <!-- Custom CSS -->
     <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
     <link href="{{ url_for('static', filename = 'footer.css') }}" rel="stylesheet">
+    <link href="{{ url_for('static', filename = 'navbar.css') }}" rel="stylesheet">
 
     <!-- <style>
       body {