Separate out into include HTML.

Frost-group · Feb 24, 2024 · 7b426ab · 7b426ab
1 parent 266a00f
commit 7b426ab
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 29 deletions.
diff --git a/header.html b/header.html
@@ -0,0 +1,30 @@
+    <div class="banner">
+        <img src="assets/banner.jpg" alt="Conference Template Banner">
+        <div class="top-left">
+            <span class="title1">ML</span><span class="title2">for</span> <span class="year">Quantum Matter</span>
+        </div>
+        <div class="bottom-right">
+            Friday 3rd May 2024 <br> Imperial College London, White City, London, UK.
+        </div>
+    </div>
+
+    <table class="navigation">
+        <tr>
+            <td class="navigation">
+                <a class="current" title="Conference Home Page" href=".">Home</a>
+            </td>
+            <td class="navigation">
+                <a title="Register for the Conference" href="registration">Registration</a>
+            </td>
+            <td class="navigation">
+                <a title="Conference Program" href="program">Program</a> 
+            </td>
+            <td class="navigation">
+                <a title="Directions to the Conference" href="directions">Directions</a>
+            </td>
+            <td class="navigation">
+                <a title="Conference Flyer" href="flyer">Flyer</a>
+            </td>
+        </tr>
+    </table>
+
diff --git a/index.html b/index.html
@@ -14,37 +14,10 @@
 
 <body>
 
-    <div class="banner">
-        <img src="assets/banner.jpg" alt="Conference Template Banner">
-        <div class="top-left">
-            <span class="title1">ML</span><span class="title2">for</span> <span class="year">Quantum Matter</span>
-        </div>
-        <div class="bottom-right">
-            Friday 3rd May 2024 <br> Imperial College London, White City, London, UK.
-        </div>
-    </div>
+<div w3-include-html="header.html"></div>
 
-    <table class="navigation">
-        <tr>
-            <td class="navigation">
-                <a class="current" title="Conference Home Page" href=".">Home</a>
-            </td>
-            <td class="navigation">
-                <a title="Register for the Conference" href="registration">Registration</a>
-            </td>
-            <td class="navigation">
-                <a title="Conference Program" href="program">Program</a> 
-            </td>
-            <td class="navigation">
-                <a title="Directions to the Conference" href="directions">Directions</a>
-            </td>
-            <td class="navigation">
-                <a title="Conference Flyer" href="flyer">Flyer</a>
-            </td>
-        </tr>
-    </table>
 
-    <h2>What is This Website?</h2>
+  <h2>What is This Website?</h2>
     <p>
         This website is a template that you could use for a (small) academic conference. 
         It&rsquo;s got a page for registration, where you can embed a Google Form or some other way for participants to register.