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
|
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_small.png
|
star_small.png sparkles_large.png niss_wave_large.png
|
||||||
|
|
||||||
BUILDDIR ?= _build
|
BUILDDIR ?= _build
|
||||||
TMPDIR ?= _tmp
|
TMPDIR ?= _tmp
|
||||||
|
|
|
@ -64,9 +64,12 @@
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<img src=niss_wave_small.png alt='' class=emojo>
|
<img src=niss_wave_large.png alt='' class=emojo>
|
||||||
|
|
||||||
|
<p>
|
||||||
this site uses
|
this site uses
|
||||||
<a href=https://mutant.tech>mutant standard</a>
|
<a href=https://mutant.tech>mutant standard</a>
|
||||||
emoji, which are licensed
|
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>
|
</footer>
|
||||||
|
|
14
style.css
14
style.css
|
@ -137,6 +137,20 @@ footer {
|
||||||
color: black;
|
color: black;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
font-weight: 400;
|
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 {
|
footer a {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue