From 370411535d8901cf36450f78056a51c04a5a1bde Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Thu, 2 Jul 2020 21:50:01 +0200 Subject: [PATCH] mutstd note and more style stuff --- Makefile | 2 +- index.html | 8 ++++++ niss_wave.svg | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 47 ++++++++++++++++++++++++------------ 4 files changed, 108 insertions(+), 16 deletions(-) create mode 100644 niss_wave.svg diff --git a/Makefile b/Makefile index d08d098..946d7db 100644 --- a/Makefile +++ b/Makefile @@ -3,7 +3,7 @@ CSS = style.css PAGES = index.html IMAGES = \ mlem.gif icon.png niss_uwu_bg.png \ - star_small.png sparkles_large.png + star_small.png sparkles_large.png niss_wave_small.png BUILDDIR ?= _build TMPDIR ?= _tmp diff --git a/index.html b/index.html index d0abff9..3cbfb19 100644 --- a/index.html +++ b/index.html @@ -62,3 +62,11 @@ + + diff --git a/niss_wave.svg b/niss_wave.svg new file mode 100644 index 0000000..6e8d074 --- /dev/null +++ b/niss_wave.svg @@ -0,0 +1,67 @@ + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/style.css b/style.css index 6ca7440..7104c00 100644 --- a/style.css +++ b/style.css @@ -49,11 +49,10 @@ h1 { } #mlem { - margin: 36px auto 0; + margin: 36px auto -50px; position: relative; height: 219px; width: 420px; - z-index: 1; } .mlem-text { position: absolute; @@ -64,24 +63,19 @@ h1 { .nisse { bottom: 85%; right: 0; } #mlem img { filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%)); - z-index: 0; } header { - margin: -20pt 0 0 0; + margin: 0; ruby-position: under; } +header h1 { + margin-top: 0; +} header rt { font-size: 60%; font-style: italic; } -header rt::before, header rt::after { - content: url(star_small.png); - mix-blend-mode: overlay; - height: 1em; - padding: 0 0.25em; - vertical-align: middle; -} hr { height: 2px; @@ -119,9 +113,32 @@ a { text-decoration: none; } -main h2::before, main h2::after { - content: url(sparkles_large.png); - vertical-align: middle; - padding: 0 0.25em; +header rt::before, header rt::after, +section h2::before, section h2::after { mix-blend-mode: overlay; + padding: 0 0.25em; + vertical-align: middle; +} +header rt::before, header rt::after { content: url(star_small.png); } +section h2::before, section h2::after { content: url(sparkles_large.png); } + +.emojo { + vertical-align: middle; +} + +footer { + background: hsla(0, 0%, 100%, 70%); + max-width: 35em; + margin: 2em auto 0; + padding: 0.25em 0.75em; + border-radius: 0.5em; + font-size: 85%; + + color: black; + text-shadow: none; + font-weight: 400; +} + +footer a { + color: hsl(254deg, 50%, 50%); }