ella/elladunbar.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add sticky footer

Browse source
This commit is contained in:
Ella Dunbar 2025-11-06 18:57:38 -06:00
parent e5ca253838
commit 35ac0d3bd8
4 changed files with 24 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
full/index.html
View file

@ -13,19 +13,20 @@
<body>
<div class="drop-shadow">
<header>
<hr>
<strong>elladunbar.com</strong>
<nav>
<a href="https://elladunbar.com">Home</a> | Blog [coming soon!] | RSS and Atom feeds [coming soon!] | <a
href="https://git.elladunbar.com">Forgejo</a>
</nav>
<label>
Color Scheme
Theme Picker
<select>
<option value="drifting">Drifting</option>
<option value="ascendant">Ascendant</option>
<option value="aristocratic">Aristocratic</option>
</select>
</label>
<nav>
<a href="https://elladunbar.com">Home</a> | Blog [coming soon!] | RSS and Atom feeds [coming soon!] | <a
href="https://git.elladunbar.com">Forgejo</a>
</nav>
<hr>
</header>
@ -78,6 +79,7 @@
<hr>
<p>Ella Dunbar | Updated on 2025-10-18 | <a href="https://git.elladunbar.com/ella/elladunbar.com">Source</a> |
Contact: web [at] elladunbar.com</p>
<hr>
</footer>
</div>
</body>

22
full/style.css
View file

@ -101,8 +101,15 @@ html:has(option[value="aristocratic"]:checked) {
/* structural */
body {
background: var(--color-background);
margin: 0 auto;
max-width: max(768px, 80ch);
.drop-shadow {
display: flex;
flex-direction: column;
min-height: 100vh;
}
}
html {
@ -116,7 +123,7 @@ html {
Helvetica,
Arial,
sans-serif;
/* respect user font choices */
/* respect user font size */
font-size: 100%;
font-weight: 400;
color: var(--color-text);
@ -133,13 +140,15 @@ header {
}
label {
font-size: 0.8rem;
display: block;
margin: 0.5rem;
font-size: 0.9rem;
}
}
footer {
background: var(--color-header-footer);
font-size: 0.8rem;
font-size: 0.9rem;
p {
margin: 0.5rem;
@ -148,7 +157,10 @@ footer {
main {
background: var(--color-main);
padding: 1rem;
flex: 1;
}
nav {
@ -176,10 +188,6 @@ p {
/* hypertextual */
/* listing */
/* forms */
label {
margin: 0.5rem;
}
/* basic table */
/* image */
/* presentation */