change footer layout
This commit is contained in:
parent
370411535d
commit
def7ee0399
3 changed files with 20 additions and 3 deletions
2
Makefile
2
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 niss_wave_small.png
|
||||
star_small.png sparkles_large.png niss_wave_large.png
|
||||
|
||||
BUILDDIR ?= _build
|
||||
TMPDIR ?= _tmp
|
||||
|
|
|
@ -64,9 +64,12 @@
|
|||
</main>
|
||||
|
||||
<footer>
|
||||
<img src=niss_wave_small.png alt='' class=emojo>
|
||||
<img src=niss_wave_large.png alt='' class=emojo>
|
||||
|
||||
<p>
|
||||
this site uses
|
||||
<a href=https://mutant.tech>mutant standard</a>
|
||||
emoji, which are licensed
|
||||
<a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>cc-by-nc-sa 4</a>
|
||||
<a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>cc-by-nc-sa 4</a>.
|
||||
(the bg image is also by dzuk)
|
||||
</footer>
|
||||
|
|
14
style.css
14
style.css
|
@ -137,6 +137,20 @@ footer {
|
|||
color: black;
|
||||
text-shadow: none;
|
||||
font-weight: 400;
|
||||
|
||||
display: grid;
|
||||
grid-template: "e t" / 35px auto;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
footer .emojo {
|
||||
display: block;
|
||||
grid-area: e;
|
||||
}
|
||||
|
||||
footer p, footer div {
|
||||
grid-area: t;
|
||||
}
|
||||
|
||||
footer a {
|
||||
|
|
Loading…
Add table
Reference in a new issue