update metadata styling

This commit is contained in:
Akbar Rahman 2023-02-06 13:41:23 +00:00
parent a10bca718b
commit 79f5acd020
Signed by: alvierahman90
GPG Key ID: 20609519444A1269
2 changed files with 7 additions and 5 deletions

View File

@ -101,6 +101,8 @@ mjx-container {
overflow-x: auto; overflow-x: auto;
} }
p.metadata { margin: 0 }
@media (max-width: 80em) { @media (max-width: 80em) {
/* CSS that should be displayed if width is equal to or less than 60em goes here */ /* CSS that should be displayed if width is equal to or less than 60em goes here */
#contentWrapper { flex-direction: column } #contentWrapper { flex-direction: column }

View File

@ -18,22 +18,22 @@
<body> <body>
<div id="contentWrapper"> <div id="contentWrapper">
<div id="content"> <div id="content">
<p class="smallText"> <p class="smallText metadata">
<a href="/permalink?uuid=$uuid$">permalink</a> (uuid: $uuid$) <a href="/permalink?uuid=$uuid$">permalink</a> (uuid: $uuid$)
</p> </p>
<p class="smallText"> tags: [ <p class="smallText metadata"> tags: [
$for(tags)$ $for(tags)$
<a href="/.tags/$tags$.html">$tags$</a>$sep$, <a href="/.tags/$tags$.html">$tags$</a>$sep$,
$endfor$ $endfor$
]</p> ]</p>
<p class="smallText"> <p class="smallText metadata">
written by $for(author)$$author$$sep$, $endfor$ written by $for(author)$$author$$sep$, $endfor$
</p> </p>
<p class="smallText"> <p class="smallText metadata">
syntax highlighting based on <a href="https://pygments.org/">Pygments'</a> default syntax highlighting based on <a href="https://pygments.org/">Pygments'</a> default
colors colors
</p> </p>
<p class="smallText"> <p class="smallText metadata">
page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a> page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a>
</p> </p>
<details id="commitLog"> <details id="commitLog">