use s3g, added some pages & fork awesome

4 files changed, 73 insertions, 0 deletions

diff --git a/src/templates/body-bottom.html b/src/templates/body-bottom.html
new file mode 100644
index 0000000..6a5da72
--- /dev/null
+++ b/src/templates/body-bottom.html
@@ -0,0 +1,15 @@
+</div>
+<nav class="mobile-nav">
+    <div class="mobile-nav-button"></div>
+    <div class="mobile-nav-button"></div>
+    <div class="mobile-nav-button">
+      <img class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+    </div>
+    <div class="mobile-nav-button"></div>
+    <div class="mobile-nav-button"></div>
+</nav>
+</main>
+<div class="body_decoration noaa"></div>
+<div class="space"></div>
+</div>
+<footer></footer>
\ No newline at end of file
diff --git a/src/templates/body-top.html b/src/templates/body-top.html
new file mode 100644
index 0000000..dc5465a
--- /dev/null
+++ b/src/templates/body-top.html
@@ -0,0 +1,4 @@
+<div class="body-wrapper">
+    <div class="background"></div>
+    <main>
+      <div id="content">
\ No newline at end of file
diff --git a/src/templates/inner-head.html b/src/templates/inner-head.html
new file mode 100644
index 0000000..88f5a1c
--- /dev/null
+++ b/src/templates/inner-head.html
@@ -0,0 +1,6 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="icon" type="image/png" href="/assets/image/icon.png">
+<link rel="stylesheet" href="/assets/css/main.css">
+<link rel="stylesheet" href="/assets/css/background.css">
+<link rel="stylesheet" href="/assets/fork-awesome/css/fork-awesome.min.css">
\ No newline at end of file
diff --git a/src/templates/nav.html b/src/templates/nav.html
new file mode 100644
index 0000000..cef447c
--- /dev/null
+++ b/src/templates/nav.html
@@ -0,0 +1,48 @@
+<nav class="nav">
+    <div class="floatwrapper">
+      <div>
+        <a href="/" class="header-image">
+          <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata between &quot;infernal&quot; and &quot;garden&quot;" src="/assets/image/header.png">
+          <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+        </a>
+        <div class="nav-button">
+          <a href="/about/">
+            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+            <span>About</span>
+          </a>
+        </div>
+        <div class="nav-button">
+          <a href="/projects/">
+            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+            <span>Projects</span>
+          </a>
+        </div>
+        <div class="nav-button">
+          <a href="/services/">
+            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+            <span>Services</span>
+          </a>
+        </div>
+        <div class="nav-button">
+          <a href="/people/">
+            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+            <span>People</span>
+          </a>
+        </div>
+      </div>
+      <div>
+        <div class="nav-button">
+          <a href="/contact/">
+            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+            <span>Contact</span>
+          </a>
+        </div>
+        <div id="nav-pin" class="nav-button">
+          <a href="#">
+            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
+            <span>Expand/Collapse</span>
+          </a>
+        </div>
+      </div>
+    </div>
+</nav>