From 8ea254e19ef6eb8455de492d6a123864edf27312 Mon Sep 17 00:00:00 2001
From: Natalia <nataliavazpur@gmail.com>
Date: Tue, 1 Oct 2024 11:42:54 +0000
Subject: [PATCH] added references section

---
 wiki/pages/human-practices.html | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 0362ac3..b92c3e5 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -16,9 +16,11 @@
         <div onclick="goTo(document.getElementById('two'))"><span id="subtitle2" style="color: #62D881;">Our responsible innovation approach</span></div>
         <div onclick="goTo(document.getElementById('three'))"><span id="subtitle3" style="color: #62D881;">Value-Sensitive Design</span></div>
         <div onclick="goTo(document.getElementById('four'))"><span id="subtitle4" style="color: #62D881;">Stakeholders</span></div>
-        <div onclick="goTo(document.getElementById('five'))"><span id="subtitle6" style="color: #62D881;">Integrated Human Practices</span></div>
-        <div onclick="goTo(document.getElementById('six'))"><span id="subtitle7" style="color: #62D881;">IHP: Final Implementation</span></div>
-        <div onclick="goTo(document.getElementById('seven'))"><span id="subtitle8" style="color: #62D881;">IHP: Techno-moral Scenarios</span></div>
+        <div onclick="goTo(document.getElementById('five'))"><span id="subtitle5" style="color: #62D881;">Integrated Human Practices</span></div>
+        <div onclick="goTo(document.getElementById('six'))"><span id="subtitle6" style="color: #62D881;">IHP: Final Implementation</span></div>
+        <div onclick="goTo(document.getElementById('seven'))"><span id="subtitle7" style="color: #62D881;">IHP: Techno-moral Scenarios</span></div>
+        <div onclick="goTo(document.getElementById('eight'))"><span id="subtitle8" style="color: #62D881;">References</span></div>
+     
       </div>
     <div class="pagecontent">
 <!-- 1 -->
@@ -190,8 +192,17 @@
               <li> list 3
              </ul>
           </div>
+<!-- 8 -->
+      <div class="h" id="eight">
+        <div class="h1">References</div>
+        <ol style="text-align:justify; font-family:AccidenzCommons; color:#185A4F; font-weight:400; font-size: min(1.5vw, 22px); font-style: normal; line-height: normal;">
+          <li id="fixrate">Turk-Kubo, K.A., Mills, M.M., Arrigo, K.R. et al. UCYN-A/haptophyte symbioses dominate N2 fixation in the Southern California Current System. ISME COMMUN. 1, 42 (2021). <a href="https://doi.org/10.1038/s43705-021-00039-7" style="color:#185A4F;">https://doi.org/10.1038/s43705-021-00039-7</a></li>
+        </ol>
+      
+    </div>
   </div>
     </div>
+  
 </div>
 <script>
   var TopDistance = 120;
@@ -201,7 +212,8 @@
   document.getElementById('four'), 
   document.getElementById('five'), 
   document.getElementById('six'),
-  document.getElementById('seven')];
+  document.getElementById('seven'),
+  document.getElementById('eight')];
   window.goTo = function(el){
     document.documentElement.scrollTop += el.getBoundingClientRect().top - TopDistance;
   }
@@ -221,6 +233,7 @@
     Highlight(elements[4], document.getElementById('subtitle5'));
     Highlight(elements[5], document.getElementById('subtitle6'));
     Highlight(elements[6], document.getElementById('subtitle7'));
+    Highlight(elements[7], document.getElementById('subtitle8'));
   }
   window.addEventListener("scroll", HighlightCheck);
 </script>
-- 
GitLab