thatonelutenist/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Setup footer

Browse source
This commit is contained in:
Nathan McCarty 2025-02-15 04:48:40 -05:00
parent 63e581ac03
commit 3069e480a4
7 changed files with 163 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
resources/colors.css
View file

@ -91,6 +91,15 @@ blockquote {
.unit-test .bx-info-circle {
color: var(--yellow);
}
footer {
background-color: var(--bg-0);
}
footer > div {
background-color: var(--bg-1);
}
.footer-link {
background-color: var(--bg-2);
}
/* Colorization for idris code blocks */
code {

68
resources/main.css
View file

@ -8,6 +8,7 @@
--box-padding-horz: 1rem;
--box-margin-vert: 0.5rem;
--box-margin-horz: 0.5rem;
--footer-padding: 0.25rem;
--box-gap: 0.5rem;
--box-radius: 1rem;
}
@ -79,10 +80,16 @@ body, .post, .series {
flex-wrap: wrap;
margin-top: var(--box-margin-vert);
}
.header-links > a > span, .post-series-tag > a > span, .post-tag > a > span {
.header-links > a > span,
.post-series-tag > a > span,
.post-tag > a > span,
.footer-link > a > div {
text-decoration: underline;
}
.header-links > a, .post-series-tag > a, .post-tag > a {
.header-links > a,
.post-series-tag > a,
.post-tag > a,
.footer-link > a {
text-decoration: none;
}
@ -174,7 +181,6 @@ blockquote {
.tag-blurb-links {
display: block;
border-radius: var(--box-radius);
border-radius: var(--box-radius);
display: flex;
flex-flow: row wrap;
gap: var(--box-gap);
@ -197,6 +203,60 @@ blockquote {
.tag-blurb-title {
margin-top: var(--box-margin-vert);
margin-bottom: 0;
font-size: 1.5em;
font-size: 1.5rem;
font-weight: bold;
}
/* Style the footer */
footer {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--box-gap);
max-width: var(--content-width);
width: 100%;
border-radius: var(--box-radius);
padding: var(--box-padding-vert) var(--box-padding-horz);
font-size: 0.8rem;
}
footer > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
flex: 1;
gap: var(--box-gap);
border-radius: var(--box-radius);
padding: var(--footer-padding);
}
.footer-title {
font-size: 1rem;
font-weight: bold;
}
footer i {
font-size: 1rem;
line-height: 0.8rem;
}
.footer-link > a {
margin-left: 0.25rem;
}
.footer-link > img {
height: 1rem;
width: 1rem;
margin: 0.1rem;
}
.footer-links {
display: flex;
flex-flow: row wrap;
/* align-items: center; */
gap: var(--box-gap);
border-radius: var(--box-radius);
padding: var(--footer-padding);
}
.footer-link {
display: flex;
flex-flow: row nowrap;
align-content: center;
border-radius: 0.25rem;
padding: var(--footer-padding);
}