Initialized jekyll with cyberpunk theme

_includes/footer.html

@@ -0,0 +1,12 @@
+<div class="cyber-razor-top bg-black" style="width: 100%"></div>
+<script
+			  src="https://code.jquery.com/jquery-3.7.1.min.js"
+			  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+			  crossorigin="anonymous"></script>
+<script src="{{ "/assets/js/materialize.min.js" | relative_url }}"></script>
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    var sidenavElems = document.querySelectorAll('.sidenav');
+    var sidenavInstances = M.Sidenav.init(sidenavElems, {});
+  });
+</script>

_includes/head.html

@@ -0,0 +1,9 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{{ page.title }} - {{ site.title }}</title>
+
+<!-- Stylesheets -->
+<link rel="stylesheet" href="{{ "/assets/css/normalize.css" | relative_url }}">
+<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+<link rel="stylesheet" href="{{ "/assets/css/cyberpunk.css" | relative_url }}">

_includes/header.html

@@ -0,0 +1,36 @@
+{% assign menu_pages = site.pages | where_exp: "page", "page.path contains 'pages/'" %}
+{% assign sorted_pages = menu_pages | sort: "weight" %}
+<header>
+  <nav class="cyber-razor-bottom bg-black">
+    <div class="nav-wrapper">
+      <a href="{{ "/" | relative_url }}" class="cyberpunk-font-og f-x2-5">{{ site.title }}</a>
+      <a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+      <ul id="nav-mobile" class="right hide-on-med-and-down">
+        <li><a href="{{ "/" | relative_url }}" class="cyber-a">Home</a></li>        
+        {% for page in sorted_pages %}
+          {% if page.title and page.permalink and page.nav != false %}
+            <li><a href="{{ page.url | relative_url }}" class="cyber-a">{{ page.title }}</a></li>
+          {% endif %}
+        {% endfor %}
+      </ul>
+    </div>
+    <ul class="sidenav" id="mobile-menu">
+      <li>
+        <button class="cyber-button bg-red fg-white m-2 vt-bot">
+          Home
+        </button>
+      </li>
+      {% for page in sorted_pages %}
+        {% if page.title and page.permalink and page.nav != false %}
+          <li>
+            <button class="cyber-button bg-red fg-white m-2 vt-bot">
+              {{ page.title }}
+              <span class="glitchtext">$_glitch;</span>
+              <span class="tag"></span>
+            </button>
+          </li>
+        {% endif %}
+      {% endfor %}
+    </ul>
+  </nav>
+</header>