Now all pages load header.html through a script instead of a hard-cod…

…ed header on each page, which was often quite different from one page to another...
nanovis · Oct 2, 2024 · c1bf906 · c1bf906
1 parent 9afdc20
commit c1bf906
Show file tree

Hide file tree

Showing 39 changed files with 148 additions and 113 deletions.
diff --git a/ChatModeling.html b/ChatModeling.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -34,7 +34,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -128,6 +129,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/Chloroplast-model.html b/Chloroplast-model.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -147,6 +148,7 @@ <h2>Poster</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/ConversationalVisualization.html b/ConversationalVisualization.html
@@ -23,41 +23,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
-					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
-					<nav id="nav">
-						<ul>
-							<li class="submenu">
-								<a href="index.html#main">Publications</a>
-								<ul>
-									<li><a href="index.html#2023">2023</a></li>
-									<li><a href="index.html#2022">2022</a></li>
-									<li><a href="index.html#2021">2021</a></li>
-									<li><a href="index.html#2020">2020</a></li>
-									<li><a href="index.html#2019">2019</a></li>
-								</ul>
-							</li>
-							<li>
-								<a>Research Topics</a>
-								<ul>
-									<li><a href="ConversationalVisualization.html">Conversational Visualization</a></li>
-								</ul>
-							</li>
-							<li>
-								<a href="resources.html">Resources</a>
-							</li>
-							<li>
-								<a href="socialevents.html">Social Events</a>
-							</li>
-							<li>
-								<a href="https://cemse.kaust.edu.sa/nanovis/people/grouped-by/position-type">Team</a>
-							</li>
-							<li>
-								<a href="https://cemse.kaust.edu.sa/nanovis/contact-nanovis">Contacts</a>
-							</li>
-						</ul>
-					</nav>
-				</header>
+				<div id="header-container"></div>
 
 			<!-- Banner -->
 				<section id="banner">
@@ -176,6 +142,7 @@ <h2><a href="ChatModeling.html">Chat Modeling: Natural Language-based Procedural
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/DiffFit.html b/DiffFit.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -136,6 +137,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/DiffTEM.html b/DiffTEM.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -122,6 +123,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/DrKID.html b/DrKID.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -125,6 +126,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/Holographic-Remoting.html b/Holographic-Remoting.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -131,6 +132,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/InstantConstruction.html b/InstantConstruction.html
@@ -23,7 +23,7 @@
         <div id="page-wrapper">
 
             <!-- Header -->
-            <header id="header" class="alt">
+            <!-- <header id="header" class="alt">
 
 
                 <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
@@ -62,7 +62,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
                         </li>
                     </ul>
                 </nav>
-            </header>
+            </header> -->
+            <div id="header-container"></div>
 
 
             <!-- Banner -->
@@ -225,6 +226,7 @@ <h2><a href="Nanouniverse.html">Nanouniverse: Virtual Instancing of Structural D
         <script src="assets/js/breakpoints.min.js"></script>
         <script src="assets/js/util.js"></script>
         <script src="assets/js/main.js"></script>
+        <script src="assets/js/load_header.js"></script>
 
     </body>
 </html>
diff --git a/Integrin-Talin-Complex-model.html b/Integrin-Talin-Complex-model.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -158,6 +159,7 @@ <h2>Template_section_to_be_updated KAUST Insight Magazine Report</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/MesoCraft.html b/MesoCraft.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -130,6 +131,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/Midsurfer.html b/Midsurfer.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -126,6 +127,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/Multi-level_Area_Balancing_of_Clustered_Graphs.html b/Multi-level_Area_Balancing_of_Clustered_Graphs.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -126,6 +127,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>
diff --git a/Multiscale_Unfolding_Illustratively-Visualizing_the_Whole_Genome_at_a_Glance.html b/Multiscale_Unfolding_Illustratively-Visualizing_the_Whole_Genome_at_a_Glance.html
@@ -16,7 +16,7 @@
 		<div id="page-wrapper">
 
 			<!-- Header -->
-				<header id="header" class="alt">
+				<!-- <header id="header" class="alt">
 					<h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.edu.sa/"><span>KAUST Nanovisualization Research Group</span></a></h1>
 					<nav id="nav">
 						<ul>
@@ -28,7 +28,8 @@ <h1 id="logo"><a href="index.html">Nanovis</a> - <a href="https://nanovis.kaust.
 							</li>
 						</ul>
 					</nav>
-				</header>
+				</header> -->
+				<div id="header-container"></div>
 
 			<!-- Main -->
 				<article id="main">
@@ -134,6 +135,7 @@ <h2>Publications</h2>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
+			<script src="assets/js/load_header.js"></script>
 
 	</body>
 </html>