nat/webbed-site
1
0
Fork 3
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update changelog; update blog posts to modern style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog
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

12
html/blog/index.html
View File

@ -1,12 +1,16 @@
<html>
<style>
$[cat style.css]
</style>
<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>

74
html/blog/posts/2024-05-03-kingwood-maintenance.html
View File

@ -1,40 +1,46 @@
<html>
<style>
$[cat style.css]
.image-container {
column-count: 3;
}
<head>
<style>
$[cat style.css]
.image-container {
column-count: 3;
}
.image-container img, .caption {
width: 60%;
}
</style>
<title>Belt sander maintenance</title>
.image-container img, .caption {
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}"/']
<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>
<p>
My school has a big wide belt sander in the wood shop, it is fancy and has electronic controls and whatnot.
There are two contactors that control the movement of the table, one for up, one for down.
The contactor to move the table down has failed twice, once due to general lack of maintenance, and once because the person that replaced it the first time damaged the new contactor during the replacement.
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>
<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>
<p>
My school has a big wide belt sander in the wood shop, it is fancy and has electronic controls and whatnot.
There are two contactors that control the movement of the table, one for up, one for down.
The contactor to move the table down has failed twice, once due to general lack of maintenance, and once because the person that replaced it the first time damaged the new contactor during the replacement.
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>
</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>

43
html/blog/posts/new-laptop.html
View File

@ -1,22 +1,31 @@
<html>
<style>
$[cat style.css]
</style>
<title>My Framework 16 arrived :)</title>
<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}"/']
<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>
<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'>
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.
</p>
<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>
</section>
<section>
<p>
My website looks different now. Lavinia has a new colorscheme and thus so does my website.
$[img-caption "/files/fw16-new-colorscheme.png" "new colorscheme for my framework"]
Now (2024-07-06) it has a different colorscheme:
$[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>

19
html/blog/posts/test-post.html
View File

@ -1,11 +1,18 @@
<html>
<style>
$[cat style.css]
</style>
<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>
aoeu
<main>
<section>
<h1>Wowee! a blogpost</h1>
aoeu
</section>
</main>
</body>
</html>