Merge pull request #1 from TriAttack238/first-post

Add first post to the website.
TriAttack238 · Nov 21, 2024 · ca5c5bb · ca5c5bb
2 parents b6ca9e2 + 15f9440
commit ca5c5bb
Show file tree

Hide file tree

Showing 5 changed files with 103 additions and 17 deletions.
diff --git a/about.html b/about.html
@@ -21,7 +21,7 @@
   <body>
     <div id="replace_with_navbar"></div>
 
-<br><br><br>
+<br><br><br><br><br>
 
   <!-- headings -->
   <h1>About Me</h1>
@@ -45,4 +45,4 @@ <h1>About Me</h1>
   <script src="script.js"></script>
 <footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="credit.html">Credits</a></footer>
 </body>
-</html>
+</html>
diff --git a/blog.html b/blog.html
@@ -23,16 +23,14 @@
 
 <br><br><br><br><br>
     <br>
-  </p>
+
   <!-- headings -->
-  <h1>About Me</h1>
-  <p>
-    This is dummy text that will be replaced with links to actual blog posts.
-  </p>
+  <h1><a class="link" style="color:yellow" href="/posts/my-first-post.html">My First Post!</a></h1>
+
   <script src="script.js"></script>
 </body>
 
 <footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="credit.html">Credits</a></footer>
-</div>
 
-</html>
+
+</html>
diff --git a/nav.html b/nav.html
@@ -1,16 +1,16 @@
 <!-- NAVIGATION BAR CODE -->
 <div class="header">
   <header> 
-    <table style="background-image: url('assets/images/banner.png')"> 
+    <table style="background-image: url('/assets/images/banner.png')"> 
       <tr>
         <td><p style="color: black"><b>Sean's Website</b></p></td>
-        <td><button class="table-button" onclick = "window.location.href='index.html';">Home</button></td>
-        <td><button class="table-button" onclick = "window.location.href='about.html';">About</button></td>
-        <td><button class="table-button" onclick = "window.location.href='blog.html';">Blog</button></td>
-        <td><button class="table-button" onclick = "window.location.href='projects.html';">Projects</button></td>
-        <td><button class="table-button" onclick = "window.location.href='rss.html';">RSS</button></td>
-        <td><button class="table-button" onclick = "window.location.href='downloads.html';">Downloads</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/index.html';">Home</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/about.html';">About</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/blog.html';">Blog</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/projects.html';">Projects</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/rss.html';">RSS</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/downloads.html';">Downloads</button></td>
       </tr>
     </table>
   </header>
-</div>
+</div>
diff --git a/posts/my-first-post.html b/posts/my-first-post.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang = "en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Sean's Website</title>
+    <link href="/style.css" rel="stylesheet" type="text/css">
+    <script>
+      // loads header
+      function loadHeader() {
+        fetch('/nav.html')
+          .then(response => response.text())
+          .then(data => {
+            document.getElementById('replace_with_navbar').outerHTML = data;
+          });
+      }
+      document.addEventListener('DOMContentLoaded', loadHeader);
+    </script>
+  </head>
+  <body>
+    <div id="replace_with_navbar"></div>
+
+<br><br><br><br><br>
+
+  <!-- headings -->
+  <h1>First Post!</h1>
+
+  <p>
+  Hello everyone!
+
+  My name is Sean, and welcome to my website! Here, I'll be posting my thoughts occasionally on things that interest me, like cooking, programming, and science. Maybe I'll even set up RSS properly!
+  </p>
+
+
+
+  <script src="/script.js"></script>
+<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="/credit.html">Credits</a></footer>
+</body>
+</html>
diff --git a/posts/template.html b/posts/template.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang = "en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Sean's Website</title>
+    <link href="/style.css" rel="stylesheet" type="text/css">
+    <script>
+      // loads header
+      function loadHeader() {
+        fetch('/nav.html')
+          .then(response => response.text())
+          .then(data => {
+            document.getElementById('replace_with_navbar').outerHTML = data;
+          });
+      }
+      document.addEventListener('DOMContentLoaded', loadHeader);
+    </script>
+  </head>
+  <body>
+    <div id="replace_with_navbar"></div>
+
+<br><br><br><br><br>
+
+  <!-- headings -->
+  <h1>Template</h1>
+
+  <p>
+    This is a template post for other posts to use
+  </p>
+
+  <ul>
+    <li>1</li>
+    <li>2</li>
+    <li>COBOL (like <a class="link"   style="color:yellow" href="https://github.com/otterkit/otterkit">The Otterkit Project</a> or other programming and computing topics</li>
+    <li>3</li>
+    <li>4</li>
+  </ul>
+
+  <p>
+  If you're interested, please download my <a class="link" style="color:yellow" href="/assets/sean_vo_resume.pdf">resume</a> here.
+  </p>
+
+  <script src="/script.js"></script>
+<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="/credit.html">Credits</a></footer>
+</body>
+</html>