add a partial template that returns an asset's URL and hash from webpack's manifest

still a mess but slightly more modular. also added a real 404 page.

assets/sass/abstracts/_responsive.scss

@@ -11,6 +11,7 @@
 @use "../pages/videos";
 @use "../pages/etc";
 @use "../pages/projects";
+@use "../pages/fourOhFour";
 
 // Responsive Awesomeness
 @media screen and (max-width: settings.$responsive-width) {
@@ -25,4 +26,5 @@
   @include videos.responsive();
   @include etc.responsive();
   @include projects.responsive();
+  @include fourOhFour.responsive();
 }

assets/sass/main.scss

@@ -16,6 +16,7 @@
 @use "pages/videos";
 @use "pages/etc";
 @use "pages/projects";
+@use "pages/fourOhFour";
 
 // Miscellaneous
 @use "components/syntax";

assets/sass/pages/_fourOhFour.scss

@@ -0,0 +1,29 @@
+// 404 Styles
+div.layout-404 {
+  padding-top: 1.5em;
+  padding-bottom: 1.5em;
+  text-align: center;
+  font-size: 0.9em;
+
+  img {
+    display: block;
+    margin: 0 auto;
+  }
+
+  h2 {
+    margin: 0.75em 0 0.5em 0;
+    letter-spacing: -0.005em;
+  }
+
+  p {
+    margin: 0;
+  }
+}
+
+// Responsive
+@mixin responsive() {
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+}