hans
/
ad_pubfiles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

templates,css: add sticky footer with git commit number 

requires wrapping pages in articles, to avoid blocks centering because
of margin-auto.
This commit is contained in:
Hans Fast 2026-04-04 08:23:22 +02:00
parent 14694dbe4d
commit 6fcb1a14bc
4 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
c.ori
View File

@ -1,3 +1,4 @@
{ {
gitrepo: "https://git.surfacemarkup.net/hans/ad_pubfiles" gitrepo: "https://git.surfacemarkup.net/hans/ad_pubfiles"
gitversion: Origami.shell('git rev-parse --short HEAD')
} }

16
css/style.css
View File

@ -61,12 +61,16 @@
body { body {
font-family: "sans-serif"; font-family: "sans-serif";
& > :not(.wider) { display: flex;
flex-direction: column;
align-items: start;
min-height: 100vh;
& > :not(.wider), & > :not(.wider) > :not(.wider) {
max-width: 38rem; max-width: 38rem;
margin-inline: auto; margin-inline: auto;
} }
& > .wider { & > .wider, & > article > .wider {
max-width: min(55rem, 100%); max-width: min(55rem, 100%);
margin-inline: auto; margin-inline: auto;
} }
@ -85,6 +89,14 @@ trl-group {
display: block; display: block;
} }
footer {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-grow: 1;
align-items: flex-end;
}
@layer translations { @layer translations {
body > trl-selector:first-child {display: none;} /* was adding a grid row! */ body > trl-selector:first-child {display: none;} /* was adding a grid row! */
trl-selector { trl-selector {

4
ori-templates/base_html.ori
View File

@ -1,5 +1,6 @@
//base page template //base page template
(page) => Tree.indent` (page) => Tree.indent`
<!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -15,5 +16,8 @@
${page.all?'<p>private mode</p>':''} ${page.all?'<p>private mode</p>':''}
${page.indexPage ? '' : '<p><a href="/">↖index</a></p>'} ${page.indexPage ? '' : '<p><a href="/">↖index</a></p>'}
${page._body} ${page._body}
<footer>
<p>built with pubfiles version <a href="${c.ori/gitrepo}/commit/${c.ori/gitversion}">${c.ori/gitversion}</a></p>
</footer>
</html> </html>
` `

2
ori-templates/page.ori
View File

@ -3,9 +3,11 @@
all all
title: page.title title: page.title
_body: Tree.indent` _body: Tree.indent`
<article>
<h1>${page.title}</h1> <h1>${page.title}</h1>
<p><span>${page.fnd.addr} ${page.fnd.tags || ''}</span></p> <p><span>${page.fnd.addr} ${page.fnd.tags || ''}</span></p>
${page._body} ${page._body}
<p><a href="/">↖index</a></p> <p><a href="/">↖index</a></p>
</article>
` `
}) })