header and article elements

This commit is contained in:
Pagwin 2024-11-05 15:25:48 -05:00
parent b508490356
commit 5a7c7881e7
No known key found for this signature in database
GPG key ID: 81137023740CA260
3 changed files with 31 additions and 6 deletions

View file

@ -88,6 +88,28 @@ time {
justify-content: center;
align-items: center;
}
header {
max-width: -moz-available;
max-width: -webkit-fill-available;;
max-width: fill-available;
display: block flex;
flex-direction:column;
/* put things in center*/
/* not sure if I want everything centered or just code blocks but I like everything centered atm*/
justify-content: center;
align-items: center;
}
article {
max-width: -moz-available;
max-width: -webkit-fill-available;;
max-width: fill-available;
display: block flex;
flex-direction:column;
/* put things in center*/
/* not sure if I want everything centered or just code blocks but I like everything centered atm*/
justify-content: center;
align-items: center;
}
blockquote {
/*font-style: italic;*/
padding: 0.5em 1em;

View file

@ -21,8 +21,6 @@
</div>
<div id="content-outer">
<div id="content">
<h1 style="font-variant: small-caps;">
{{{title}}}</h1>
{{{content}}}
</div>
</div>

View file

@ -1,6 +1,11 @@
<div class="info">
{{{date}}}
</div>
<header>
<h1 style="font-variant: small-caps;">{{{title}}}</h1>
<div class="info">
{{{date}}}
</div>
</header>
<hr>
</hr>
{{{content}}}
<article>
{{{content}}}
</article>