From 4d5e2b80b664e692bc85e7d19038c7fd1c54a632 Mon Sep 17 00:00:00 2001
From: Trygve <trygve@posteo.net>
Date: Thu, 30 Nov 2023 17:00:36 +0100
Subject: [PATCH] =?UTF-8?q?Mer=20svg=20=F0=9F=96=8C=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/git.svg         |  2 ++
 img/pulse.svg       |  2 ++
 img/speedometer.svg |  8 ++++++++
 index.html          | 10 +++++++---
 4 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 img/git.svg
 create mode 100644 img/pulse.svg
 create mode 100644 img/speedometer.svg

diff --git a/img/git.svg b/img/git.svg
new file mode 100644
index 0000000..a062013
--- /dev/null
+++ b/img/git.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="16px" viewBox="0 0 16 16" width="16px"><filter id="a" height="100%" width="100%" x="0%" y="0%"><feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/></filter><mask id="b"><g filter="url(#a)"><path d="m -1.6 -1.6 h 19.2 v 19.2 h -19.2 z" fill-opacity="0.5"/></g></mask><clipPath id="c"><path d="m 0 0 h 1600 v 1200 h -1600 z"/></clipPath><mask id="d"><g filter="url(#a)"><path d="m -1.6 -1.6 h 19.2 v 19.2 h -19.2 z" fill-opacity="0.7"/></g></mask><clipPath id="e"><path d="m 0 0 h 1600 v 1200 h -1600 z"/></clipPath><mask id="f"><g filter="url(#a)"><path d="m -1.6 -1.6 h 19.2 v 19.2 h -19.2 z" fill-opacity="0.35"/></g></mask><clipPath id="g"><path d="m 0 0 h 1600 v 1200 h -1600 z"/></clipPath><path d="m 8 0 c -0.257812 0 -0.511719 0.0976562 -0.707031 0.292969 l -1.585938 1.585937 l 5.238281 5.234375 c 0.175782 -0.074219 0.363282 -0.113281 0.554688 -0.113281 c 0.828125 0 1.5 0.671875 1.5 1.5 s -0.671875 1.5 -1.5 1.5 s -1.5 -0.671875 -1.5 -1.5 c 0 -0.183594 0.035156 -0.363281 0.101562 -0.53125 l -2.050781 -2.050781 v 4.1875 c 0.574219 0.226562 0.949219 0.777343 0.949219 1.394531 c 0 0.828125 -0.671875 1.5 -1.5 1.5 s -1.5 -0.671875 -1.5 -1.5 c 0 -0.65625 0.425781 -1.234375 1.050781 -1.429688 v -5.152343 l -2.191406 -2.191407 l -4.566406 4.566407 c -0.3906252 0.390625 -0.3906252 1.023437 0 1.414062 l 7 7 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 7 -7 c 0.386719 -0.390625 0.386719 -1.023437 0 -1.414062 l -7 -7 c -0.195312 -0.1953128 -0.449219 -0.292969 -0.707031 -0.292969 z m 0 0" fill="#222222"/><g mask="url(#b)"><g clip-path="url(#c)" transform="matrix(1 0 0 1 -20 -584)"><path d="m 550 182 c -0.351562 0.003906 -0.695312 0.101562 -1 0.28125 v 3.4375 c 0.304688 0.179688 0.648438 0.277344 1 0.28125 c 1.105469 0 2 -0.894531 2 -2 s -0.894531 -2 -2 -2 z m 0 5 c -0.339844 0 -0.679688 0.058594 -1 0.175781 v 6.824219 h 4 v -4 c 0 -1.65625 -1.34375 -3 -3 -3 z m 0 0"/></g></g><g mask="url(#d)"><g clip-path="url(#e)" transform="matrix(1 0 0 1 -20 -584)"><path d="m 569 182 v 4 c 1.105469 0 2 -0.894531 2 -2 s -0.894531 -2 -2 -2 z m 0 5 v 7 h 3 v -4 c 0 -1.65625 -1.34375 -3 -3 -3 z m 0 0"/></g></g><g mask="url(#f)"><g clip-path="url(#g)" transform="matrix(1 0 0 1 -20 -584)"><path d="m 573 182.269531 v 3.449219 c 0.613281 -0.355469 0.996094 -1.007812 1 -1.71875 c 0 -0.714844 -0.382812 -1.375 -1 -1.730469 z m 0 4.90625 v 6.824219 h 2 v -4 c 0 -1.269531 -0.800781 -2.402344 -2 -2.824219 z m 0 0"/></g></g></svg>
diff --git a/img/pulse.svg b/img/pulse.svg
new file mode 100644
index 0000000..299e848
--- /dev/null
+++ b/img/pulse.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="16px" viewBox="0 0 16 16" width="16px"><filter id="a" height="100%" width="100%" x="0%" y="0%"><feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/></filter><mask id="b"><g filter="url(#a)"><path d="m -1.6 -1.6 h 19.2 v 19.2 h -19.2 z" fill-opacity="0.5"/></g></mask><clipPath id="c"><path d="m 0 0 h 1600 v 1200 h -1600 z"/></clipPath><mask id="d"><g filter="url(#a)"><path d="m -1.6 -1.6 h 19.2 v 19.2 h -19.2 z" fill-opacity="0.7"/></g></mask><clipPath id="e"><path d="m 0 0 h 1600 v 1200 h -1600 z"/></clipPath><mask id="f"><g filter="url(#a)"><path d="m -1.6 -1.6 h 19.2 v 19.2 h -19.2 z" fill-opacity="0.35"/></g></mask><clipPath id="g"><path d="m 0 0 h 1600 v 1200 h -1600 z"/></clipPath><g mask="url(#b)"><g clip-path="url(#c)" transform="matrix(1 0 0 1 -180 -316)"><path d="m 550 182 c -0.351562 0.003906 -0.695312 0.101562 -1 0.28125 v 3.4375 c 0.304688 0.179688 0.648438 0.277344 1 0.28125 c 1.105469 0 2 -0.894531 2 -2 s -0.894531 -2 -2 -2 z m 0 5 c -0.339844 0 -0.679688 0.058594 -1 0.175781 v 6.824219 h 4 v -4 c 0 -1.65625 -1.34375 -3 -3 -3 z m 0 0"/></g></g><g mask="url(#d)"><g clip-path="url(#e)" transform="matrix(1 0 0 1 -180 -316)"><path d="m 569 182 v 4 c 1.105469 0 2 -0.894531 2 -2 s -0.894531 -2 -2 -2 z m 0 5 v 7 h 3 v -4 c 0 -1.65625 -1.34375 -3 -3 -3 z m 0 0"/></g></g><g mask="url(#f)"><g clip-path="url(#g)" transform="matrix(1 0 0 1 -180 -316)"><path d="m 573 182.269531 v 3.449219 c 0.613281 -0.355469 0.996094 -1.007812 1 -1.71875 c 0 -0.714844 -0.382812 -1.375 -1 -1.730469 z m 0 4.90625 v 6.824219 h 2 v -4 c 0 -1.269531 -0.800781 -2.402344 -2 -2.824219 z m 0 0"/></g></g><path d="m 2 9 h 2 c 0.429688 0 0.8125 -0.277344 0.949219 -0.683594 l 2 -6 l -1.914063 -0.054687 l 3 11 c 0.113282 0.417969 0.480469 0.710937 0.90625 0.738281 c 0.429688 0.023438 0.828125 -0.230469 0.988282 -0.628906 l 2 -5 l -0.929688 0.628906 h 3 c 0.550781 0 1 -0.449219 1 -1 s -0.449219 -1 -1 -1 h -3 c -0.410156 0 -0.777344 0.25 -0.929688 0.628906 l -2 5 l 1.894532 0.109375 l -3 -11 c -0.117188 -0.425781 -0.496094 -0.726562 -0.9375 -0.738281 s -0.835938 0.265625 -0.976563 0.683594 l -2 6 l 0.949219 -0.683594 h -2 c -0.550781 0 -1 0.449219 -1 1 s 0.449219 1 1 1 z m 0 0"/></svg>
diff --git a/img/speedometer.svg b/img/speedometer.svg
new file mode 100644
index 0000000..3009a53
--- /dev/null
+++ b/img/speedometer.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16.011" height="16">
+    <g fill="#2e3436">
+        <path d="M8.017 1.001c-2.049 0-4.098.78-5.656 2.338-3.116 3.116-3.116 8.197 0 11.313a1 1 0 101.414-1.414 5.984 5.984 0 010-8.485 5.984 5.984 0 018.485 0 5.984 5.984 0 010 8.485 1 1 0 101.414 1.414c3.116-3.116 3.116-8.197 0-11.313a7.975 7.975 0 00-5.657-2.338z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible"/>
+        <path d="M10.017 8.995a2 2 0 01-2 2 2 2 0 01-2-2 2 2 0 012-2 2 2 0 012 2z"/>
+        <path d="M4.01 4.238a.75.75 0 00-.524 1.289l3 3A.751.751 0 107.55 7.464l-3-3a.75.75 0 00-.54-.226zM7.517 1.995v2h1v-2z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill-rule="evenodd"/>
+        <path d="M3.422 3.693l-.707.707 1.414 1.414.707-.707zM1.017 8.495v1h2v-1zM13.017 8.495v1h2v-1zM12.613 3.693L11.2 5.107l.707.707L13.32 4.4zM4.129 12.177l-1.414 1.414.707.707 1.414-1.414zM11.906 12.177l-.707.707 1.414 1.414.707-.707z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill-rule="evenodd"/>
+    </g>
+</svg>
diff --git a/index.html b/index.html
index f33773e..e94ea34 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
       font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Helvetica, sans-serif;
       font-size: x-large;
       text-align: center;
+      --lyseblå: rgb(101, 163, 255);
     }
     @media screen and (max-width: 500px) {
       body {
@@ -20,10 +21,10 @@
       }
     }
     a:link {
-      color: rgb(101, 163, 255);
+      color: var(--lyseblå);
     }
     a:visited {
-      color: rgb(101, 163, 255);
+      color: var(--lyseblå);
     }
     h1 {
       letter-spacing: 0.2px;
@@ -52,6 +53,9 @@
       margin-right: 0.2em;
       vertical-align: middle;
     }
+    .blue-svg {
+      filter: brightness(0) saturate(100%) invert(60%) sepia(54%) saturate(2103%) hue-rotate(192deg) brightness(100%) contrast(103%);
+    }
   </style>
 </head>
 <body>
@@ -64,7 +68,7 @@
   </ul>
   <h3>Mindre viktige lenker:</h3>
   <ul class="links">
-    <li><a href="https://trygve.me/phpsysinfo">Server status</a></li>
+    <li><a href="https://trygve.me/phpsysinfo"><img src="img/speedometer.svg" alt="Logo" class="logo blue-svg">Server status</a></li>
   </ul>
   <h3>Kontakt meg :)</h3>
   <p>epost: <a href="mailto:trygve@posteo.no">trygve@posteo.no</a> matrix: <a href="https://matrix.to/#/@trygve:trygve.net">@trygve:trygve.net</a></p>