master
waifu 5 months ago
parent 81c34d6c3d
commit eda0b2f9e8
  1. 5
      home/library/index.html
  2. 1
      home/library/markdown/home.md
  3. BIN
      home/library/static/bg.jpg
  4. BIN
      home/library/static/frieren.jpg
  5. 23
      home/library/styles.css

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

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

BIN
home/library/static/bg.jpg (Stored with Git LFS)

Binary file not shown.

BIN
home/library/static/frieren.jpg (Stored with Git LFS)

Binary file not shown.

@ -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);
}

Loading…
Cancel
Save