Fix styling of footnotes

senekor · senekor · commit 0f74926c3df4 · 2025-04-12T00:11:54.000+02:00
The custom site generator used comrak for markdown to html translation
while Zola uses pulldown-cmark. One of them uses a &lt;section&gt; while the
other uses &lt;footer class="footnotes"&gt; to render the footnotes. So a few
CSS tweaks were needed to apply the correct styles to the footnotes.
diff --git a/sass/styles/app.scss b/sass/styles/app.scss
@@ -120,7 +120,7 @@ code {
   overflow: auto;
 }
 
-section {
+section, .footnotes {
   padding: 30px 0 60px 0;
 
   header {
@@ -294,7 +294,7 @@ table.post-list a:hover {
   margin: -60px 0 60px 0;
 }
 
-footer {
+footer.footer {
   padding: 30px 0;
   background-color: black;
   color: white;
diff --git a/templates/footer.html b/templates/footer.html
@@ -1,5 +1,5 @@
 {% macro footer() -%}
-<footer>
+<footer class="footer">
   <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
     <div class="row">
       <div class="four columns mt3 mt0-l" id="get-help">

Original file line number	Diff line number	Diff line change
`@@ -120,7 +120,7 @@ code {`
`120`	`120`	`overflow: auto;`
`121`	`121`	`}`
`122`	`122`
`123`		`-section {`
	`123`	`+section, .footnotes {`
`124`	`124`	`padding: 30px 0 60px 0;`
`125`	`125`
`126`	`126`	`header {`
`@@ -294,7 +294,7 @@ table.post-list a:hover {`
`294`	`294`	`margin: -60px 0 60px 0;`
`295`	`295`	`}`
`296`	`296`
`297`		`-footer {`
	`297`	`+footer.footer {`
`298`	`298`	`padding: 30px 0;`
`299`	`299`	`background-color: black;`
`300`	`300`	`color: white;`