From 008abff7be3e9810fb3693bf8f33635d9524b5c2 Mon Sep 17 00:00:00 2001
From: ilotterytea <iltsu@alright.party>
Date: Fri, 12 Dec 2025 14:50:15 +0500
Subject: feat: navigation bar

---
 static/img/icons/mail.png | Bin 0 -> 641 bytes
 static/img/icons/xmpp.png | Bin 0 -> 1636 bytes
 static/img/letter.png     | Bin 641 -> 0 bytes
 static/style.css          |  38 ++++++++++++++++++++++++++++++--------
 4 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100755 static/img/icons/mail.png
 create mode 100644 static/img/icons/xmpp.png
 delete mode 100755 static/img/letter.png

(limited to 'static')

diff --git a/static/img/icons/mail.png b/static/img/icons/mail.png
new file mode 100755
index 0000000..7348aed
Binary files /dev/null and b/static/img/icons/mail.png differ
diff --git a/static/img/icons/xmpp.png b/static/img/icons/xmpp.png
new file mode 100644
index 0000000..4ef9638
Binary files /dev/null and b/static/img/icons/xmpp.png differ
diff --git a/static/img/letter.png b/static/img/letter.png
deleted file mode 100755
index 7348aed..0000000
Binary files a/static/img/letter.png and /dev/null differ
diff --git a/static/style.css b/static/style.css
index 74332eb..6070bdb 100644
--- a/static/style.css
+++ b/static/style.css
@@ -40,26 +40,48 @@ p img {
     vertical-align: bottom;
 }
 
-.status {
+/** HEADER */
+header .links {
     display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+    flex-direction: row;
+
+    border-top: dashed 2px black;
+    border-bottom: dashed 2px black;
+    margin: 4px 0;
+
+    font-size: 18px;
 }
 
-.main-links {
+.links .crosspage-links {
     display: flex;
     flex-direction: row;
-    justify-content: space-around;
+    flex-grow: 1;
+}
+
+.crosspage-links a {
+    padding: 4px 8px;
+}
+
+.external-links a:hover {
+    background: unset;
+    color: black;
 }
 
-.main-links img {
+.external-links img {
     vertical-align: middle;
+    height: 24px;
+}
+
+.status {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 }
 
 .rain {
     width: 100%;
-    min-height: 10%;
+    min-height: 96px;
     background-image: url('/static/img/rain.gif');
     background-repeat: repeat;
 
-- 
cgit v1.2.3