put cake emojis around "im gecs"
This commit is contained in:
parent
802b3626f4
commit
f64216df4a
3 changed files with 5 additions and 2 deletions
3
Makefile
3
Makefile
|
@ -3,7 +3,8 @@ CSS = style.css
|
||||||
PAGES = index.html
|
PAGES = index.html
|
||||||
IMAGES = \
|
IMAGES = \
|
||||||
mlem.gif icon.png niss_uwu_bg.png \
|
mlem.gif icon.png niss_uwu_bg.png \
|
||||||
star_small.png sparkles_large.png niss_wave_large.png
|
star_small.png sparkles_large.png niss_wave_large.png \
|
||||||
|
shortcake_large.png
|
||||||
|
|
||||||
BUILDDIR ?= _build
|
BUILDDIR ?= _build
|
||||||
TMPDIR ?= _tmp
|
TMPDIR ?= _tmp
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<header>
|
<header>
|
||||||
<h1>so basically? <b>im gecs</b></h1>
|
<h1>so basically? <b class=cake>im gecs</b></h1>
|
||||||
<div id=mlem>
|
<div id=mlem>
|
||||||
<p class='mlem-text niss'>“mlem”</p>
|
<p class='mlem-text niss'>“mlem”</p>
|
||||||
<p class='mlem-text nisse'>“mlem also”</p>
|
<p class='mlem-text nisse'>“mlem also”</p>
|
||||||
|
|
|
@ -116,12 +116,14 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cake::before, .cake::after,
|
||||||
header rt::before, header rt::after,
|
header rt::before, header rt::after,
|
||||||
section h2::before, section h2::after {
|
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;
|
||||||
}
|
}
|
||||||
|
.cake::before, .cake::after { content: url(shortcake_large.png); }
|
||||||
header rt::before, header rt::after { content: url(star_small.png); }
|
header rt::before, header rt::after { content: url(star_small.png); }
|
||||||
section h2::before, section h2::after { content: url(sparkles_large.png); }
|
section h2::before, section h2::after { content: url(sparkles_large.png); }
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue