Organise and tweak favicon

2023-12-27 23:17:54 +07:00 · 2023-12-27 23:17:54 +07:00 · b62afea116
parent 7065956800
commit b62afea116
37 changed files with 57 additions and 41 deletions
--- a/homepage/favicon.ico
+++ b/homepage/favicon.ico
--- a/homepage/home_img/add_wrap.png
+++ b/homepage/home_img/add_wrap.png
--- a/homepage/home_img/braces.svg
+++ b/homepage/home_img/braces.svg
--- a/homepage/home_img/change_wrap.png
+++ b/homepage/home_img/change_wrap.png
--- a/homepage/home_img/clojure.svg
+++ b/homepage/home_img/clojure.svg
--- a/homepage/home_img/cplusplus.svg
+++ b/homepage/home_img/cplusplus.svg
--- a/homepage/home_img/csharp.svg
+++ b/homepage/home_img/csharp.svg
--- a/homepage/home_img/dart.svg
+++ b/homepage/home_img/dart.svg
--- a/homepage/home_img/difft_screenshot.png
+++ b/homepage/home_img/difft_screenshot.png
--- a/homepage/home_img/erlang.svg
+++ b/homepage/home_img/erlang.svg
--- a/homepage/home_img/git_difftool.png
+++ b/homepage/home_img/git_difftool.png
--- a/homepage/home_img/go.svg
+++ b/homepage/home_img/go.svg
--- a/homepage/home_img/haskell.svg
+++ b/homepage/home_img/haskell.svg
--- a/homepage/home_img/html5.svg
+++ b/homepage/home_img/html5.svg
--- a/homepage/home_img/java.svg
+++ b/homepage/home_img/java.svg
--- a/homepage/home_img/javascript.svg
+++ b/homepage/home_img/javascript.svg
--- a/homepage/home_img/json.svg
+++ b/homepage/home_img/json.svg
--- a/homepage/home_img/kotlin.svg
+++ b/homepage/home_img/kotlin.svg
--- a/homepage/home_img/line_numbers.png
+++ b/homepage/home_img/line_numbers.png
--- a/homepage/home_img/lisp.svg
+++ b/homepage/home_img/lisp.svg
--- a/homepage/home_img/lua.svg
+++ b/homepage/home_img/lua.svg
--- a/homepage/home_img/ocaml.svg
+++ b/homepage/home_img/ocaml.svg
--- a/homepage/home_img/php.svg
+++ b/homepage/home_img/php.svg
--- a/homepage/home_img/python.svg
+++ b/homepage/home_img/python.svg
--- a/homepage/home_img/r.svg
+++ b/homepage/home_img/r.svg
--- a/homepage/home_img/reformat.png
+++ b/homepage/home_img/reformat.png
--- a/homepage/home_img/ruby.svg
+++ b/homepage/home_img/ruby.svg
--- a/homepage/home_img/rust.svg
+++ b/homepage/home_img/rust.svg
--- a/homepage/home_img/scala.svg
+++ b/homepage/home_img/scala.svg
--- a/homepage/home_img/typescript.svg
+++ b/homepage/home_img/typescript.svg
--- a/homepage/home_img/wrap_struct.png
+++ b/homepage/home_img/wrap_struct.png
--- a/homepage/home_img/yaml.svg
+++ b/homepage/home_img/yaml.svg
--- a/homepage/home_static/asciinema-player.css
+++ b/homepage/home_static/asciinema-player.css
--- a/homepage/home_static/asciinema-player.min.js
+++ b/homepage/home_static/asciinema-player.min.js
--- a/homepage/home_static/demo.cast
+++ b/homepage/home_static/demo.cast
--- a/homepage/home_static/style.css
+++ b/homepage/home_static/style.css
--- 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>