Updating iA-writer section

This commit is contained in:
jostein 2026-03-26 10:15:02 +01:00
parent 6f50b1f00d
commit 37ba3383ba
7 changed files with 866 additions and 0 deletions

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" />
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
max-width: 100%;
}
body {
display: flex;
align-items: flex-start; /* pin to top of footer zone */
padding: 10px 10vw 0;
}
.footer-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--c-rule);
padding-top: 6px;
}
.footer-author {
font-size: var(--text-xs);
color: var(--c-muted);
font-weight: 400;
}
.footer-page {
font-size: var(--text-xs);
color: var(--c-muted);
font-variant-numeric: tabular-nums;
}
</style>
</head>
<body>
<div class="footer-inner">
<span class="footer-author" data-author></span>
<span class="footer-page">
<span data-page-number></span> / <span data-page-count></span>
</span>
</div>
</body>
</html>