feat: navigation barHEADmaster

3 files changed, 30 insertions, 8 deletions

diff --git a/static/img/letter.png b/static/img/icons/mail.png
index 7348aed..7348aed 100755
--- a/static/img/letter.png
+++ b/static/img/icons/mail.png
diff --git a/static/img/icons/xmpp.png b/static/img/icons/xmpp.png
new file mode 100644
index 0000000..4ef9638
--- /dev/null
+++ b/static/img/icons/xmpp.png
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;