gaia/blog-log
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

netwk post, style update, friend shipping post

Browse source
This commit is contained in:
Gaia Sergent 2024-06-30 22:58:11 -04:00
parent a59d40da84
commit 54ae34d4ee
7 changed files with 223 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
blog-log/blog.template.html
View file

@ -14,14 +14,15 @@
Home Home
</h3> </h3>
</a> </a>
<hr>
</div> </div>
<div class="bllog-body bllog-container">
<h2> <h2>
Post Title Post Title
</h2> </h2>
<p class="bllog-body"> <p class="bllog-body">
Post Content Post Content
</p> </p>
</div>
</body> </body>
</html> </html>

10
blog-log/index.html
View file

@ -38,6 +38,16 @@
Learning How To Walk in Our Own Shoes Learning How To Walk in Our Own Shoes
</p> </p>
</a> </a>
<a href="posts/platonic-shipping.html">
<p class="blog-title">
Shipping but for Friends
</p>
</a>
<a href="posts/netstacc.html">
<p class="blog-title">
Where In Cyberspace Is This Blog?
</p>
</a>
</body> </body>

85
blog-log/posts/netstacc.html Executable file
View file

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<div class="navbar">
<h1 class="title">
Blog-Log
</h1>
<a href="../index.html">
<h3>
Home
</h3>
</a>
</div>
<div class="bllog-body bllog-container">
<h2>
Where In Cyberspace Is This Blog?
</h2>
<p class="bllog-body">
Cyberspace is a big and scary place.
<br>
So where is this blog, really?
<br>
There is a place in physical space
<br>
Known to some as Philly.
<br>
That is where this blog lives.
<br>
Everybody asks where is blog, but few ask how is blog.
<br>
So - let's answer the question that nobody had.
</p>
<h3 class="quote">
How is blog?
</h3>
<p class="bllog-body">
Blog is doing well, thanks for asking :3
<br>
Sometimes I have to remind the blog that it should remain up and reward it for doing so.
<br>
But if you're seeing this now than it's being a good blog.
</p>
<h3 class="quote">
Oh, you meant, how is the blog hosted?
</h3>
<p class="bllog-body">
Fucken nerd.
<br>
Okay, here goes.
<br>
This blog is hosted by lighttpd, reverse proxied by Caddy to the public, and uses
ACME as a verification protocol to get it's certificates.
<br>
All of this lives in one proxmox box, which is a dell optiplex that was sold as university surplus.
<br>
There are no other external services on this box for now, everything else is internal for now.
<br>
Plans are in place to setup a wireguard endpoint to log into my network.
<br>
Due to the limitations of the Netgear router I currently own, and the lack of OpenWRT firmware for it,
IPv6 hosting is not possible, as there is no way to edit the firewall to allow it.
<br>
In the future, I am looking to introduce a dedicated opnsense or Palo Alto firewall to mitigate this.
<br>
I might just get a Palo.
<br>
The UI is nice, I can get the certs for work stuff, and the blue box is fucking iconic.
<br>
I can deal with licensing not being enabled and honestly I don't need a ton of throughput.
<br>
All of the HTML/CSS for this blog is edited in VSCodium by hand. There is no server-side templating.
<br>
An HTML template exists below.
</p>
<a href="../blog.template.html">
<strong>Template</strong>
</a>
</div>
</body>
</html>

31
blog-log/posts/network-of-love.html Executable file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<div class="navbar">
<h1 class="title">
Blog-Log
</h1>
<a href="../index.html">
<h3>
Home
</h3>
</a>
</div>
<div class="bllog-body bllog-container">
<h2>
A Network of Love.
</h2>
<p class="dedication">
For Aria.
</p>
<p class="bllog-body">
Post Content
</p>
</div>
</body>
</html>

60
blog-log/posts/platonic-shipping.html Executable file
View file

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<div class="navbar">
<h1 class="title">
Blog-Log
</h1>
<a href="../index.html">
<h3>
Home
</h3>
</a>
</div>
<div class="bllog-body bllog-container">
<h2>
Shipping but for Friends
</h2>
<p class="dedication">
For Ryan and Ethan
</p>
<p>
At least here in the west, the idea of 'shipping' is simple.
<br>
Generally, 'shipping' is a set of two people you know (or don't) that you think might do well as a couple,
or as part of a polycule, or that would be very cute together.
<br>
I notice it's really common, and to be honest, I'm super fucking guilty of it too.
<br>
I mean, goddamn.
<br>
Sometimes the temptation to introduce your friends to each other and watch them realise they both
are really into 90s grunge, both would lecture you on how practical effects are
<i> so much better than CGI </i>,
and that both secretly adore sending memes from the early 2010s into the group chat.
<br>
It can be very tempting, especially for someone who does tend more extroverted (me),
<br>
It's really awkward to do outside of romantic settings though.
<br>
We've normalised wingmanning in romantic settings, and as such shipping two people you know and
having them meet with you being a 'third wheel' or not present at all
is not unheard of and is quite common.
<br>
Doing this in platonic settings is not as common, at least in my experiences.
<br>
What if we changed this?
<br>
What if we all allowed each other to not only be friends to our friends, but allowed each other
to guide our friends towards new friends that they might enjoy spending time with.
<br>
I think that would be pretty cool.
</p>
</div>
</body>
</html>

5
blog-log/posts/friend-pairing.html → blog-log/posts/ur-paying-for-that-free-hoagie.html Normal file → Executable file
View file

@ -14,13 +14,14 @@
Home Home
</h3> </h3>
</a> </a>
<hr>
</div> </div>
<div class="bllog-body bllog-container">
<h2> <h2>
Post Title Post Title
</h2> </h2>
<div class="bllog-body"> <p class="bllog-body">
Post Content Post Content
</p>
</div> </div>
</body> </body>

22
blog-log/style.css
View file

@ -12,6 +12,18 @@ a {
text-decoration: none; text-decoration: none;
} }
.bllog-container > a {
text-decoration: none;
color: white;
font-weight: bolder;
}
.dedication {
font-size: 1.25rem;
font-family: "Bagnard";
font-style: italic;
}
.blog-title { .blog-title {
font-family: "Bagnard"; font-family: "Bagnard";
font-size: 1.7em; font-size: 1.7em;
@ -54,9 +66,17 @@ h1 {
font-family: "Bagnard"; font-family: "Bagnard";
} }
.quote {
font-size: 2rem;
color: white;
font-style: italic;
margin: 0;
margin-top: 0.7rem;
}
.bllog-body { .bllog-body {
color: white; color: white;
font-size: 1.5em; font-size: 1.5rem;
} }
.bllog-container { .bllog-container {