diff --git a/Makefile b/Makefile
index 9405340..36c31f4 100644
--- a/Makefile
+++ b/Makefile
@@ -2,12 +2,11 @@ FONTS = $(shell find fonts -type f)
CSS = style.css where.css
PAGES = index.html where.html pubkey.txt
MEDIA = $(patsubst %,media/%, \
- mlem.gif mlem_static.png icon.svg \
- niss_uwu_bg_dim.png niss_uwu_bg.png \
- info.svg star.svg sparkles.svg 18_plus.svg \
- cybre.png donphan.png types.png dragncool.svg \
+ mlem.gif mlem_static.png niss_uwu_bg_dim.png niss_uwu_bg.png \
+ cybre.png donphan.png types.png \
niss-nisse.mp3 niss-nisse.ogg \
- )
+ ) \
+ $(wildcard media/*.svg)
BUILDDIR ?= _build
TMPDIR ?= _tmp
diff --git a/index.html b/index.html
index 99a5525..b939a02 100644
--- a/index.html
+++ b/index.html
@@ -34,10 +34,29 @@
@@ -77,7 +96,7 @@ window.addEventListener('DOMContentLoaded', () => {
diff --git a/media/art.svg b/media/art.svg
new file mode 100644
index 0000000..61a98f1
--- /dev/null
+++ b/media/art.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/media/code.svg b/media/code.svg
new file mode 100644
index 0000000..8103349
--- /dev/null
+++ b/media/code.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/media/contact.svg b/media/contact.svg
new file mode 100644
index 0000000..257b902
--- /dev/null
+++ b/media/contact.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/media/speech.svg b/media/speech.svg
new file mode 100644
index 0000000..255e1ad
--- /dev/null
+++ b/media/speech.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/style.css b/style.css
index 5f0ac5c..b2a485d 100644
--- a/style.css
+++ b/style.css
@@ -172,6 +172,15 @@ h1, h2 { --around-image: url(media/sparkles.svg); }
}
+#links .icon {
+ display: block;
+ margin: auto;
+ height: 1.5em;
+ width: 1.5em;
+ filter: drop-shadow(0 0 10px var(--glow-col));
+}
+
+
.ipa {
font-family: NotoSans;
font-weight: 900;
@@ -180,14 +189,14 @@ h1, h2 { --around-image: url(media/sparkles.svg); }
#links ul {
- display: flex;
- justify-content: center;
- align-items: center;
- grid-column-gap: 2em;
+ display: grid;
+ grid-column-gap: 1em;
+ grid-template-columns: repeat(auto-fit, minmax(3em, 1fr));
+ max-width: 85%;
margin: auto;
padding: 0;
- font-size: 150%;
+ font-size: 125%;
}
#links li { list-style: none; }