Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixed minor things

Browse source
This commit is contained in:
Pagwin 2025-07-08 19:27:27 -04:00
parent 801c913b3b
commit 63c2dbcbf7
2 changed files with 22 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/css/layout.css
View file

@ -142,6 +142,9 @@ header#header {
width: 100vw;
padding: 0.5em 1em;
}
article {
max-width: 66ch;
}
main {
box-sizing: border-box;
display: block flex;
@ -154,10 +157,11 @@ main {
/*https://pearsonified.com/golden-ratio-typography-intro/*/
/*https://grtcalculator.com/*/
/*or maybe not, https://en.wikipedia.org/wiki/Line_length#Electronic_text*/
max-width: 66ch;
& > header {
box-sizing: border-box;
padding: 0rem 1rem;
max-width: 66ch;
}
/* needed due to being flex itself*/
@ -169,9 +173,9 @@ main {
}
header#article-header {
max-width: -moz-available;
/*max-width: -moz-available;
max-width: -webkit-fill-available;;
max-width: fill-available;
max-width: fill-available;*/
display: block flex;
flex-direction:column;
/* put things in center*/
@ -185,9 +189,6 @@ dl {
max-width: fill-available;
}
article {
max-width: -moz-available;
max-width: -webkit-fill-available;;
max-width: fill-available;
display: block flex;
flex-direction:column;
/* put things in center*/
@ -259,6 +260,7 @@ footer {
@layer pre-load{
main > header {
border: 0.7rem solid transparent;
}
}
/* I mean why not? */

26
templates/home.html
View file

@ -4,15 +4,17 @@
<p>Also I am currently looking for work, send me an email <a href="mailto:pagwin_+public-blog-email@pagwin.xyz">
pagwin_+public-blog-email@pagwin.xyz</a> if you like what you read and want to hire me</p>
</header>
<h2>Posts:</h2>
<dl>
{{#posts}}
<div>
<dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
<dd class="dt-subtitle"><time datetime="{{{iso_date}}}">{{date}}</time></dd>
<dd>
<p>{{summary}}</p>
</dd>
</div>
{{/posts}}
</dl>
<article>
<h2>Posts:</h2>
<dl>
{{#posts}}
<div>
<dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
<dd class="dt-subtitle"><time datetime="{{{iso_date}}}">{{date}}</time></dd>
<dd>
<p>{{summary}}</p>
</dd>
</div>
{{/posts}}
</dl>
</article>