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; justify-content: center;
align-items: 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 { blockquote {
/*font-style: italic;*/ /*font-style: italic;*/
padding: 0.5em 1em; padding: 0.5em 1em;

View file

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

View file

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