header and article elements
This commit is contained in:
parent
b508490356
commit
5a7c7881e7
3 changed files with 31 additions and 6 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
|
<header>
|
||||||
|
<h1 style="font-variant: small-caps;">{{{title}}}</h1>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
{{{date}}}
|
{{{date}}}
|
||||||
</div>
|
</div>
|
||||||
|
</header>
|
||||||
<hr>
|
<hr>
|
||||||
</hr>
|
</hr>
|
||||||
|
<article>
|
||||||
{{{content}}}
|
{{{content}}}
|
||||||
|
</article>
|
||||||
|
|
Loading…
Reference in a new issue