Add additional examples, add publications page.

Author: kschweikert

menu.js

@@ -2,7 +2,7 @@ document.write('\
             <a href="index.html#home" class="w3-bar-item w3-button"><b>SAW</b>Graph</a>\
             <!-- Float links to the right. Hide them on small screens -->\
             <div class="w3-right w3-hide-small">\
-            <a href="index.html" class="w3-bar-item w3-button"></a>\
+            <a href="index.html" class="w3-bar-item w3-button"> </a>\
             <div class="w3-dropdown-hover">\
                 <button class="w3-bar-item w3-button w3-wide">Overview</button>\
                 <div class="w3-dropdown-content w3-bar-block w3-card-4" style="margin-top: 32px">\
@@ -19,17 +19,19 @@ document.write('\
                     <a href="kg.html#data-sources" class="w3-bar-item w3-button">Data Sources</a>\
                     <a href="ontologies.html" class="w3-bar-item w3-button">Ontologies</a>\
                     <a href="aboutkgs.html" class="w3-bar-item w3-button">About KGs</a>\
+                    <a href="publications.html" class="w3-bar-item w3-button">Publications</a>\
                 </div>\
             </div>\
                 \
             <div class="w3-dropdown-hover">\
                     <button class="w3-bar-item w3-button w3-wide">Examples</button>\
-                    <div class="w3-dropdown-content w3-bar-block w3-card-4" style="margin-top: 32px z-index=1000">\
+                    <div class="w3-dropdown-content w3-bar-block w3-card-4" style="margin-top: 32px; z-index:9999;">\
                         <a href="testing.html" class="w3-bar-item w3-button">Testing: Waterbodies Near Facilities </a>\
                         <a href="testing_aquifers.html" class="w3-bar-item w3-button">Testing: Wells with Common Aquifers</a>\
                         <a href="impacts.html" class="w3-bar-item w3-button">Assessing Impacts</a>\
                         <a href="tracing.html" class="w3-bar-item w3-button">Tracing:Downstream of Facilities</a>\
                         <a href="tracing_alldownstream.html" class="w3-bar-item w3-button">Tracing:Downstream of Industry Facilities</a>\
+                        <a href="tracing_upstream.html" class="w3-bar-item w3-button">Tracing:Upstream of Contamination</a>\
                     </div>\
             </div>\
                 \

ontologies.html

@@ -41,8 +41,7 @@ <h2>SAWGraph (PFAS) KG</h2>
     <td>The core ontology for the SAWGraph knowledge graph, defining key concepts and relationships related to environmental sampling and release of contaminants. An extensions of <a href="https://www.w3.org/TR/vocab-ssn/">SOSA</a></td>
     <td><a href="https://github.com/SAWGraph/contaminoso" target="_blank">Github</a></td>
     <td><a href="https://sawgraph.github.io/contaminoso/" target="_blank">ContaminOSO</a></td>
-    <td><a href="https://doi.org/10.3233/FAIA250501" target="_blank">ContaminOSO: Ontological Foundations and Design Choices for an Ontology for Environmental Contamination Data</a>
-      <i> T Hahmann, K Schweikert, S Stephen, D Kedrowski</i></td>
+    <td><a href="publications.html#pub1" target="_blank">[1]</a></td>
   </tr>
 </table>
 
@@ -60,8 +59,7 @@ <h2>FRS KG</h2>
     <td>Concepts and relations between facilities, industries and organizations</td>
     <td><a href="https://github.com/SAWGraph/fio" target="_blank">Github</a></td>
     <td><a href="http://w3id.org/fio/" target="_blank">FIO</a></td>
-    <td><a href="publications/FIO-FOMI2025.pdf" target="_blank">An Ontology Design Pattern for Industry Classification in the Facilities and Industries Ontology (FIO)</a>
-      <i>K Schweikert, T Hahmann</i></td>
+    <td><a href="publications.html#pub2" target="_blank">[2]</a></td>
   </tr>
   <tr>
     <td>Facility Registry Service</td>
@@ -80,9 +78,7 @@ <h2>FRS KG</h2>
 </table>
 
 <h2>Spatial KG</h2>
-<p>SAWGraph uses topological enrichment with S2 and Administrative Region 3 (county subdivisions and towns) in order to semantically link data in all graphs via their location. This is further outlined in our paper: </p>
-<p class="w3-panel"><a href="https://doi.org/10.4230/lipics.giscience.2025.4 " target="_blank">Precomputed Topological Relations for Integrated Geospatial Analysis Across Knowledge Graphs</a> <i>K Schweikert, DK Kedrowski, S Stephen, THahmann</i> In 13th International Conference on Geographic Information Science (GIScience 2025). Leibniz International Proceedings in Informatics (LIPIcs), Volume 346, pp. 4:1-4:22, Schloss Dagstuhl – Leibniz-Zentrum für Informatik (2025) <a href="https://doi.org/10.4230/LIPIcs.GIScience.2025.4" target="_blank">https://doi.org/10.4230/LIPIcs.GIScience.2025.4</a>
-</p>
+<p>SAWGraph uses topological enrichment with S2 and Administrative Region 3 (county subdivisions and towns) in order to semantically link data in all graphs via their location. This is further outlined in our paper <a href="publications.html#pub3" target="_blank">[3]</a></p>
   <table class="w3-table w3-bordered w3-striped w3-border w3-hoverable w3-white">
   <tr> 
     <th>Ontology</th>
@@ -148,7 +144,7 @@ <h2>DSSTox</h2>
     <td>Ontology for representing chemical substances and their properties based on the DSSTox database structure</td>
     <td><a href="https://github.com/SAWGraph/comptox-ontology" target="_blank">Github</a></td>
     <td></td>
-    <td></td>
+    <td><a href="publications.html#pub4" target="_blank">[4]</a></td>
   </tr>
 
   </table>

publications.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>SAWGraph</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+</head>
+<style>
+  .header-spacing { padding-top:50px; padding-bottom:0px; }
+  @media (max-width:800px) { .header-spacing { padding-top:50px; padding-bottom:0px;} }
+  .header-logo { display:block; margin:18px auto; padding:10px; max-width:400px; height:auto; object-fit:contain; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
+  @media (max-width:600px) { .header-logo { max-width:92%; padding:8px; } }
+</style>
+</head>
+</head>
+<body>
+
+<!-- Navbar (sit on top) -->
+<div class="w3-top w3-padding-8">
+              <div class="w3-bar w3-white w3-wide w3-padding w3-card">
+              <script src="menu.js"></script>
+              </div>
+</div>
+
+<!-- Page content -->
+<div class="w3-content w3-main w3-padding" style="max-width:1564px">
+    <br>
+    <h1>Publications</h1>
+<ol>
+    <li id="pub1"><a href="https://doi.org/10.3233/FAIA250501" target="_blank">ContaminOSO: Ontological Foundations and Design Choices for an Ontology for Environmental Contamination Data</a>
+      <i> T Hahmann, K Schweikert, S Stephen, D Kedrowski</i></li>
+    <li id="pub2"><a href="publications/FIO-FOMI2025.pdf" target="_blank">An Ontology Design Pattern for Industry Classification in the Facilities and Industries Ontology (FIO)</a>
+      <i>K Schweikert, T Hahmann</i></li>
+    <li id="pub3"><a href="https://doi.org/10.4230/LIPIcs.GIScience.2025.4" target="_blank">Precomputed Topological Relations for Integrated Geospatial Analysis Across Knowledge Graphs</a>
+      <i>K Schweikert, D Kedrowski, S Stephen, T Hahmann</i></li>
+    <li id="pub4"><a href="publications/CompTox_Ontology.pdf" target="_blank">CompTox Ontology: Leveraging Knowledge Graphs for PFAS
+Monitoring and Decision-Making</a>
+<i>Y Zhang, S Moavenzadeh et al.</i>
+</ol>
+
+
+
+<!-- End page content -->
+</div>
+
+
+<!-- Footer -->
+<footer class="w3-center w3-black w3-padding-16">
+  <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
+</footer>
+
+</body>
+</html>

publications/CompTox_Ontology.pdf

@@ -138,7 +138,7 @@ <h4>Responsibilities</h4>
                 <h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">What are the downstream fish tissue and surface water results below Converted Paper Manufacturing Facilities in Maine? </h2>
                 <!--Left Map-->
                 <div class="w3-row-padding w3-large">
-                <div class="folium-map" id="map_246537f924c98c05df96a0a8a5dd041b" ></div>
+                <div class="folium-map" id="map_246537f924c98c05df96a0a8a5dd041b" style="z-index:0"></div>
                 <div class="w3-container w3-padding-32">
                     <p>This example traces downstream of Converted Paper Manufacturing Facilities, to examine the pattern in downstream samples of fish and water.</p>
                     <div class="w3-container">

tracing.html

@@ -96,7 +96,7 @@ <h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">What samples are
                         <p>The full example with changeable variables for location and industry (NAICS Code) to investigate is available: <a href="https://colab.research.google.com/github/SAWGraph/public/blob/main/UseCases/UC3-Tracing/SAWGraph_Y3_Demo_TracingDownstream.ipynb">Tracing Downstream</a></p>
             </div>            
     <div>
-        <div class="folium-map" id="map_c2bfb0c5d677343a0619f68bf0af2c5c" ></div>     
+        <div class="folium-map" id="map_c2bfb0c5d677343a0619f68bf0af2c5c" style="z-index:0"></div>     
     </div>