fixes to static rendering

Author: Qile0317

index.html

@@ -6,6 +6,21 @@
     <title>Computational Biology at Berkeley</title>
     <meta name="description" content="A student-driven community exploring the intersection of computer science, biology, and healthcare at UC Berkeley." />
     <meta name="author" content="Computational Biology at Berkeley" />
+    
+    <!-- GitHub Pages SPA redirect handler -->
+    <script>
+      // Redirect from 404.html with the path encoded in the query
+      (function(l) {
+        if (l.search[1] === '/' ) {
+          var decoded = l.search.slice(1).split('&').map(function(s) { 
+            return s.replace(/~and~/g, '&')
+          }).join('?');
+          window.history.replaceState(null, null,
+              l.pathname.slice(0, -1) + decoded + l.hash
+          );
+        }
+      }(window.location))
+    </script>
 
     <meta property="og:title" content="Computational Biology at Berkeley" />
     <meta property="og:description" content="A student-driven community exploring the intersection of computer science, biology, and healthcare at UC Berkeley." />

public/404.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Computational Biology at Berkeley</title>
+  <script>
+    // GitHub Pages SPA redirect hack
+    // This script takes the current URL and converts the path and query
+    // string into a hash that the client-side router can read
+    
+    const pathSegmentsToKeep = 0;
+    const location = window.location;
+    
+    location.replace(
+      location.protocol + '//' + location.host + location.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' + 
+      location.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
+      (location.search ? '&' + location.search.slice(1).replace(/&/g, '~and~') : '') +
+      location.hash
+    );
+  </script>
+</head>
+<body>
+</body>
+</html>