update changelog; update blog posts to modern style

This commit is contained in:
gnat 2024-07-27 15:41:50 -07:00
parent fda5e83a47
commit 515fa2f979
5 changed files with 88 additions and 61 deletions

View File

@ -21,3 +21,4 @@
2024-07-26: I have a dns server now. oops. there go my sleeping plans. email me if you want to use it for some insane reason.
2024-07-27: Update style on non blog posts
2024-07-27: modernize /html/site-info.html, finally
2024-07-27: improve image accessibility, update blog posts to be compliant with new style

View File

@ -1,12 +1,16 @@
<html>
<head>
<title>Subunit of the blogosphere</title>
<style>
$[cat style.css]
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<main>
<section>
<h1>Blog? Thing</h1>
<h1>My subunit of the blogosphere</h1>
<p>I don't know if I will use this, but I am bored and thus making a blog system.</p>
</section>
<section>

View File

@ -1,4 +1,5 @@
<html>
<head>
<style>
$[cat style.css]
.image-container {
@ -9,9 +10,13 @@
width: 60%;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Belt sander maintenance</title>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<main>
<section>
<h1>I fixed cool equipment my school has</h1>
<p>That is neat, I guess. I should start using the blog feature of my site more.</p>
<hr>
@ -22,19 +27,20 @@
Luckily, for whatever reason the person that replaced the contactor for whatever reason replaced both the up and down contactor, only one of which was bad.
Because of this there was a spare contactor that was good lying around somewhere in the wood shop, thus I was able to replace the damaged replacement contactor.
</p>
<div class="image-container">
<span>
<img src=/files/blog-files/pictures/kingwood-bad-contactor.jpg>
<div class="caption">The damaged "table down" contactor in the kingwood belt sander.</div>
</span>
<span>
<img src=/files/blog-files/pictures/natalie-kingwood.jpg>
<div class="caption">Unexpected photograph of me my friend took while fixing the belt sander.</div>
</span>
<span>
<img src=/files/blog-files/pictures/kingwood-wiring-mess.jpg>
<div class="caption">Contactor spaghetti.</div>
</span>
</div>
</section>
<section>
<flex-grid>
<flex-grid-item>
$[img-caption "/files/blog-files/pictures/kingwood-bad-contactor.jpg" "The damaged \"table down\" contactor in the kingwood belt sander."]
</flex-grid-item>
<flex-grid-item>
$[img-caption "/files/blog-files/pictures/natalie-kingwood.jpg" "Unexpected photograph of me my friend took while fixing the belt sander."]
</flex-grid-item>
<flex-grid-item>
$[img-caption "/files/blog-files/pictures/kingwood-wiring-mess.jpg" "Contactor spaghetti."]
</flex-grid-item>
</flex-grid>
</section>
</main
</body>
</html>

View File

@ -1,22 +1,31 @@
<html>
<head>
<style>
$[cat style.css]
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Framework 16 arrived :)</title>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<main>
<section>
<h1>I got my Framework 16.</h1>
<p>
Her name is Lavinia, which is a stupid reference probably 2 people who see this website will get.
I love her so.
</p>
<hr>
</section>
<section>
<p>
My website looks different now. Lavinia has a new colorscheme and thus so does my website.
<img src=/files/fw16-new-colorscheme.png alt='new colorscheme for my framework'>
$[img-caption "/files/fw16-new-colorscheme.png" "new colorscheme for my framework"]
Now (2024-07-06) it has a different colorscheme:
<img src=/files/fw16-new-new-colorscheme.png alt='new new colorscheme for my framework'>
I'm not going to update the website's colorscheme because I am lazy.
$[img-caption "/files/fw16-new-new-colorscheme.png" "new new colorscheme for my framework"]
I'm not going to update the website's colorscheme because I am lazy.<br>
as of 2024-07-27, I have made a media query that will use a dark colorscheme matching my laptop should you have a dark browser theme set.
</p>
</section>
</main>
</body>
</html>

View File

@ -1,11 +1,18 @@
<html>
<head>
<title>aoeu</title>
<style>
$[cat style.css]
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<span style="font-size: 28px; float: left;">Wowee! a blogpost<br></span><br><br>
<hr>
<main>
<section>
<h1>Wowee! a blogpost</h1>
aoeu
</section>
</main>
</body>
</html>