Added hex font

2026-03-20 15:58:56 +01:00
parent db8ca8247b
commit f04afeb5fb
2 changed files with 21 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -4,6 +4,9 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
  </head>
  <body class="bg-grey p-8">
@@ -17,7 +20,7 @@
          </div>
          <div class="w-3/5">
              <img class=""src="assets/title.png" />
-              <div class="flex flex-row outline-8 p-3 text-[2vw]">
+              <div class="flex flex-row outline-8 p-3 jb-mono text-[2vw] space-x-[2.5vw]">
                  <p>
                      000000<br>
                      000008<br>
@@ -27,7 +30,16 @@
                      000028<br>
                      000030<br>
                      000038<br>
-                      000048
+                  </p>
+                  <p>
+                      48 6f 77 64 79 20 21 20<br>
+                      49 74 27 73 20 6d 65 20<br>
+                      41 79 61 62 75 73 61 2c<br>
+                      77 65 6c 63 6f 6d 65 20<br>
+                      74 6f 20 6d 79 20 20 20<br>
+                      63 6f 72 6e 65 72 20 20<br>
+                      6f 66 20 74 68 65 20 20<br>
+                      77 65 62 0a
                  </p>
              </div>
          </div>
--- a/style.css
+++ b/style.css
@@ -6,3 +6,10 @@
    background-color: #071c2dff;
    color: #071c2dff;
 }
+
+.jb-mono {
+  font-family: "JetBrains Mono", monospace;
+  font-optical-sizing: auto;
+  font-weight: 900;
+  font-style: normal;
+}