diff --git a/showcase/hidden-grotto.html b/showcase/hidden-grotto.html
index 52417cf..62f356f 100644
--- a/showcase/hidden-grotto.html
+++ b/showcase/hidden-grotto.html
@@ -30,5 +30,5 @@ <h1>Hidden Grotto</h1>
 
 </div>
 
-{% include_relative resources/css/index.css.html %}
-{% include_relative resources/js/adjust-height.js.html %}
\ No newline at end of file
+<style src="../resources/css/index.css"></style>
+<script src="../resources/js/adjust-height.js"></script>
\ No newline at end of file
diff --git a/showcase/index.html b/showcase/index.html
index 706bfa4..1166a9f 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -34,5 +34,5 @@ <h1>Showcase &amp; Trophy Cabinet</h1>
   {% include_relative pokemon/ot/0830-onion.html %}
 </div>
 
-{% include_relative resources/css/index.css.html %}
-<!-- {% include_relative resources/js/adjust-height.js.html %} -->
\ No newline at end of file
+<style src="../resources/css/index.css"></style>
+<!-- <script src="../resources/js/adjust-height.js"></script> -->
\ No newline at end of file
diff --git a/showcase/resources/css/index.css b/showcase/resources/css/index.css
new file mode 100644
index 0000000..03c3dd9
--- /dev/null
+++ b/showcase/resources/css/index.css
@@ -0,0 +1,53 @@
+/* General */
+.ball-container {
+  height: 32px;
+}
+
+.img-container {
+  height: 72px;
+}
+
+.img-container-80 {
+  height: 80px;
+}
+
+.img-container-96 {
+  height: 96px;
+}
+
+.male {
+  color: #0d6efd;
+}
+
+.female {
+  color: #dc3545;
+}
+
+/* Origin Game */
+.colo {
+  color: #cfdced;
+}
+
+.emerald {
+  color: #66cc66;
+}
+
+.go {
+  color: #35c6ff;
+}
+
+.sapphire {
+  color: #0066cc;
+}
+
+.shield {
+  color: #bf004f;
+}
+
+.sword {
+  color: #00a1e9;
+}
+
+.xd {
+  color: #745fa1;
+}
diff --git a/showcase/resources/css/index.css.html b/showcase/resources/css/index.css.html
deleted file mode 100644
index e394f6f..0000000
--- a/showcase/resources/css/index.css.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<style>
-  /* General */
-  .ball-container {
-    height: 32px;
-  }
-
-  .img-container {
-    height: 72px;
-  }
-
-  .img-container-80 {
-    height: 80px;
-  }
-
-  .img-container-96 {
-    height: 96px;
-  }
-
-  .male {
-    color: #0d6efd;
-  }
-
-  .female {
-    color: #dc3545;
-  }
-
-  /* Origin Game */
-  .colo {
-    color: #CFDCED;
-  }
-
-  .emerald {
-    color: #66cc66;
-  }
-
-  .go {
-    color: #35C6FF;
-  }
-
-  .sapphire {
-    color: #0066cc;
-  }
-
-  .shield {
-    color: #BF004F;
-  }
-
-  .sword {
-    color: #00A1E9;
-  }
-
-  .xd {
-    color: #745FA1;
-  }
-</style>
\ No newline at end of file
diff --git a/showcase/resources/js/adjust-height.js b/showcase/resources/js/adjust-height.js
new file mode 100644
index 0000000..6ecd3db
--- /dev/null
+++ b/showcase/resources/js/adjust-height.js
@@ -0,0 +1,8 @@
+$("document").ready(function () {
+  $(".adjust-height").each(function () {
+    var t = $(this);
+    var h = t.height();
+    var p = t.parent().height();
+    t.css("padding-top", (p - h) / 2 + "px");
+  });
+});
diff --git a/showcase/resources/js/adjust-height.js.html b/showcase/resources/js/adjust-height.js.html
deleted file mode 100644
index a43059c..0000000
--- a/showcase/resources/js/adjust-height.js.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<script>
-  $("document").ready(function() {
-    $(".adjust-height").each(function() {
-      var t = $(this);
-      var h = t.height();
-      var p = t.parent().height();
-      t.css("padding-top", ((p - h) / 2) + "px");
-    });
-  });
-</script>
\ No newline at end of file