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