feat: render catalog in a html page

This commit is contained in:
2024-06-12 11:17:04 +02:00
parent 4334ffb6b2
commit 6e98bd6a47
2 changed files with 74 additions and 0 deletions

40
styles.css Normal file
View File

@@ -0,0 +1,40 @@
:root {
--accent-bg: #F5F7FF;
--border: #D8DAE1;
--main-foreground: #5b4636;
--main-background: #f4f4f4;
}
body{max-width:80ch;padding:2ch;margin:auto;
color:var(--main-foreground);
background-color:var(--main-background);
}
a:link{text-decoration:none}
/* Format tables */
table {
border-collapse: collapse;
width: 100%
}
td,
th {
border: 1px solid var(--border);
text-align: left;
}
th {
background: var(--accent-bg);
font-weight: bold;
text-align: center;
}
table td:nth-child(2) {
text-align: center;
}
tr:nth-child(even) {
/* Set every other cell slightly darker. Improves readability. */
background: var(--accent-bg);
}