remove .html ext from github site

Author: f1zzy22

blog.html

@@ -13,14 +13,14 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
+      <a href="/"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
       <div class="nav-links">
-          <a href="index.html#about" class="hacker-text" data-value="About">About</a>
-          <a href="index.html#education" class="hacker-text" data-value="Education">Education</a> 
-          <a href="index.html#experience" class="hacker-text" data-value="Experience">Experience</a>
-          <a href="blog.html" class="hacker-text active" data-value="Blog">Blog</a> 
-          <a href="misc.html" class="hacker-text" data-value="Misc">Misc</a>
-          <a href="index.html#contact" class="hacker-text" data-value="Contact">Contact</a>
+          <a href="/#about" class="hacker-text" data-value="About">About</a>
+          <a href="/#education" class="hacker-text" data-value="Education">Education</a> 
+          <a href="/#experience" class="hacker-text" data-value="Experience">Experience</a>
+          <a href="/blog" class="hacker-text active" data-value="Blog">Blog</a> 
+          <a href="/misc" class="hacker-text" data-value="Misc">Misc</a>
+          <a href="/#contact" class="hacker-text" data-value="Contact">Contact</a>
       </div>
     </div>
   </nav>
@@ -29,7 +29,7 @@
     <div class="container">
 
       <div class="back-btn-container">
-        <a href="index.html#home" class="back-btn">
+        <a href="/#home" class="back-btn">
           &lt; Back_to_Home
         </a>
       </div>
@@ -48,7 +48,7 @@ <h3 class="blog-title">Time Traveling on LinkedIn</h3>
           <p class="blog-desc">
             How I used Burp Suite to bypass client-side validation and force a future start date on my profile.
           </p>
-          <a href="posts/time-traveling-on-linkedin.html" class="read-more">Read_Entry &gt;</a>
+          <a href="/posts/time-traveling-on-linkedin" class="read-more">Read_Entry &gt;</a>
         </article>
 
         <article class="blog-card">

index.html

@@ -24,14 +24,14 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
+      <a href="/"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
 
       <div class="nav-links">
         <a href="#about" class="hacker-text" data-value="About">About</a>
         <a href="#education" class="hacker-text" data-value="Education">Education</a>
         <a href="#experience" class="hacker-text" data-value="Experience">Experience</a>
-        <a href="blog.html" class="hacker-text" data-value="Blog">Blog</a>
-        <a href="misc.html" class="hacker-text" data-value="Misc">Misc</a>
+        <a href="/blog" class="hacker-text" data-value="Blog">Blog</a>
+        <a href="/misc" class="hacker-text" data-value="Misc">Misc</a>
         <a href="#contact" class="hacker-text" data-value="Contact">Contact</a>
       </div>
     </div>
@@ -236,7 +236,7 @@ <h2 class="section-title hacker-text reveal" data-value="> recent_posts">&gt; re
           </div>
           <h3 class="blog-title">Time Traveling on LinkedIn</h3>
           <p class="blog-desc">How I used Burp Suite to bypass clien...</p>
-          <a href="posts/time-traveling-on-linkedin.html" class="read-more">Read_Entry &gt;</a>
+          <a href="/posts/time-traveling-on-linkedin" class="read-more">Read_Entry &gt;</a>
         </article>
         <article class="blog-card reveal">
           <div class="blog-header"><span class="blog-date">-- -- ----</span></div>
@@ -252,7 +252,7 @@ <h3 class="blog-title">---</h3>
         </article>
       </div>
       <div class="blog-footer reveal">
-        <a href="blog.html" class="view-all-btn">[ View_All_Posts ]</a>
+        <a href="/blog" class="view-all-btn">[ View_All_Posts ]</a>
       </div>
     </div>
   </section>

misc.html

@@ -196,10 +196,10 @@
 
   <nav class="nav">
     <div class="nav-container">
-        <a href="index.html"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
+        <a href="/"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
         <div class="nav-links">
-        <a href="index.html#home" class="hacker-text" data-value="Home">Home</a>
-        <a href="misc.html" class="hacker-text active" data-value="Misc">Misc</a>
+        <a href="/#home" class="hacker-text" data-value="Home">Home</a>
+        <a href="/misc" class="hacker-text active" data-value="Misc">Misc</a>
       </div>
     </div>
   </nav>
@@ -211,7 +211,7 @@ <h2 class="section-title hacker-text" data-value="> Miscellaneous">&gt; Miscella
     </p>
 
     <div class="module-grid">
-      <a href="typing.html" class="blog-card">
+      <a href="/typing" class="blog-card">
         <div>
           <div class="icon-container">
             <div class="terminal-prompt">
@@ -224,7 +224,7 @@ <h3 class="blog-title">Fast Fingered?</h3>
         <div class="read-more">Play Game &gt;</div>
       </a>
 
-      <a href="music.html" class="blog-card" id="music-card-container">
+      <a href="/music" class="blog-card" id="music-card-container">
         <div class="live-ribbon" id="live-music-badge" style="display: none;">
             <div class="live-dot"></div>
             LIVE NOW
@@ -246,7 +246,7 @@ <h3 class="blog-title">Judge My Music Taste</h3>
         <div class="read-more">View Data &gt;</div>
       </a>
 
-      <a href="poetry.html" class="blog-card">
+      <a href="/poetry" class="blog-card">
         <div>
           <div class="icon-container">
             <div class="doodle-canvas">

music.html

@@ -407,16 +407,16 @@
 
     <nav class="nav">
         <div class="nav-container">
-            <a href="index.html">
+            <a href="/">
                 <div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div>
             </a>
             <div class="nav-links">
-                <a href="index.html#about" class="hacker-text" data-value="About">About</a>
-                <a href="index.html#education" class="hacker-text" data-value="Education">Education</a>
-                <a href="index.html#experience" class="hacker-text" data-value="Experience">Experience</a>
-                <a href="blog.html" class="hacker-text" data-value="Blog">Blog</a>
-                <a href="misc.html" class="hacker-text" data-value="Misc">Misc</a>
-                <a href="music.html" class="hacker-text active" data-value="Music">Music</a>
+                <a href="/#about" class="hacker-text" data-value="About">About</a>
+                <a href="/#education" class="hacker-text" data-value="Education">Education</a>
+                <a href="/#experience" class="hacker-text" data-value="Experience">Experience</a>
+                <a href="/blog" class="hacker-text" data-value="Blog">Blog</a>
+                <a href="/misc" class="hacker-text" data-value="Misc">Misc</a>
+                <a href="/music" class="hacker-text active" data-value="Music">Music</a>
             </div>
         </div>
     </nav>

poetry.html

@@ -282,11 +282,11 @@
   <div class="grid-bg"></div>
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
+      <a href="/"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
       <div class="nav-links">
-        <a href="index.html#about" class="hacker-text" data-value="About">About</a>
-        <a href="blog.html" class="hacker-text" data-value="Blog">Blog</a>
-        <a href="misc.html" class="hacker-text active" data-value="Misc">Misc</a>
+        <a href="/#about" class="hacker-text" data-value="About">About</a>
+        <a href="/blog" class="hacker-text" data-value="Blog">Blog</a>
+        <a href="/misc" class="hacker-text active" data-value="Misc">Misc</a>
       </div>
     </div>
   </nav>

posts/logic.html

@@ -76,14 +76,14 @@
       <div class="nav-logo" onclick="window.location.href='../index.html'">&gt; Daniel Han</div>
       <div class="nav-links">
         <a href="../index.html#home">Home</a>
-        <a href="../blog.html">Blog</a>
+        <a href="/blog">Blog</a>
       </div>
     </div>
   </nav>
 
   <section class="section" style="padding-top: 8rem;">
     <div class="container">
-      <a href="../blog.html" class="back-btn">&lt; Back</a>
+      <a href="/blog" class="back-btn">&lt; Back</a>
 
       <article class="blog-content">
         <h1 class="section-title" style="margin-bottom: 3rem;">Time Traveling on LinkedIn</h1>

posts/time-traveling-on-linkedin.html

@@ -73,17 +73,17 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="../index.html" class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</a>
+      <a href="/#about" class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</a>
       <div class="nav-links">
         <a href="../index.html#home" class="hacker-text" data-value="Home">Home</a>
-        <a href="../blog.html" class="hacker-text active" data-value="Blog">Blog</a>
+        <a href="/blog" class="hacker-text active" data-value="Blog">Blog</a>
       </div>
     </div>
   </nav>
 
   <section class="section" style="padding-top: 8rem;">
     <div class="container">
-      <a href="../blog.html" class="back-btn">&lt; Back</a>
+      <a href="/blog" class="back-btn">&lt; Back</a>
 
       <article class="blog-content">
         <h1 class="section-title" style="margin-bottom: 3rem;">Time Traveling on LinkedIn</h1>

serve.py

@@ -0,0 +1,25 @@
+import http.server
+import socketserver
+import os
+
+PORT = 8000
+
+class GitHubPagesHandler(http.server.SimpleHTTPRequestHandler):
+    def do_GET(self):
+        # Ignore query parameters for file existence checks
+        path = self.path.split('?')[0]
+        
+        # If navigating to a clean URL like /misc, append .html internally
+        if path != '/' and not os.path.splitext(path)[1]:
+            if os.path.exists('.' + path + '.html'):
+                self.path = path + '.html'
+                
+        return super().do_GET()
+
+# Allow address reuse so it doesn't crash on restarts
+socketserver.TCPServer.allow_reuse_address = True
+
+with socketserver.TCPServer(("", PORT), GitHubPagesHandler) as httpd:
+    print(f"Custom Local Server running at http://localhost:{PORT}")
+    print("This server perfectly mimics GitHub Pages clean URLs!")
+    httpd.serve_forever()

typing.html

@@ -211,14 +211,14 @@
   <div class="grid-bg"></div>
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
+      <a href="/"><div class="nav-logo nav-glitch" data-text="> Daniel Han">&gt; Daniel Han</div></a>
       <div class="nav-links">
-        <a href="index.html#about" class="hacker-text" data-value="About">About</a>
-        <a href="index.html#education" class="hacker-text" data-value="Education">Education</a>
-        <a href="index.html#experience" class="hacker-text" data-value="Experience">Experience</a>
-        <a href="blog.html" class="hacker-text" data-value="Blog">Blog</a>
-        <a href="misc.html" class="hacker-text active" data-value="Misc">Misc</a>
-        <a href="index.html#contact" class="hacker-text" data-value="Contact">Contact</a>
+        <a href="/#about" class="hacker-text" data-value="About">About</a>
+        <a href="/#education" class="hacker-text" data-value="Education">Education</a>
+        <a href="/#experience" class="hacker-text" data-value="Experience">Experience</a>
+        <a href="/blog" class="hacker-text" data-value="Blog">Blog</a>
+        <a href="/misc" class="hacker-text active" data-value="Misc">Misc</a>
+        <a href="/#contact" class="hacker-text" data-value="Contact">Contact</a>
       </div>
     </div>
   </nav>