diff --git a/home/library/index.html b/home/library/index.html index 751abff..39bd187 100644 --- a/home/library/index.html +++ b/home/library/index.html @@ -11,9 +11,8 @@
diff --git a/home/library/markdown/home.md b/home/library/markdown/home.md index 1b016ab..f1671c1 100644 --- a/home/library/markdown/home.md +++ b/home/library/markdown/home.md @@ -1,2 +1,3 @@ # Library +![](./static/frieren.jpg) \ No newline at end of file diff --git a/home/library/static/bg.jpg b/home/library/static/bg.jpg new file mode 100644 index 0000000..e3173d3 --- /dev/null +++ b/home/library/static/bg.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fdc32516635671b4849ef09cefcda03aacdae49e65bfbe55f3affd058aeaebcf +size 659401 diff --git a/home/library/static/frieren.jpg b/home/library/static/frieren.jpg new file mode 100644 index 0000000..2016086 --- /dev/null +++ b/home/library/static/frieren.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2775d3f83a514ad71a7970814163d08d74c9363cfb440e1ed14f26566bc4ce70 +size 370589 diff --git a/home/library/styles.css b/home/library/styles.css index 63c9972..05531f1 100644 --- a/home/library/styles.css +++ b/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; -} \ No newline at end of file +} + +.content img { + max-width: 100%; + height: auto; +} + +/* Move when clicked */ +.nav button:active { + transform: scale(1.2); +} +