netwk post, style update, friend shipping post
This commit is contained in:
parent
a59d40da84
commit
54ae34d4ee
|
@ -14,14 +14,15 @@
|
||||||
Home
|
Home
|
||||||
</h3>
|
</h3>
|
||||||
</a>
|
</a>
|
||||||
<hr>
|
|
||||||
</div>
|
</div>
|
||||||
<h2>
|
<div class="bllog-body bllog-container">
|
||||||
Post Title
|
<h2>
|
||||||
</h2>
|
Post Title
|
||||||
<p class="bllog-body">
|
</h2>
|
||||||
Post Content
|
<p class="bllog-body">
|
||||||
</p>
|
Post Content
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -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
85
blog-log/posts/netstacc.html
Executable 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
31
blog-log/posts/network-of-love.html
Executable 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
60
blog-log/posts/platonic-shipping.html
Executable 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>
|
13
blog-log/posts/friend-pairing.html → blog-log/posts/ur-paying-for-that-free-hoagie.html
Normal file → Executable file
13
blog-log/posts/friend-pairing.html → blog-log/posts/ur-paying-for-that-free-hoagie.html
Normal file → Executable file
|
@ -14,13 +14,14 @@
|
||||||
Home
|
Home
|
||||||
</h3>
|
</h3>
|
||||||
</a>
|
</a>
|
||||||
<hr>
|
|
||||||
</div>
|
</div>
|
||||||
<h2>
|
<div class="bllog-body bllog-container">
|
||||||
Post Title
|
<h2>
|
||||||
</h2>
|
Post Title
|
||||||
<div class="bllog-body">
|
</h2>
|
||||||
Post Content
|
<p class="bllog-body">
|
||||||
|
Post Content
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue