feat: basic website style

2024-12-26 04:13:45 +00:00 · 2024-12-26 04:13:45 +00:00 · 55eaa057ad
commit 55eaa057ad
parent 77c7b9cade
6 changed files with 63 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -4,9 +4,31 @@
    <meta charset="UTF-8" />
    <title>Shaders are Fun</title>
    <link rel="icon" href="https://fav.farm/🐴" />
+    <link rel="stylesheet" type="text/css" href="/style.css" />
    <script defer src="main.mjs" type="module"></script>
  </head>
  <body>
-    <canvas id="shader"> </canvas>
+    <main>
+      <h1 style="margin-bottom: 0px">
+        <svg viewBox="0 0 1000 40" xmlns="http://www.w3.org/2000/svg">
+          <text
+            x="500"
+            text-anchor="middle"
+            dominant-baseline="hanging"
+            fill="#51fefe"
+            stroke-width="6"
+            paint-order="stroke"
+          >
+            Stitchy's Shaders
+          </text>
+        </svg>
+      </h1>
+      <div class="render">
+        <canvas id="shader"> </canvas>
+      </div>
+      <div style="padding: 1rem">
+        <button id="reset_button">Reset</button>
+      </div>
+    </main>
  </body>
 </html>