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

8
templates/home.html
View file

@ -4,8 +4,9 @@
<p>Also I am currently looking for work, send me an email <a href="mailto:pagwin_+public-blog-email@pagwin.xyz"> <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> pagwin_+public-blog-email@pagwin.xyz</a> if you like what you read and want to hire me</p>
</header> </header>
<h2>Posts:</h2> <article>
<dl> <h2>Posts:</h2>
<dl>
{{#posts}} {{#posts}}
<div> <div>
<dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt> <dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
@ -15,4 +16,5 @@
</dd> </dd>
</div> </div>
{{/posts}} {{/posts}}
</dl> </dl>
</article>