Fix build issues

src/css/style.css

@@ -43,6 +43,9 @@ nav {
   padding: 0.5em;
   border-radius: 0.1em;
 }
+#nav-list a {
+  text-decoration: none;
+}
 .reset-float {
   float: none;
 }

src/html/nav.html

@@ -1,8 +1,11 @@
 <nav>
     <div id="nav-list">
         <a href="/">Home</a>
+        |
         <a href="/404.html">404</a>
+        |
         <a href="/broken1">Broken Link 1</a>
+        |
         <a href="/broken2">Broken Link 2</a>
     </div>
     <div class="reset-float"></div>

src/js/page.js

@@ -4,32 +4,33 @@ function assert(condition, message) {
     }
 }
 
-function include(element, source, substitutions) {
-    fetch(`/src/html/${source}`)
-        .then(response => response.text())
-        .then(data => {
-            let temp = data;
-            if (substitutions) {
-                for (const key in substitutions) {
-                    temp = temp.replace(`{{${key}}}`, substitutions[key]);
-                }
+async function include(element, source, substitutions) {
+    try {
+        let response = await fetch(`/src/html/${source}`);
+        let data = await response.text();
+        let temp = data;
+        if (substitutions) {
+            for (const key in substitutions) {
+                temp = temp.replace(`{{${key}}}`, substitutions[key]);
             }
-            element.innerHTML = temp;
-        })
-        .catch(error => console.error(error));
+        }
+        element.innerHTML = temp;
+    } catch (error) {
+        console.error(error);
+    }
 }
 
-let html = document.getElementsByTagName('html')[0];
-html.lang = 'en';
-html.dir = 'ltr';
-include(html, 'template.html');
-let script = document.createElement('script');
-script.src = `/src/js/page/${html.id}`;
-script.defer = true;
-document.head.appendChild(script);
+window.addEventListener('load', async function () {
+    let html = document.getElementsByTagName('html')[0];
+    html.lang = 'en';
+    html.dir = 'ltr';
+    await include(html, 'template.html');
+    let script = document.createElement('script');
+    script.src = `/src/js/page/${html.id}`;
+    script.defer = true;
+    document.head.appendChild(script);
 
-window.addEventListener('load', function () {
-    let body = document.body;
+    let body = document.getElementsByTagName('body')[0];
 
     let container = document.createElement('div');
     container.id = 'container';
@@ -40,7 +41,7 @@ window.addEventListener('load', function () {
         container.appendChild(header);
         return header;
     })()
-    include(header, 'nav.html');
+    await include(header, 'nav.html');
 
     let content = document.createElement('div');
     content.id = 'content';
@@ -61,7 +62,6 @@ window.addEventListener('load', function () {
     let page = {
         content: content
     };
-    Page(page);
+    await Page(page);
     document.title = page.title || "cornellev.github.io";
-
 }, false)

src/js/page/404.js

@@ -1,4 +1,4 @@
-function Page(page) {
+async function Page(page) {
     page.title = 'CEV Autonomy';
-    include(page.content, '404.html');
+    await include(page.content, '404.html');
 }

src/js/page/404.min.js

@@ -1 +1 @@
-function Page(page){page.title="CEV Autonomy";include(page.content,"404.html")}
+async function Page(page){page.title="CEV Autonomy";await include(page.content,"404.html")}

src/js/page/index.js

@@ -1,4 +1,4 @@
-function Page(page) {
+async function Page(page) {
     page.title = 'CEV Autonomy';
-    include(page.content, 'home.html');
+    await include(page.content, 'home.html');
 }

src/js/page/index.min.js

@@ -1 +1 @@
-function Page(page){page.title="CEV Autonomy";include(page.content,"home.html")}
+async function Page(page){page.title="CEV Autonomy";await include(page.content,"home.html")}