Skip to content

Commit

Permalink
style footer
Browse files Browse the repository at this point in the history
  • Loading branch information
Wordius committed Jun 2, 2024
1 parent 4d70cf0 commit 9008504
Show file tree
Hide file tree
Showing 7 changed files with 45 additions and 21 deletions.
1 change: 1 addition & 0 deletions config.toml
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ compile_sass = false
# Feeds

generate_feed = true
feed_filename = "rss.xml"

# Taxonomies

Expand Down
7 changes: 3 additions & 4 deletions content/colophon/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,10 @@ title = "Colophon"

So many people to thank… Where to start?

- The creator of [Zola](https://getzola.org), Jeremy Prouillet, the framework I used to build this site.
- The creator of [Zola](https://getzola.org), Jeremy Prouillet, the framework I used to build this site.
- The many digital gardens out there, including [ovi.design](https://www.ovl.design/) by Oscar and Jacob Leech’s [Digital Craftsman](https://jacobleech.com/). (If you like blogs, you’ve really got to go and look at their sites.) This is not a a digital garden, as such, more a place for me to experiment. I don’t like the phrase ‘digital garden’ anyway – sounds too like ‘walled garden’ and we all know what kind of prisons Facebook and Twitter have become.
- [Tabler Icons](https://tabler.io), for my limited social presence and RSS feed icons; social media may soon become less important, as my interest in Bluesky wanes, but it remains for now. Who knows? It may come good.
- Fonts are courtesy of [Adobe](https://adobe.com), although that may change in the future. [Use & Modify](https://usemodify.com/) looks promising. And, if you’re interested, the site’s logo is in [Liberator](https://www.losttype.com/font/?name=liberator) from the [LostType Co-op](https://www.losttype.com) and designed by [Ryan Clark](https://www.ryanvsclark.com).
- The fonts used are Fontin and Fontin Sans and they are courtesy of Jos Buivenga of [Exjlibris](https://exjlibris.com). For now.
- Use of the ‘before:2023’ search term to find old web answers to my questions. For the most part, it works. Try it. Just type `before:2023` before a search term. I simply have the phrase assigned to a snippet in [Alfred](https://alfredapp.com) to speed up my typing.

I will add and subtract from this list as time goes on.

I will add and subtract from this list as time goes on.
2 changes: 2 additions & 0 deletions content/reading/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,6 +87,8 @@ title = "The books I’ve read"
- Misery, Stephen King
- The Stand, Stephen King
- The Shining, Stephen King
- [Thirteen](https://amzn.to/4c2Z4TX), Steve Cavanagh  *Brilliant*
- The Devil’s Advocate, Steve Cavanagh
- The Girl with the Dragon Tattoo, Stieg Larsson
- Look Homeward Angel, Thomas Wolfe
- The Master Switch, Tim Wu
Expand Down
17 changes: 12 additions & 5 deletions public/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -205,10 +205,21 @@ footer {
flex: 1;
order: 1;
}
#promotion {
#slashpages {
flex: 1;
order: 2;
}

ul.social {
margin: 0;
padding: 0;
text-align: center;
}
ul.social li {
display: inline-block;
border-bottom: none;
}

footer p {
font-size: var(--font-size-sm);
letter-spacing: 1px;
Expand All @@ -218,10 +229,6 @@ footer p {
margin-top: 0;
}

ul.social li {
display: inline-block;
border-bottom: none;
}
.links-nextprev {
list-style: none;
border-top: 1px dashed var(--color-gray-20);
Expand Down
17 changes: 12 additions & 5 deletions static/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -205,10 +205,21 @@ footer {
flex: 1;
order: 1;
}
#promotion {
#slashpages {
flex: 1;
order: 2;
}

ul.social {
margin: 0;
padding: 0;
text-align: center;
}
ul.social li {
display: inline-block;
border-bottom: none;
}

footer p {
font-size: var(--font-size-sm);
letter-spacing: 1px;
Expand All @@ -218,10 +229,6 @@ footer p {
margin-top: 0;
}

ul.social li {
display: inline-block;
border-bottom: none;
}
.links-nextprev {
list-style: none;
border-top: 1px dashed var(--color-gray-20);
Expand Down
2 changes: 1 addition & 1 deletion templates/base.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wordius</title>

<link rel="alternate" href="/feed/atom.xml" type="application/atom+xml">
<link rel="alternate" href="/feed/rss.xml" type="application/rss+xml">

<link rel="stylesheet" href="/style.css">

Expand Down
20 changes: 14 additions & 6 deletions templates/partials/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,24 @@
<li>Copyright &copy; Jeff Porter 2012–{{ config.extra.copyright | replace(from="{year}", to=now() | date(format="%Y")) }}</li>
<li><a href="/about-this-site">About this site</a></li>
<li><a href="/colophon">Colophon</a></li>
<li><a href="/reading">Reading matter</a></li>
</ul>
</div> <!-- colophon -->

<div id="promotion">
<div id="slashpages">
<ul class="slashes">
<li><a href="/reading">Reading matter</a></li>
<li><a href="/">Home</a></li>
</ul>
</div>

</div> <!-- site-footer -->

<ul class="social">
<li><a href="https://mastodon.social/@wordius"><img src="/img/brand-mastodon.png" width="28" height="28"></a></li>
<li>
<a href="/atom.xml"><img src="/img/rss.png" width="28" height="28"></a>
<a href="https://mastodon.social/@wordius"><img src="/img/brand-mastodon.png" width="28" height="28"></a>
</li>
<li>
<a href="/rss.xml"><img src="/img/rss.png" width="28" height="28"></a>
</li>
<!-- <li>
<a href="https://www.buymeacoffee.com/jeffpporteD">
Expand All @@ -24,8 +33,7 @@
-->
</li>
</ul>
</div> <!-- promotion -->
</div> <!-- site-footer -->

<p><img src="/img/noun-leaf-1006638.png" width="14" height="14" alt="leaf"> Written by a human<img src="/img/noun-leaf-1006638.png" width="14" height="14" alt="leaf"></p>

</footer>

0 comments on commit 9008504

Please sign in to comment.