diff --git a/.comma b/.comma
index d85101b..e5cbfa1 100755
--- a/.comma
+++ b/.comma
@@ -1,8 +1,13 @@
 #! /usr/bin/env bash
 
+echo -e "<link rel=\"stylesheet\" href=\"/style.css\">\n<h1>Luke's Website</h1><ul>" > index.html
+
 for entry in entries/*.md; do
   echo "$entry"
   done | cut -d "/" -f 2 | cut -d "." -f 1 | while read -r entry; do
-  cp ./header.html "entries/${entry}.html" -f
-  pandoc -t html --ascii "entries/${entry}.md" >> "entries/${entry}.html"
+  pandoc -t html --ascii "entries/${entry}.md" -o "entries/${entry}.html"
+  echo "<link rel=\"stylesheet\" href=\"/style.css\">" >> "entries/${entry}.html"
+  echo "<li>$entry</li>" >> index.html
 done
+
+echo "</ul>" >> index.html
diff --git a/entries/maintainotify.html b/entries/maintainotify.html
index b28ea8c..ae18baf 100644
--- a/entries/maintainotify.html
+++ b/entries/maintainotify.html
@@ -1,128 +1,3 @@
-<style>
-  * {
-    margin: 0;
-    font-family: "FiraCode", monospace;
-  }
-  body {
-    padding: 1rem;
-  }
-  body > * {
-    margin: 1rem 0 1rem 0;
-  }
-  ul {
-    list-style-type: none;
-  }
-  a {
-    color: #0000ff;
-  }
-  a:visited {
-    color: #444444;
-  }
-  code {
-    hyphens: manual;
-  }
-  code span.al {
-    color: #ff0000;
-    font-weight: bold;
-  } /* Alert */
-  code span.an {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Annotation */
-  code span.at {
-    color: #7d9029;
-  } /* Attribute */
-  code span.bn {
-    color: #40a070;
-  } /* BaseN */
-  code span.bu {
-    color: #008000;
-  } /* BuiltIn */
-  code span.cf {
-    color: #007020;
-    font-weight: bold;
-  } /* ControlFlow */
-  code span.ch {
-    color: #4070a0;
-  } /* Char */
-  code span.cn {
-    color: #880000;
-  } /* Constant */
-  code span.co {
-    color: #60a0b0;
-    font-style: italic;
-  } /* Comment */
-  code span.cv {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* CommentVar */
-  code span.do {
-    color: #ba2121;
-    font-style: italic;
-  } /* Documentation */
-  code span.dt {
-    color: #902000;
-  } /* DataType */
-  code span.dv {
-    color: #40a070;
-  } /* DecVal */
-  code span.er {
-    color: #ff0000;
-    font-weight: bold;
-  } /* Error */
-  code span.ex {
-  } /* Extension */
-  code span.fl {
-    color: #40a070;
-  } /* Float */
-  code span.fu {
-    color: #06287e;
-  } /* Function */
-  code span.im {
-    color: #008000;
-    font-weight: bold;
-  } /* Import */
-  code span.in {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Information */
-  code span.kw {
-    color: #007020;
-    font-weight: bold;
-  } /* Keyword */
-  code span.op {
-    color: #666666;
-  } /* Operator */
-  code span.ot {
-    color: #007020;
-  } /* Other */
-  code span.pp {
-    color: #bc7a00;
-  } /* Preprocessor */
-  code span.sc {
-    color: #4070a0;
-  } /* SpecialChar */
-  code span.ss {
-    color: #bb6688;
-  } /* SpecialString */
-  code span.st {
-    color: #4070a0;
-  } /* String */
-  code span.va {
-    color: #19177c;
-  } /* Variable */
-  code span.vs {
-    color: #4070a0;
-  } /* VerbatimString */
-  code span.wa {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Warning */
-</style>
 <h1 id="maintainotify">Maintainotify</h1>
 <p><em><a
 href="https://git.disroot.org/lwad/maintainotify">https://git.disroot.org/lwad/maintainotify</a></em></p>
@@ -133,3 +8,4 @@ for each repository. The last recorded tags do needed to be added
 manually. This is by design; it keeps the program simple.</p>
 <p>Using this will hopefully make keeping your packages up to date less
 time-consuming.</p>
+<link rel="stylesheet" href="/style.css">
diff --git a/entries/project-manager.html b/entries/project-manager.html
index c0deb9a..bc1ea24 100644
--- a/entries/project-manager.html
+++ b/entries/project-manager.html
@@ -1,128 +1,3 @@
-<style>
-  * {
-    margin: 0;
-    font-family: "FiraCode", monospace;
-  }
-  body {
-    padding: 1rem;
-  }
-  body > * {
-    margin: 1rem 0 1rem 0;
-  }
-  ul {
-    list-style-type: none;
-  }
-  a {
-    color: #0000ff;
-  }
-  a:visited {
-    color: #444444;
-  }
-  code {
-    hyphens: manual;
-  }
-  code span.al {
-    color: #ff0000;
-    font-weight: bold;
-  } /* Alert */
-  code span.an {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Annotation */
-  code span.at {
-    color: #7d9029;
-  } /* Attribute */
-  code span.bn {
-    color: #40a070;
-  } /* BaseN */
-  code span.bu {
-    color: #008000;
-  } /* BuiltIn */
-  code span.cf {
-    color: #007020;
-    font-weight: bold;
-  } /* ControlFlow */
-  code span.ch {
-    color: #4070a0;
-  } /* Char */
-  code span.cn {
-    color: #880000;
-  } /* Constant */
-  code span.co {
-    color: #60a0b0;
-    font-style: italic;
-  } /* Comment */
-  code span.cv {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* CommentVar */
-  code span.do {
-    color: #ba2121;
-    font-style: italic;
-  } /* Documentation */
-  code span.dt {
-    color: #902000;
-  } /* DataType */
-  code span.dv {
-    color: #40a070;
-  } /* DecVal */
-  code span.er {
-    color: #ff0000;
-    font-weight: bold;
-  } /* Error */
-  code span.ex {
-  } /* Extension */
-  code span.fl {
-    color: #40a070;
-  } /* Float */
-  code span.fu {
-    color: #06287e;
-  } /* Function */
-  code span.im {
-    color: #008000;
-    font-weight: bold;
-  } /* Import */
-  code span.in {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Information */
-  code span.kw {
-    color: #007020;
-    font-weight: bold;
-  } /* Keyword */
-  code span.op {
-    color: #666666;
-  } /* Operator */
-  code span.ot {
-    color: #007020;
-  } /* Other */
-  code span.pp {
-    color: #bc7a00;
-  } /* Preprocessor */
-  code span.sc {
-    color: #4070a0;
-  } /* SpecialChar */
-  code span.ss {
-    color: #bb6688;
-  } /* SpecialString */
-  code span.st {
-    color: #4070a0;
-  } /* String */
-  code span.va {
-    color: #19177c;
-  } /* Variable */
-  code span.vs {
-    color: #4070a0;
-  } /* VerbatimString */
-  code span.wa {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Warning */
-</style>
 <h1 id="project-manager">Project Manager</h1>
 <p><em><a
 href="https://git.disroot.org/lwad/project-manager">https://git.disroot.org/lwad/project-manager</a></em></p>
@@ -139,3 +14,4 @@ personal setup can be seen <a
 href="https://git.disroot.org/lwad/nixos/src/branch/main/lwad/utilities/tmux.conf.nix">here</a>.</p>
 <p>If you plan to use it through the command line, I&#x2019;d recommend adding
 an alias to &#x201C;p&#x201D; because &#x201C;project-manager&#x201D; is a bit unwieldy.</p>
+<link rel="stylesheet" href="/style.css">
diff --git a/header.html b/header.html
deleted file mode 100644
index 1ddd4d8..0000000
--- a/header.html
+++ /dev/null
@@ -1,125 +0,0 @@
-<style>
-  * {
-    margin: 0;
-    font-family: "FiraCode", monospace;
-  }
-  body {
-    padding: 1rem;
-  }
-  body > * {
-    margin: 1rem 0 1rem 0;
-  }
-  ul {
-    list-style-type: none;
-  }
-  a {
-    color: #0000ff;
-  }
-  a:visited {
-    color: #444444;
-  }
-  code {
-    hyphens: manual;
-  }
-  code span.al {
-    color: #ff0000;
-    font-weight: bold;
-  } /* Alert */
-  code span.an {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Annotation */
-  code span.at {
-    color: #7d9029;
-  } /* Attribute */
-  code span.bn {
-    color: #40a070;
-  } /* BaseN */
-  code span.bu {
-    color: #008000;
-  } /* BuiltIn */
-  code span.cf {
-    color: #007020;
-    font-weight: bold;
-  } /* ControlFlow */
-  code span.ch {
-    color: #4070a0;
-  } /* Char */
-  code span.cn {
-    color: #880000;
-  } /* Constant */
-  code span.co {
-    color: #60a0b0;
-    font-style: italic;
-  } /* Comment */
-  code span.cv {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* CommentVar */
-  code span.do {
-    color: #ba2121;
-    font-style: italic;
-  } /* Documentation */
-  code span.dt {
-    color: #902000;
-  } /* DataType */
-  code span.dv {
-    color: #40a070;
-  } /* DecVal */
-  code span.er {
-    color: #ff0000;
-    font-weight: bold;
-  } /* Error */
-  code span.ex {
-  } /* Extension */
-  code span.fl {
-    color: #40a070;
-  } /* Float */
-  code span.fu {
-    color: #06287e;
-  } /* Function */
-  code span.im {
-    color: #008000;
-    font-weight: bold;
-  } /* Import */
-  code span.in {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Information */
-  code span.kw {
-    color: #007020;
-    font-weight: bold;
-  } /* Keyword */
-  code span.op {
-    color: #666666;
-  } /* Operator */
-  code span.ot {
-    color: #007020;
-  } /* Other */
-  code span.pp {
-    color: #bc7a00;
-  } /* Preprocessor */
-  code span.sc {
-    color: #4070a0;
-  } /* SpecialChar */
-  code span.ss {
-    color: #bb6688;
-  } /* SpecialString */
-  code span.st {
-    color: #4070a0;
-  } /* String */
-  code span.va {
-    color: #19177c;
-  } /* Variable */
-  code span.vs {
-    color: #4070a0;
-  } /* VerbatimString */
-  code span.wa {
-    color: #60a0b0;
-    font-weight: bold;
-    font-style: italic;
-  } /* Warning */
-</style>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8d979a8
--- /dev/null
+++ b/index.html
@@ -0,0 +1,5 @@
+<link rel="stylesheet" href="/style.css">
+<h1>Luke's Website</h1><ul>
+<li>maintainotify</li>
+<li>project-manager</li>
+</ul>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..14a54d9
--- /dev/null
+++ b/style.css
@@ -0,0 +1,123 @@
+* {
+  margin: 0;
+  font-family: "FiraCode", monospace;
+}
+body {
+  padding: 1rem;
+}
+body > * {
+  margin: 1rem 0 1rem 0;
+}
+ul {
+  list-style-type: none;
+}
+a {
+  color: #0000ff;
+}
+a:visited {
+  color: #444444;
+}
+code {
+  hyphens: manual;
+}
+code span.al {
+  color: #ff0000;
+  font-weight: bold;
+} /* Alert */
+code span.an {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+} /* Annotation */
+code span.at {
+  color: #7d9029;
+} /* Attribute */
+code span.bn {
+  color: #40a070;
+} /* BaseN */
+code span.bu {
+  color: #008000;
+} /* BuiltIn */
+code span.cf {
+  color: #007020;
+  font-weight: bold;
+} /* ControlFlow */
+code span.ch {
+  color: #4070a0;
+} /* Char */
+code span.cn {
+  color: #880000;
+} /* Constant */
+code span.co {
+  color: #60a0b0;
+  font-style: italic;
+} /* Comment */
+code span.cv {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+} /* CommentVar */
+code span.do {
+  color: #ba2121;
+  font-style: italic;
+} /* Documentation */
+code span.dt {
+  color: #902000;
+} /* DataType */
+code span.dv {
+  color: #40a070;
+} /* DecVal */
+code span.er {
+  color: #ff0000;
+  font-weight: bold;
+} /* Error */
+code span.ex {
+} /* Extension */
+code span.fl {
+  color: #40a070;
+} /* Float */
+code span.fu {
+  color: #06287e;
+} /* Function */
+code span.im {
+  color: #008000;
+  font-weight: bold;
+} /* Import */
+code span.in {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+} /* Information */
+code span.kw {
+  color: #007020;
+  font-weight: bold;
+} /* Keyword */
+code span.op {
+  color: #666666;
+} /* Operator */
+code span.ot {
+  color: #007020;
+} /* Other */
+code span.pp {
+  color: #bc7a00;
+} /* Preprocessor */
+code span.sc {
+  color: #4070a0;
+} /* SpecialChar */
+code span.ss {
+  color: #bb6688;
+} /* SpecialString */
+code span.st {
+  color: #4070a0;
+} /* String */
+code span.va {
+  color: #19177c;
+} /* Variable */
+code span.vs {
+  color: #4070a0;
+} /* VerbatimString */
+code span.wa {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+} /* Warning */