diff --git a/Makefile b/Makefile index 36c31f4..cb9fc46 100644 --- a/Makefile +++ b/Makefile @@ -2,8 +2,8 @@ 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 niss_uwu_bg_dim.png niss_uwu_bg.png \ - cybre.png donphan.png types.png \ + bg.png bg_2x.png bg_dim.png bg_2x_dim.png \ + mlem.gif mlem_static.png cybre.png donphan.png types.png \ niss-nisse.mp3 niss-nisse.ogg \ ) \ $(wildcard media/*.svg) diff --git a/media/bg.kra b/media/bg.kra new file mode 100644 index 0000000..447459a Binary files /dev/null and b/media/bg.kra differ diff --git a/media/bg.png b/media/bg.png new file mode 100644 index 0000000..e5dcfc4 --- /dev/null +++ b/media/bg.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fe2fc260bacaaed167d1bf1ac23461ae26b7578bd81cc261c04d36362ec0c21b +size 14942 diff --git a/media/bg_2x.png b/media/bg_2x.png new file mode 100644 index 0000000..a3e2c78 --- /dev/null +++ b/media/bg_2x.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5e696cfb1f583c96dd14810696dba4e099830b1ef512b3d92481c414dab434eb +size 33823 diff --git a/media/niss_uwu_bg.png b/media/niss_uwu_bg.png deleted file mode 100644 index 030e2cd..0000000 --- a/media/niss_uwu_bg.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:03b02e64575394efb3673484e2775a2d2a12ab29fa40559a26389023bc91e48a -size 20880 diff --git a/style.css b/style.css index 8c2714a..a9ed13b 100644 --- a/style.css +++ b/style.css @@ -11,7 +11,9 @@ body { hsl(195deg, 100%, 67%), hsl(155deg, 70%, 62%) ); - --bg-image: url(media/niss_uwu_bg.png); + --bg-image: + image-set(url(media/bg.png) 1x, + url(media/bg_2x.png) 2x); --size: 1.75rem; --weight: 600; @@ -233,7 +235,9 @@ h1, h2 { --around-image: url(media/sparkles.svg); } hsl(195deg, 60%, 44%), hsl(155deg, 60%, 55%) ); - --bg-image: url(media/niss_uwu_bg_dim.png); + --bg-image: + image-set(url(media/bg_dim.png) 1x, + url(media/bg_2x_dim.png) 2x); } main {