moar css + buttons

8 files changed, 52 insertions, 6 deletions

diff --git a/src/assets/buttons/emacs.png b/src/assets/buttons/emacs.png
new file mode 100644
index 0000000..7277b5e
--- /dev/null
+++ b/src/assets/buttons/emacs.png
diff --git a/src/assets/buttons/gentoo-badge.png b/src/assets/buttons/gentoo-badge.png
new file mode 100644
index 0000000..971ffe2
--- /dev/null
+++ b/src/assets/buttons/gentoo-badge.png
diff --git a/src/assets/buttons/kitten.gif b/src/assets/buttons/kitten.gif
new file mode 100644
index 0000000..fb8eca5
--- /dev/null
+++ b/src/assets/buttons/kitten.gif
diff --git a/src/assets/buttons/n1l.gif b/src/assets/buttons/n1l.gif
new file mode 100644
index 0000000..1ac0666
--- /dev/null
+++ b/src/assets/buttons/n1l.gif
diff --git a/src/assets/buttons/unlife.png b/src/assets/buttons/unlife.png
new file mode 100644
index 0000000..71524d7
--- /dev/null
+++ b/src/assets/buttons/unlife.png
diff --git a/src/assets/buttons/xnfm.png b/src/assets/buttons/xnfm.png
new file mode 100644
index 0000000..b7c36e8
--- /dev/null
+++ b/src/assets/buttons/xnfm.png
diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css
index 079ce11..96910b7 100644
--- a/src/assets/stylesheet.css
+++ b/src/assets/stylesheet.css
@@ -1,3 +1,11 @@
+:root
+{
+    --bg: #101010;
+    --text: white;
+    --main: limegreen;
+    --accent: lime;
+}
+
 .footpara
 {
     display: inline;
@@ -7,18 +15,19 @@
 {
     max-width: 60em;
     margin: auto;
+    font-family: serif;
 }
 
 body
 {
-    background-color: #101010;
-    color: white;
+    background-color: var(--bg);
+    color: var(--text);
 }
 
 .logo
 {
     text-align: center;
-    color: limegreen;
+    color: var(--main);
     user-select: none;
     margin: 0;
     padding: 0;
@@ -27,7 +36,24 @@ body
 
 .logo:hover
 {
-    color: lime;
+    color: var(--accent);
+}
+
+a
+{
+    color: var(--main);
+    text-decoration: none;
+    border: 1px solid transparent;
+}
+
+a:hover
+{
+    color: var(--bg);
+    background-color: var(--main);
+}
+a:has(> img):hover
+{
+    background-color: transparent;
 }
 
 nav
@@ -41,3 +67,9 @@ ul li
 {
     list-style-type: none;
 }
+
+hr
+{
+    border-color: var(--main);
+    border-style: dashed;
+}
diff --git a/src/index.org b/src/index.org
index 36d5bfd..4febdfd 100644
--- a/src/index.org
+++ b/src/index.org
@@ -2,7 +2,7 @@
 #+TITLE: LEMURIAN MAGE
 
 #+ATTR_HTML: :class logo
-#+BEGIN_EXAMPLE 
+#+BEGIN_EXAMPLE
 @@@      @@@@@@@@ @@@@@@@@@@  @@@  @@@ @@@@@@@  @@@  @@@@@@  @@@  @@@
 @@!      @@!      @@! @@! @@! @@!  @@@ @@!  @@@ @@! @@!  @@@ @@!@!@@@
 @!!      @!!!:!   @!! !!@ @!@ @!@  !@! @!@!!@!  !!@ @!@!@!@! @!@@!!@!
@@ -14,11 +14,25 @@
 @!! !!@ @!@ @!@!@!@! !@! @!@!@ @!!!:!  
 !!:     !!: !!:  !!! :!!   !!: !!:     
  :      :    :   : :  :: :: :  : :: :::
+                                                                              
 #+END_EXAMPLE
+
 #+BEGIN_nav
 [ [[file:about.org][about]] ] [ [[file:blog/index.org][blog]] ] [ [[file:contact.org][contact]] ]
 #+END_nav
 * Recent posts
-
 #+INCLUDE: "blog/index.org" :lines "3-8"
 
+#+HTML: <hr>
+
+#+ATTR_HTML: :style display: grid; place-items: center;
+#+BEGIN_div
+[[https://xenofem.me][file:assets/buttons/xnfm.png]]
+[[https://magentahardcore.com][file:assets/buttons/n1l.gif]]
+[[https://nyx.land][file:assets/buttons/unlife.png]]
+[[https://kittenlikeasmallcat.neocities.org][file:assets/buttons/kitten.gif]]
+
+[[https://gentoo.org][file:assets/buttons/gentoo-badge.png]]
+[[https://www.gnu.org/software/emacs][file:assets/buttons/emacs.png]]
+#+END_div
+