idk this took way too long and its not even good

2025-08-06 15:51:59 -07:00
parent cd93ca43ec
commit 2f906b4b89
4 changed files with 30 additions and 12 deletions
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
@@ -11,19 +11,19 @@
        <link rel="dns-prefetch" href="https://archz.miningtcup.me/" />
        <link rel="dns-prefetch" href="https://archlinux.org/" />
        <link rel="dns-prefetch" href="https://hypr.land/" />
-        <link rel="preload" href="discord.png" as="image" type="image/png" />
-        <link rel="preload" href="protonmail.png" as="image" type="image/png" />
-        <link rel="preload" href="phone.webp" as="image" type="image/webp" />
    </head>
    <body>
        <div class="centerer">
            <div id="content">
                <div id="title-1">
-                    <h1>
-                        Ted Pier<span class="subtitle"
-                            >&nbsp;a.k.a. MiningTcup</span
-                        >
-                    </h1>
+                    <img src="lulu.webp" alt="Lulu the dog" />
+                    <div class="h1-container">
+                        <h1>
+                            Ted Pier<span class="subtitle">
+                                &nbsp;a.k.a. MiningTcup
+                            </span>
+                        </h1>
+                    </div>
                </div>
                <hr />
                <section>
--- a/lulu.webp
+++ b/lulu.webp
--- a/style.css
+++ b/style.css
@@ -89,17 +89,34 @@ p {
 }

 #title-1 {
-    background-image: url(lulu.webp);
-    background-size: 60%;
-    background-position: 100% 35%;
    color: light-dark(white, black);
+    overflow: hidden;
+    position: relative;
 }

-#title-1 * {
+#title-1 > .h1-container {
    margin: 0;
    padding: 16px;
    background: light-dark(black, whitesmoke);
    width: max-content;
+    height: max-content;
+    z-index: 1;
+    display: block;
+    position: relative;
+}
+
+#title-1 > div > h1 {
+    margin: 0;
+}
+
+#title-1 > img {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 0;
+    display: block;
+    height: 100%;
 }

 .disabled {
@@ -112,6 +129,7 @@ body {
    position: relative;
    background: light-dark(whitesmoke, black);
    color: light-dark(black, whitesmoke);
+    display: block;
 }

 #click-to-reveal-prompt {