Make relative

2025-05-25 20:15:34 +02:00
parent 1ac176f43d
commit 736d4fa2c5
2 changed files with 80 additions and 63 deletions
--- a/gowatch.yml
+++ b/gowatch.yml
@@ -0,0 +1,3 @@
+watch_exts:
+  - .html
+  - .go
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
    <head>
        <meta charset="UTF-8" />
@@ -8,6 +8,12 @@
        <style>
            body {
                display: flex;
+
+                margin: 0;
+                padding: 0;
+
+                width: 100%;
+                height: 100vh;
            }

            .spotify {
@@ -15,18 +21,26 @@
                align-items: center;
                column-gap: 16px;

+                padding: 0.5rem;
+
                /* Font */
-        font-family: Inter;
-        font-size: 24px;
+                font-family: Montserrat;
+                font-size: clamp(24px, 21vh, 140px);
+
                color: #fff;
+
+                background-color: black;
+                width: 100%;
            }

            .image {
-        width: 52px;
-        height: 52px;
+                aspect-ratio: 1;
+                height: 100%;
                border-radius: 8px;
                background-color: #e9e9e9;
                overflow: hidden;
+
+                max-height: 640px;
            }

            #cover {
@@ -37,7 +51,7 @@

            #artist {
                opacity: 0.6;
-        font-size: 16px;
+                font-size: clamp(16px, 12vh, 70px);
            }
        </style>
    </head>