main: remove redundant %

app/View/Components/LastFMCurrent.php

@@ -16,6 +16,10 @@ public function __construct($track) {
         $this->track = $track;
         if (isLegacy()) {
             $path = parse_url($track["image"], PHP_URL_PATH);
+            if ($track["image"] === "") {
+                $this->artUrl = null;
+                return;
+            }
             $this->artUrl = "//".request()->getHttpHost()."/proxy/lastfm/".basename($path);
         } else {
             $this->artUrl = $track["image"];

public/css/dirlist.css

@@ -1,7 +1,7 @@
 body {
-  background-color: #f2efbd;
+  color: #2f2f42;
-  color: #2a271c;
   margin: 20px;
+  background: #80c9fa url("/images/peek.png") no-repeat bottom right 10px fixed;
 }
 
 img {
@@ -9,12 +9,12 @@ img {
 }
 
 a {
-  color: hsl(183, 93%, 27%);
+  color: #2f2f42;
   text-decoration: underline dotted;
 }
 
 a:hover {
-  color: hsl(183, 93%, 15%);
+  color: #2f2f42;
   text-decoration: underline solid;
 }
 
@@ -47,3 +47,8 @@ .description {
   font-size: 90%;
 }
 
+hr {
+    border: none;
+    border-bottom: 2px solid #2f2f42;
+}
+

public/css/master.css

@@ -1,14 +1,14 @@
 :root {
-    --background: #f2efbd;
+    --background: hsl(214, 67%, 85%);
-    --foreground: #2a271c;
+    --foreground: hsl(214, 20%, 14%);
-    --border-color: #f27405;
+    --border-color: hsl(214, 96%, 48%);
     --border: var(--border-color) 2px solid;
-    --shadow-color: hsla(11, 96%, 43%, 0.4);
+    --shadow-color: hsla(214, 96%, 43%, 0.4);
     --shadow: drop-shadow(8px 8px var(--shadow-color));
     --shadow-small: drop-shadow(3px 3px var(--shadow-color));
-    --links: hsl(92, 27%, 22%);
+    --links: hsl(214, 27%, 22%);
-    --links-hover: hsl(92, 27%, 15%)
+    --links-hover: hsl(214, 27%, 15%);
-    --table-header: hsla(11, 96%, 43%, 0.2);
+    --table-header: hsla(214, 96%, 43%, 0.2);
 }
 
 /* ───────────────────────────────────── Fonts ────────────────────────────────────── */
@@ -74,7 +74,7 @@ #prideflag {
     top: 0;
     right: 0;
     width: 120px;
-    transform-origin: 100% 0%;
+    transform-origin: 100% 0;
     transition: transform .5s cubic-bezier(.32,1.63,.41,1.01);
     z-index: 8008135;
 }
@@ -98,24 +98,13 @@ html {
 body {
     color: var(--foreground);
     min-height: 100%;
-    background-color: hsla(0, 0%, 0%, 0);
+    background: url('/images/roscoe_tile.jpg');
     padding: 5px;
-    font-family: "PT Serif";
+    font-family: "PT Serif", serif;
 }
 
-body::before {
+img.logo_paw {
-    content: "";
+    filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(300%);
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-image: url("/images/background.jpg");
-    width: 100%;
-    height: 100%;
-    z-index: -1;
-    opacity: 0.8;
-    background-size: cover;
-    background-attachment: fixed;
-    overflow: hidden;
 }
 
 h1,
@@ -170,7 +159,7 @@ div.page-container > div:last-child {
 
 header {
     display: grid;
-    grid-template-columns: 80px 1fr;
+    grid-template-columns: 64px 1fr;
     grid-template-rows: 1fr;
     grid-column-gap: 15px;
     grid-row-gap: 0;

resources/views/components/lastfm-current.blade.php

@@ -1,6 +1,8 @@
 @if (isLegacy())
     <table border="0" cellpadding="0" cellspacing="0"><tr>
-            <td><img src="{{ $artUrl }}" alt="Album cover for {{ $track["title"] }} by {{ $track["artist"] }}"></td>
+            @if ($artUrl !== null)
+                <td><img src="{{ $artUrl }}" alt="Album cover for {{ $track["title"] }} by {{ $track["artist"] }}"></td>
+            @endif
             <td width="10px">&nbsp;</td>
             <td>
                 <h2>{{ $track["header"] }}:</h2>

resources/views/components/layout-legacy.blade.php

@@ -18,7 +18,7 @@
                     </td>
                     <td valign="middle"><font color="#FFFFFF" face="sans-serif">
                             <font size="+10"><b><i>wah! (dot moe)</i></b></font><br>
-                            <i>"i mean it looks alright, but then you realise its all tables" ~ alice</i>
+                            <i>"i mean it looks alright, but then you realise its all tables" ~ <a href="https://nve.wtf/~alice/">alice</a></i>
                         </font></td>
                 </tr>
             </table>

resources/views/components/layout.blade.php

@@ -27,7 +27,7 @@
         <div id="header">
             <header>
                 <div>
-                    <img src="{{ asset('/images/wah-paw-v2.gif') }}" width="84" alt="A pixel art depiction of a paw, in three alternating shades of orange.">
+                    <img class="logo_paw" src="{{ asset('/images/logo-v2.png') }}" width="65" alt="A pixel art depiction of a paw, in three alternating shades of blue.">
                 </div>
                 <div>
                     <h1>wah!</h1>