stuff

home/library/index.html

@@ -11,9 +11,8 @@
     <div class="window">
         <div class="nav">
             <button onclick="loadContent('home.md')">Home</button>
-            <button onclick="loadContent('about.md')">About</button>
+            <a href="./logs/"><button>Logs</button></a>
-            <button onclick="loadContent('contact.md')">Contact</button>
+            <a href="./grimoire/"><button>Grimoire</button></a>
-            <button>Grimoire</button>
         </div>
         <div class="content" id="mainContent">
 

home/library/markdown/home.md

@@ -1,2 +1,3 @@
 # Library
 
+![](./static/frieren.jpg)

home/library/styles.css

@@ -5,7 +5,10 @@ body {
     align-items: center;
     height: 100vh;
     margin: 0;
-    background-color: #f0f0f0;
+    background-color: #211000;
+    background-image: url("./static/bg.jpg");
+    background-position: center;
+    background-repeat: no-repeat;
 }
 .window {
     display: flex;
@@ -36,9 +39,12 @@ body {
     color: white;
     cursor: pointer;
     transition: background-color 0.3s;
+    transform: 0.3s;
+
 }
 .nav button:hover {
-    background-color: #1abc9c;
+    background-color: #c2a25e;
+    transform: scale(1.05) rotate(1deg);
 }
 .content {
     width: 75%;
@@ -46,4 +52,15 @@ body {
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
     overflow-y: auto;
-}
+}
+
+.content img {
+    max-width: 100%;
+    height: auto;
+}
+
+/* Move when clicked */
+.nav button:active {
+    transform: scale(1.2);
+}
+