buttons and some styling

2025-02-22 02:11:28 +01:00 · 2025-02-22 02:11:28 +01:00 · 587deb6e5c
commit 587deb6e5c
parent 39aabd9368
29 changed files with 36 additions and 6 deletions
--- a/buttons/antifa/button.gif
+++ b/buttons/antifa/button.gif
--- a/buttons/css/button.gif
+++ b/buttons/css/button.gif
--- a/buttons/debianlesbian/button.png
+++ b/buttons/debianlesbian/button.png
--- a/buttons/estrogen/button.gif
+++ b/buttons/estrogen/button.gif
--- a/buttons/fedi/button.gif
+++ b/buttons/fedi/button.gif
--- a/buttons/gay/button.gif
+++ b/buttons/gay/button.gif
--- a/buttons/learnhtml/button.gif
+++ b/buttons/learnhtml/button.gif
--- a/buttons/lesbian/button.png
+++ b/buttons/lesbian/button.png
--- a/buttons/linux/button.gif
+++ b/buttons/linux/button.gif
--- a/buttons/miku/button.png
+++ b/buttons/miku/button.png
--- a/buttons/mira/button.gif
+++ b/buttons/mira/button.gif
--- a/buttons/mira/button.svg
+++ b/buttons/mira/button.svg
--- a/buttons/mira/button_1.png
+++ b/buttons/mira/button_1.png
--- a/buttons/mira/button_2.png
+++ b/buttons/mira/button_2.png
--- a/buttons/mira/button_3.png
+++ b/buttons/mira/button_3.png
--- a/buttons/mira/button_4.png
+++ b/buttons/mira/button_4.png
--- a/buttons/mira/button_5.png
+++ b/buttons/mira/button_5.png
--- a/buttons/mira/button_6.png
+++ b/buttons/mira/button_6.png
--- a/buttons/mira/button_7.png
+++ b/buttons/mira/button_7.png
--- a/buttons/mira/button_8.png
+++ b/buttons/mira/button_8.png
--- a/buttons/nixos/button.gif
+++ b/buttons/nixos/button.gif
--- a/buttons/paws/button.gif
+++ b/buttons/paws/button.gif
--- a/buttons/sheher/button.gif
+++ b/buttons/sheher/button.gif
--- a/buttons/transnow/button.gif
+++ b/buttons/transnow/button.gif
--- a/buttons/transnow2/button.gif
+++ b/buttons/transnow2/button.gif
--- a/buttons/vi/button.gif
+++ b/buttons/vi/button.gif
--- a/buttons/wustlang/button.gif
+++ b/buttons/wustlang/button.gif
--- a/index.html
+++ b/index.html
@ -13,13 +13,37 @@

 <body>
  <main>
-    <h1>hiii :3</h1>
+    <div class="box">
+      <h1>hi, i'm mira</h1>
+      <p>come back soon™ to find something here</p>
+    </div>
  </main>
 </body>
 <footer id="footer">
-  <a href="https://twoneis.site">
-    <img src="button/button.gif" alt="mira" class="button">
-  </a>
+  <div class="box">
+    <a href="https://twoneis.site"><img src="buttons/mira/button.gif" alt="mira" class="button" /></a>
+    <img src="buttons/sheher/button.gif" alt="she/her" class="button" />
+    <img src="buttons/estrogen/button.gif" alt="powered by estrogen" class="button" />
+    <img src="buttons/lesbian/button.png" alt="lesbian" class="button" />
+    <a href="https://uwu.gal/about-us"><img src="https://uwu.gal/button.png" alt="uwu.gal 88x31 button" loading="lazy"
+        class="button" /></a>
+    <img src="buttons/debianlesbian/button.png" alt="debian for lesbians" class="button" />
+    <a href="https://rust-lang.org"><img src="buttons/wustlang/button.gif" alt="wust lang" class="button" /></a>
+    <a href="https://nixos.org"><img src="buttons/nixos/button.gif" alt="nixos" class="button" /></a>
+    <a href="https://transfemscience.org"> <img src="buttons/transnow/button.gif" alt="trans rights now"
+        class="button" /></a>
+    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML"><img src="buttons/learnhtml/button.gif" alt="learn html"
+        class="button" /></a>
+    <img src="buttons/antifa/button.gif" alt="antifa" class="button" />
+    <img src="buttons/miku/button.png" alt="this website is miku approved" class="button" />
+    <img src="buttons/paws/button.gif" alt="made with my own two paws" class="button" />
+    <a href="https://kernel.org"><img src="buttons/linux/button.gif" alt="linux powered" class="button" /></a>
+    <a href="https://tech.lgbt/@twoneis"> <img src="buttons/fedi/button.gif" alt="join fedi" class="button" /></a>
+    <img src="buttons/css/button.gif" alt="CSS is difficult" class="button" />
+    <a href="https://diyhrt.cafe"><img src="buttons/transnow2/button.gif" alt="trans your gender" class="button" /></a>
+    <a href="https://helix-editor.com"> <img src="buttons/vi/button.gif" alt="made with vi" class="button" /></a>
+    <img src="buttons/gay/button.gif" alt="this website is gay" class="button" />
+  </div>
 </footer>

 </html>
--- a/style.css
+++ b/style.css
@ -1,3 +1,8 @@
+* {
+  background-color: #191724;
+  color: #e0def4;
+}
+
 .button {
  width: 88px;
  height: 31px;
@ -5,7 +10,8 @@
  image-rendering: -webkit-optimize-contrast;
 }

-#footer {
+.box {
+  max-width: 800px;
  display: table;
  text-align: center;
  margin-left: auto;