BioEcoOcean · EliLawrence · May 19, 2025 · Mar 18, 2025 · Apr 10, 2025 · Apr 10, 2025
diff --git a/README.md b/README.md
@@ -1,5 +1,17 @@
 # blueprint-dev
-Sandbox for developing interactive Blueprint product
+
+Sandbox for developing the interactive Blueprint product
+
+## Add contributors
+
+To add to the list of contributors, go to the contribs folder and open the [contributors](https://github.com/BioEcoOcean/blueprint-dev/blob/zoom-patch/contribs/contributors.csv).csv file. To edit the file, you have two options:
+
+1. Click the pencil in the top right. Then edit the file directly. Do not add spaces between commas separating names, but within a name or organization title it's okay. Example: FIRST NAME,LAST NAME,ORGANIZATION TITLE,EMAIL. Email is optional and we can remove this column if necessary. When you're done, click the green commit changes button.
+   ![](images/edit-contrib-ss.png)
+2. Download the csv file by clicking the three ... button in the top right, make edits in your prefered csv-editing software (e.g. Excel).
+   a. Reupload the file by navigating the the [contribs folder](https://github.com/BioEcoOcean/blueprint-dev/tree/zoom-patch/contribs).
+   ![](images/add-file-ss.png)
+   b. Click add file, then upload the modified file. Do not change the file name, it's okay if it is overwritten. If you need to add, remove, or change columns, please make sure there is always "First Name", "last Name", and "Organization". Contact @EliLawrence for questions.
 
 
 ## Host script locally

diff --git a/contribs/contributors.csv b/contribs/contributors.csv
@@ -0,0 +1,2 @@
+First Name,Last Name,Organization,Email
+Lina, Mtwana Nordlund,Uppsala University,
diff --git a/contributers.html b/contributers.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Interactive Blueprint</title>
+  <link rel="stylesheet" href="styles.css">
+  <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
+  <script src="https://d3js.org/d3.v7.min.js"></script>
+  <img src="images/bioecoocean_logo.png" alt="BioEcoOcean Logo" height="100px">
+  <img src="images/iode-unesco.png" alt="BioEcoOcean Logo" height="100px">
+  <img src="images/OBIS_logo.png" alt="BioEcoOcean Logo" height="100px"> 
+</head>
+<body>
+  <header>
+    <nav>
+      <div class="navbar">Blueprint for Integrated Ocean Science</div>
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="resources.html">Resources</a></li>
+        <li><a href="contributers.html">Contributors</a></li>
+      </ul>
+    </nav>
+  </header>
+<h1> Contributors</h1>
+<p>Here you will find a list of individuals and groups that have contributed to the development of the Blueprint. 
+    Note we are still setting up a system to ensure all Contributors are properly acknowledged, so if you do not see your name here, let us know!</p>
+</p>
+<br><br>
+<p><em>Under development: more to come!</em></p><br>
+<div id="contributors-list"></div>
+
+<footer>
+  <hr>
+  <p>Funded by the European Union under the Horizon Europe Programme, Grant Agreement No. 101136748 (BioEcoOcean). Views and opinions expressed are however 
+      those of the author(s) only and do not necessarily reflect those of the European Union or the European Research Executive Agency (REA). Neither the 
+      European Union nor the granting authority can be held responsible for them.</p>
+</footer>
+<script>
+  d3.csv("contribs/contributors.csv").then(function(data) {
+    // Filter out empty rows (in case the CSV is empty)
+    const filtered = data.filter(d => d["First Name"] && d.Organization);
+    if (filtered.length === 0) {
+      document.getElementById("contributors-list").innerHTML = "<em>No contributors listed yet.</em>";
+      return;
+    }
+    let html = "<ul>";
+    filtered.forEach(d => {
+      html += `<li>${d["First Name"]} ${d["Last Name"]} (${d.Organization})</li>`;
+    });
+    html += "</ul>";
+    document.getElementById("contributors-list").innerHTML = html;
+  }).catch(function(error) {
+    document.getElementById("contributors-list").innerHTML = "<em>Could not load contributors list.</em>";
+  });
+</script>
+</body>
+</html>
diff --git a/images/add-file-ss.png b/images/add-file-ss.png
diff --git a/images/edit-contrib-ss.png b/images/edit-contrib-ss.png
diff --git a/index.html b/index.html
@@ -18,15 +18,17 @@
       <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="resources.html">Resources</a></li>
+        <li><a href="contributers.html">Contributors</a></li>
       </ul>
     </nav>
   </header>
 
   <h1>Introduction to the Blueprint</h1>
+  <p><em>Note: this tool is currently in early development. Questions included are not final as this is still an early draft.</em></p><br>
   <p>Each component in the ocean observing value chain is interlinked and important. Explore the interactive Blueprint below to gain insights into how these components work together!</p>
   <p>Use the Single or Multi-Select mode to focus on individual components or explore multiple connections at once.</p>
   <br>
-  <p><i>This tool is currently under development.</i></p>
+
   <p>Provide feedback on the Blueprint by filling in this <a href="https://doit.medfarm.uu.se/bin/kurt3/kurt/8877816">survey</a> </p>
   <br>
   <div id="controls">
@@ -40,6 +42,7 @@ <h1>Introduction to the Blueprint</h1>
   <!-- Container for the spiderweb and info panel -->
   <div id="spiderweb-container">
     <div id="spiderweb"></div>
+    <div id="tooltip" ></div>
     <div id="info-panel">
       <div id="info-content"></div>
       <button id="close-info-panel">Close</button>      

diff --git a/resources.html b/resources.html
@@ -18,13 +18,24 @@
       <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="resources.html">Resources</a></li>
+        <li><a href="contributers.html">Contributors</a></li>
       </ul>
     </nav>
   </header>
 <h1> Resources</h1>
 <p>Here you will find a list of resources that are relevant to each of the components of Blueprint.</p>
 <br><br>
-<p><i>Under development: content to come!</i></p>
+<p><em>Under development: more content to come!</em></p><br>
+<p>Resources include:</p>
+<ul>
+    <li><a href="https://goosocean.org/document-list/168"> GOOS EOV Specification sheets</a></li>
+    <li>Data Resources:
+      <ul><li><a href="https://manual.obis.org/"> OBIS (Ocean Biodiversity Information System) Manual</a></li>
+        <li><a href="https://book.odis.org/index.html"> ODIS (Ocean Data & Information System) Manual</a></li>
+    </ul>
+    </li>
+</ul> 
+
 <footer>
   <hr>
   <p>Funded by the European Union under the Horizon Europe Programme, Grant Agreement No. 101136748 (BioEcoOcean). Views and opinions expressed are however
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		First Name,Last Name,Organization,Email
		Lina, Mtwana Nordlund,Uppsala University,