Mer svg 🖌️

2023-11-30 17:00:36 +01:00
parent f2f5838dfb
commit 4d5e2b80b6
4 changed files with 19 additions and 3 deletions
--- 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>