diff --git a/homepage/favicon.ico b/homepage/favicon.ico
index 46bc29be8..e23527606 100644
Binary files a/homepage/favicon.ico and b/homepage/favicon.ico differ
diff --git a/homepage/add_wrap.png b/homepage/home_img/add_wrap.png
similarity index 100%
rename from homepage/add_wrap.png
rename to homepage/home_img/add_wrap.png
diff --git a/homepage/braces.svg b/homepage/home_img/braces.svg
similarity index 100%
rename from homepage/braces.svg
rename to homepage/home_img/braces.svg
diff --git a/homepage/change_wrap.png b/homepage/home_img/change_wrap.png
similarity index 100%
rename from homepage/change_wrap.png
rename to homepage/home_img/change_wrap.png
diff --git a/homepage/clojure.svg b/homepage/home_img/clojure.svg
similarity index 100%
rename from homepage/clojure.svg
rename to homepage/home_img/clojure.svg
diff --git a/homepage/cplusplus.svg b/homepage/home_img/cplusplus.svg
similarity index 100%
rename from homepage/cplusplus.svg
rename to homepage/home_img/cplusplus.svg
diff --git a/homepage/csharp.svg b/homepage/home_img/csharp.svg
similarity index 100%
rename from homepage/csharp.svg
rename to homepage/home_img/csharp.svg
diff --git a/homepage/dart.svg b/homepage/home_img/dart.svg
similarity index 100%
rename from homepage/dart.svg
rename to homepage/home_img/dart.svg
diff --git a/homepage/difft_screenshot.png b/homepage/home_img/difft_screenshot.png
similarity index 100%
rename from homepage/difft_screenshot.png
rename to homepage/home_img/difft_screenshot.png
diff --git a/homepage/erlang.svg b/homepage/home_img/erlang.svg
similarity index 100%
rename from homepage/erlang.svg
rename to homepage/home_img/erlang.svg
diff --git a/homepage/git_difftool.png b/homepage/home_img/git_difftool.png
similarity index 100%
rename from homepage/git_difftool.png
rename to homepage/home_img/git_difftool.png
diff --git a/homepage/go.svg b/homepage/home_img/go.svg
similarity index 100%
rename from homepage/go.svg
rename to homepage/home_img/go.svg
diff --git a/homepage/haskell.svg b/homepage/home_img/haskell.svg
similarity index 100%
rename from homepage/haskell.svg
rename to homepage/home_img/haskell.svg
diff --git a/homepage/html5.svg b/homepage/home_img/html5.svg
similarity index 100%
rename from homepage/html5.svg
rename to homepage/home_img/html5.svg
diff --git a/homepage/java.svg b/homepage/home_img/java.svg
similarity index 100%
rename from homepage/java.svg
rename to homepage/home_img/java.svg
diff --git a/homepage/javascript.svg b/homepage/home_img/javascript.svg
similarity index 100%
rename from homepage/javascript.svg
rename to homepage/home_img/javascript.svg
diff --git a/homepage/json.svg b/homepage/home_img/json.svg
similarity index 100%
rename from homepage/json.svg
rename to homepage/home_img/json.svg
diff --git a/homepage/kotlin.svg b/homepage/home_img/kotlin.svg
similarity index 100%
rename from homepage/kotlin.svg
rename to homepage/home_img/kotlin.svg
diff --git a/homepage/line_numbers.png b/homepage/home_img/line_numbers.png
similarity index 100%
rename from homepage/line_numbers.png
rename to homepage/home_img/line_numbers.png
diff --git a/homepage/lisp.svg b/homepage/home_img/lisp.svg
similarity index 100%
rename from homepage/lisp.svg
rename to homepage/home_img/lisp.svg
diff --git a/homepage/lua.svg b/homepage/home_img/lua.svg
similarity index 100%
rename from homepage/lua.svg
rename to homepage/home_img/lua.svg
diff --git a/homepage/ocaml.svg b/homepage/home_img/ocaml.svg
similarity index 100%
rename from homepage/ocaml.svg
rename to homepage/home_img/ocaml.svg
diff --git a/homepage/php.svg b/homepage/home_img/php.svg
similarity index 100%
rename from homepage/php.svg
rename to homepage/home_img/php.svg
diff --git a/homepage/python.svg b/homepage/home_img/python.svg
similarity index 100%
rename from homepage/python.svg
rename to homepage/home_img/python.svg
diff --git a/homepage/r.svg b/homepage/home_img/r.svg
similarity index 100%
rename from homepage/r.svg
rename to homepage/home_img/r.svg
diff --git a/homepage/reformat.png b/homepage/home_img/reformat.png
similarity index 100%
rename from homepage/reformat.png
rename to homepage/home_img/reformat.png
diff --git a/homepage/ruby.svg b/homepage/home_img/ruby.svg
similarity index 100%
rename from homepage/ruby.svg
rename to homepage/home_img/ruby.svg
diff --git a/homepage/rust.svg b/homepage/home_img/rust.svg
similarity index 100%
rename from homepage/rust.svg
rename to homepage/home_img/rust.svg
diff --git a/homepage/scala.svg b/homepage/home_img/scala.svg
similarity index 100%
rename from homepage/scala.svg
rename to homepage/home_img/scala.svg
diff --git a/homepage/typescript.svg b/homepage/home_img/typescript.svg
similarity index 100%
rename from homepage/typescript.svg
rename to homepage/home_img/typescript.svg
diff --git a/homepage/wrap_struct.png b/homepage/home_img/wrap_struct.png
similarity index 100%
rename from homepage/wrap_struct.png
rename to homepage/home_img/wrap_struct.png
diff --git a/homepage/yaml.svg b/homepage/home_img/yaml.svg
similarity index 100%
rename from homepage/yaml.svg
rename to homepage/home_img/yaml.svg
diff --git a/homepage/asciinema-player.css b/homepage/home_static/asciinema-player.css
similarity index 100%
rename from homepage/asciinema-player.css
rename to homepage/home_static/asciinema-player.css
diff --git a/homepage/asciinema-player.min.js b/homepage/home_static/asciinema-player.min.js
similarity index 100%
rename from homepage/asciinema-player.min.js
rename to homepage/home_static/asciinema-player.min.js
diff --git a/homepage/demo.cast b/homepage/home_static/demo.cast
similarity index 100%
rename from homepage/demo.cast
rename to homepage/home_static/demo.cast
diff --git a/homepage/style.css b/homepage/home_static/style.css
similarity index 100%
rename from homepage/style.css
rename to homepage/home_static/style.css
diff --git a/homepage/index.html b/homepage/index.html
index 33420692d..e93cf3308 100644
--- a/homepage/index.html
+++ b/homepage/index.html
@@ -20,8 +20,12 @@
       crossorigin="anonymous"
     />
 
-    <link rel="stylesheet" type="text/css" href="/style.css" />
-    <link rel="stylesheet" type="text/css" href="/asciinema-player.css" />
+    <link rel="stylesheet" type="text/css" href="home_static/style.css" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="home_static/asciinema-player.css"
+    />
   </head>
 
   <body>
@@ -75,7 +79,7 @@
             </h2>
 
             <div class="img-wrapper mb-4">
-              <img src="add_wrap.png" alt="screenshot" />
+              <img src="home_img/add_wrap.png" alt="screenshot" />
             </div>
             <p>
               Difftastic parses your code with
@@ -92,7 +96,7 @@
             <h2><span class="green">Ignore</span> Formatting Changes</h2>
 
             <div class="img-wrapper mb-4">
-              <img src="reformat.png" alt="screenshot" />
+              <img src="home_img/reformat.png" alt="screenshot" />
             </div>
             <p>
               Has your code formatter decided to split something over multiple
@@ -106,7 +110,7 @@
             <h2><span class="green">Visualise</span> Wrapping Changes</h2>
 
             <div class="img-wrapper mb-4">
-              <img src="wrap_struct.png" alt="screenshot" />
+              <img src="home_img/wrap_struct.png" alt="screenshot" />
             </div>
             <p>
               Have you added a wrapper? Difftastic can match the delimiters
@@ -114,7 +118,11 @@
             </p>
 
             <div class="img-wrapper mb-4">
-              <img src="change_wrap.png" class="mb-4" alt="screenshot" />
+              <img
+                src="home_img/change_wrap.png"
+                class="mb-4"
+                alt="screenshot"
+              />
             </div>
             <p>
               Even if you change the inner content, difftastic can still show
@@ -131,7 +139,11 @@
             </h2>
 
             <div class="img-wrapper mb-4">
-              <img src="line_numbers.png" class="mb-4" alt="screenshot" />
+              <img
+                src="home_img/line_numbers.png"
+                class="mb-4"
+                alt="screenshot"
+              />
             </div>
             <p>
               Do you know how to read
@@ -142,7 +154,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-5">
+      <div class="card px-2 py-2 mx-5 mt-5">
         <div class="card-body">
           <h2>60 Second <span class="green">Demo</span></h2>
 
@@ -164,7 +176,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="cplusplus.svg"
+                  data="home_img/cplusplus.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -178,7 +190,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="csharp.svg"
+                  data="home_img/csharp.svg"
                   type="image/svg+xml"
                 ></object>
                 <div>
@@ -193,7 +205,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="clojure.svg"
+                  data="home_img/clojure.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -209,7 +221,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="dart.svg"
+                  data="home_img/dart.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -225,7 +237,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="erlang.svg"
+                  data="home_img/erlang.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -241,7 +253,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="go.svg"
+                  data="home_img/go.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -257,7 +269,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="haskell.svg"
+                  data="home_img/haskell.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -273,7 +285,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="java.svg"
+                  data="home_img/java.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -289,7 +301,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="javascript.svg"
+                  data="home_img/javascript.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -305,7 +317,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="kotlin.svg"
+                  data="home_img/kotlin.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -321,7 +333,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="lisp.svg"
+                  data="home_img/lisp.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -337,7 +349,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="lua.svg"
+                  data="home_img/lua.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -353,7 +365,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="ocaml.svg"
+                  data="home_img/ocaml.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -369,7 +381,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="php.svg"
+                  data="home_img/php.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -385,7 +397,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="python.svg"
+                  data="home_img/python.svg"
                   type="image/svg+xml"
                 ></object>
                 <div>
@@ -400,7 +412,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="r.svg"
+                  data="home_img/r.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -416,7 +428,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="ruby.svg"
+                  data="home_img/ruby.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -432,7 +444,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="rust.svg"
+                  data="home_img/rust.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -448,7 +460,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="scala.svg"
+                  data="home_img/scala.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -464,7 +476,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="typescript.svg"
+                  data="home_img/typescript.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -502,7 +514,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="braces.svg"
+                  data="home_img/braces.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -518,7 +530,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="html5.svg"
+                  data="home_img/html5.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -534,7 +546,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="json.svg"
+                  data="home_img/json.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -550,7 +562,7 @@
                   class="me-3"
                   width="45px"
                   height="45px"
-                  data="yaml.svg"
+                  data="home_img/yaml.svg"
                   type="image/svg+xml"
                 ></object>
 
@@ -579,14 +591,14 @@
         <div class="card-body">
           <h2>Works With <span class="green">Git</span></h2>
           <div class="img-wrapper mb-4">
-            <img src="git_difftool.png" alt="screenshot" />
+            <img src="home_img/git_difftool.png" alt="screenshot" />
           </div>
           <p>
             See the
             <a href="https://difftastic.wilfred.me.uk/git.html"
-              >git configuration instructions</a
+              >git configuration</a
             >
-            in the manual.
+            instructions in the manual.
           </p>
         </div>
       </div>
@@ -618,13 +630,17 @@
       href="https://fonts.googleapis.com/css?family=Fontdiner+Swanky"
     />
 
-    <script src="/asciinema-player.min.js"></script>
+    <script src="home_static/asciinema-player.min.js"></script>
     <script>
-      AsciinemaPlayer.create("/demo.cast", document.getElementById("demo"), {
-        theme: "tango",
-        cols: 133,
-        rows: 24,
-      });
+      AsciinemaPlayer.create(
+        "home_static/demo.cast",
+        document.getElementById("demo"),
+        {
+          theme: "tango",
+          cols: 133,
+          rows: 24,
+        }
+      );
     </script>
   </body>
 </html>