update @ Thu 13 Oct 19:06:04 EEST 2022

Signed-off-by: Ari Archer <ari.web.xyz@gmail.com>

blog.json

@@ -474,6 +474,14 @@
             "time": 1664674334.939116,
             "keywords": "death suicide view opinion world reality sandbox",
             "hidden": false
+        },
+        "ari-web-blog-hyperlink-redesign": {
+            "title": "QXJpLXdlYiBibG9nIGh5cGVybGluayByZWRlc2lnbg==",
+            "content": "SSBhbSBzbyBjb25mdXNlZCwgSSBjYW5ub3QgdGhpbmsgb2YgYSBwcm9wZXIgbGluayBkZXNpZ24KYmVjYXVzZSBJIGhhdGUgdGhlIGdsb3cKCkFzIG9mIG5vdyBkZWFsIHdpdGggZ3JheSwgaXRhbGljIGxpbmtzIHdoaWNoIGhhdmUgYW4gdW5kZXJsaW5lCndoZW4geW91IGhvdmVyIG92ZXIgdGhlbQoKW0NlbGVzdGlhXShodHRwczovL2dpdGh1Yi5jb20vQ2VsZXN0aWFLYWkpIHN1Z2dlc3RlZCB0aGUgZGVzaWduLCBJIG1vZGlmaWVkIGl0IGxvbAoKW2hlcmUncyBzb21lIG90aGVyIGxpbmtdKCMhKQoKQW55d2F5LCBpZiB5J2FsbCB3YW50IGEgY2hhbmdlIGdvIG9uIFtDYU9dKC9jKSBhbmQgc3VnZ2VzdCwgSSdsbCBnbGFkbHkKYWRkIGl0LCBqdXN0IGRvbid0IGNvbnRyaWJ1dGUgYmMgb2YgPGh0dHBzOi8vYmxvZy5hcmktd2ViLnh5ei9iL3Jlc3RyaWN0aW5nLWNvbnRyaWJ1dGlvbnMtb24tYXJpLXdlYi8+CgpFbmpveSwgW2hlcmUncyBzb21lIGxpbmtdKCMhKQo=",
+            "version": 1,
+            "time": 1665676032.400291,
+            "keywords": "hyperlink html css",
+            "hidden": false
         }
     }
 }

content/styles.css

@@ -10,6 +10,8 @@
     --clr-code-fg: #f0f3e6;
     --clr-code-bg-dark: #181414;
 
+    --clr-link: #cdc4c4; /* #9e9b9b; */
+
     --scrollbar-height: 6px; /* TODO: Firefox */
 }
 
@@ -35,6 +37,8 @@
      * */
 
     scroll-behavior: smooth;
+
+    outline-offset: 3px;
 }
 
 ::-webkit-scrollbar,
@@ -55,9 +59,7 @@ body::-webkit-scrollbar {
     display: none !important;
 }
 
-/*
- * Removed because I want code blocks to scroll
- *
+/* Removed because I want code blocks to scroll
 code,
 code *,
 pre,
@@ -67,8 +69,7 @@ pre * {
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
 }
- *
- */
+*/
 
 body {
     margin: auto;
@@ -90,9 +91,29 @@ li {
 
 a {
     text-decoration: none;
-    text-shadow: 0px 0px 4px white;
+    color: var(--clr-link);
+    font-style: italic;
 }
 
+a:focus,
+a:hover {
+    text-decoration: underline;
+}
+
+/*
+a:not(li > a)::before {
+    content: "[";
+    font-style: bold;
+    color: #c9c3c3;
+}
+
+a:not(li > a)::after {
+    content: "]";
+    font-style: bold;
+    color: #c9c3c3;
+}
+*/
+
 pre,
 pre * {
     background-color: var(--clr-code-bg);
@@ -171,9 +192,9 @@ code:not(pre code) {
         -ms-overflow-style: initial !important;
     }
 
-    a {
-        text-shadow: none !important;
-
+    a,
+    a:focus,
+    a:hover {
         -webkit-text-decoration: underline dotted !important;
         text-decoration: underline dotted !important;
     }