rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

use svgs for icons

Browse source
This commit is contained in:
Rhiannon Morris 2020-08-10 05:10:33 +02:00
parent c3747d7339
commit 83553cd0c7
5 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
Makefile
View file

@ -2,10 +2,9 @@ FONTS = $(shell find fonts -type f)
CSS = style.css CSS = style.css
PAGES = index.html PAGES = index.html
IMAGES = $(patsubst %,images/%, \ IMAGES = $(patsubst %,images/%, \
mlem.gif mlem_static.png icon.png \ mlem.gif mlem_static.png icon.svg \
niss_uwu_bg_dim.png niss_uwu_bg.png \ niss_uwu_bg_dim.png niss_uwu_bg.png \
info_small.png star_small.png sparkles_large.png niss_wave_large.png \ info.svg star.svg sparkles.svg niss_wave.svg shortcake.svg \
shortcake_large.png \
) )
BUILDDIR ?= _build BUILDDIR ?= _build

BIN
images/icon.png (Stored with Git LFS)
View file

Binary file not shown.

1
images/icon.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

2
index.html
View file

@ -68,7 +68,7 @@
</main> </main>
<footer> <footer>
<img src=images/niss_wave_large.png alt='' class=emojo> <img src=images/niss_wave.svg alt='' class=emojo>
<p> <p>
this site uses this site uses

14
style.css
View file

@ -111,7 +111,9 @@ dd {
text-decoration-thickness: 2px; text-decoration-thickness: 2px;
} }
[title]::after { [title]::after {
content: url(images/info_small.png); content: url(images/info.svg);
display: inline-block;
width: 0.75em; height: 0.75em;
vertical-align: text-top; vertical-align: text-top;
mix-blend-mode: hard-light; mix-blend-mode: hard-light;
} }
@ -141,15 +143,18 @@ section h2::before, section h2::after {
mix-blend-mode: overlay; mix-blend-mode: overlay;
padding: 0 0.25em; padding: 0 0.25em;
vertical-align: middle; vertical-align: middle;
display: inline-block;
height: 1em; width: 1em;
} }
.cake::before, .cake::after { content: url(images/shortcake_large.png); } .cake::before, .cake::after { content: url(images/shortcake.svg); }
header rt::before, header rt::after { content: url(images/star_small.png); } header rt::before, header rt::after { content: url(images/star.svg); }
section h2::before, section h2::after { section h2::before, section h2::after {
content: url(images/sparkles_large.png); content: url(images/sparkles.svg);
} }
.emojo { .emojo {
vertical-align: middle; vertical-align: middle;
height: 1.2em; width: 1.2em;
} }
footer { footer {
@ -171,7 +176,6 @@ footer {
} }
footer .emojo { footer .emojo {
display: block;
grid-area: e; grid-area: e;
} }