Major revamp, move to layout.html, lots of cleanup

jamonholmgren · Nov 30, 2023 · 9541c85 · 9541c85
1 parent 2e81850
commit 9541c85
Show file tree

Hide file tree

Showing 10 changed files with 187 additions and 187 deletions.
diff --git a/template/qub/server.bas b/template/qub/server.bas
diff --git a/template/server b/template/server
diff --git a/template/web/footer.html b/template/web/footer.html
diff --git a/template/web/head.html b/template/web/head.html
@@ -1,5 +1 @@
-<link rel="preload" href="/static/styles.css" as="style" />
-<link rel="preload" href="/static/scripts.js" as="script" />
 
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="stylesheet" href="/static/styles.css" />
diff --git a/template/web/header.html b/template/web/header.html
diff --git a/template/web/layout.html b/template/web/layout.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title><!--$TITLE--></title>
+    <link rel="preload" href="/static/styles.css" as="style" />
+    <link rel="preload" href="/static/scripts.js" as="script" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/static/styles.css" />
+    <link rel="stylesheet" href="/static/css/style.css" />
+  </head>
+  <body>
+    <main>
+      <section class="hero">
+        <!-- Constrain width area -->
+        <div class="container">
+          <h1>It's a Qub-ical World</h1>
+          <p class="subtitle">...and we're just playing in it!</p>
+          <nav>
+            <a href="/">Home</a>
+            <a href="/contact">Contact</a>
+          </nav>
+        </div>
+      </section>
+      <div class="container"><!--$BODY--></div>
+      <footer>
+        <div class="container">
+          Copyright &copy;
+          <!--$YEAR-->
+          $DOMAIN
+        </div>
+      </footer>
+    </main>
+  </body>
+</html>
diff --git a/template/web/pages/404.html b/template/web/pages/404.html
@@ -1,5 +1,5 @@
-<!--TITLE
-Page Not Found
+<!--META
+TITLE: Page Not Found
 -->
 
 <h1>Page Not Found</h1>

diff --git a/template/web/pages/blog/2023.html b/template/web/pages/blog/2023.html
diff --git a/template/web/pages/contact.html b/template/web/pages/contact.html
@@ -1,5 +1,5 @@
-<!--TITLE
-Contact Us
+<!--META
+TITLE: Contact Us
 -->
 
 <h1>Contact Us</h1>

diff --git a/template/web/pages/home.html b/template/web/pages/home.html
@@ -1,5 +1,5 @@
-<!--TITLE
-$DOMAIN - Official Website
+<!--META
+TITLE: $DOMAIN - Official Website
 -->
 <h1>$DOMAIN</h1>