1
0
forked from nat/webbed-site

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-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: Update style on non blog posts
2024-07-27: modernize /html/site-info.html, finally 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> <html>
<head>
<title>Subunit of the blogosphere</title>
<style> <style>
$[cat style.css] $[cat style.css]
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body> <body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/'] $[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<main> <main>
<section> <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> <p>I don't know if I will use this, but I am bored and thus making a blog system.</p>
</section> </section>
<section> <section>

View File

@ -1,4 +1,5 @@
<html> <html>
<head>
<style> <style>
$[cat style.css] $[cat style.css]
.image-container { .image-container {
@ -9,9 +10,13 @@
width: 60%; width: 60%;
} }
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Belt sander maintenance</title> <title>Belt sander maintenance</title>
</head>
<body> <body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/'] $[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> <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> <p>That is neat, I guess. I should start using the blog feature of my site more.</p>
<hr> <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. 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. 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> </p>
<div class="image-container"> </section>
<span> <section>
<img src=/files/blog-files/pictures/kingwood-bad-contactor.jpg> <flex-grid>
<div class="caption">The damaged "table down" contactor in the kingwood belt sander.</div> <flex-grid-item>
</span> $[img-caption "/files/blog-files/pictures/kingwood-bad-contactor.jpg" "The damaged \"table down\" contactor in the kingwood belt sander."]
<span> </flex-grid-item>
<img src=/files/blog-files/pictures/natalie-kingwood.jpg> <flex-grid-item>
<div class="caption">Unexpected photograph of me my friend took while fixing the belt sander.</div> $[img-caption "/files/blog-files/pictures/natalie-kingwood.jpg" "Unexpected photograph of me my friend took while fixing the belt sander."]
</span> </flex-grid-item>
<span> <flex-grid-item>
<img src=/files/blog-files/pictures/kingwood-wiring-mess.jpg> $[img-caption "/files/blog-files/pictures/kingwood-wiring-mess.jpg" "Contactor spaghetti."]
<div class="caption">Contactor spaghetti.</div> </flex-grid-item>
</span> </flex-grid>
</div> </section>
</main
</body> </body>
</html> </html>

View File

@ -1,22 +1,31 @@
<html> <html>
<head>
<style> <style>
$[cat style.css] $[cat style.css]
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Framework 16 arrived :)</title> <title>My Framework 16 arrived :)</title>
</head>
<body> <body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/'] $[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> <h1>I got my Framework 16.</h1>
<p> <p>
Her name is Lavinia, which is a stupid reference probably 2 people who see this website will get. Her name is Lavinia, which is a stupid reference probably 2 people who see this website will get.
I love her so. I love her so.
</p> </p>
<hr> </section>
<section>
<p> <p>
My website looks different now. Lavinia has a new colorscheme and thus so does my website. 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: Now (2024-07-06) it has a different colorscheme:
<img src=/files/fw16-new-new-colorscheme.png alt='new new colorscheme for my framework'> $[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. 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> </p>
</section>
</main>
</body> </body>
</html> </html>

View File

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