michael_dileo/Keyboard-Vagabond-Web
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: michael_dileo:dev
Branches Tags
michael_dileo:main michael_dileo:dev
..
compare: michael_dileo:b9ddb56bbeb50b94909b2bc78668e7f50f3adaa3
Branches Tags
michael_dileo:main michael_dileo:dev

5 Commits
dev ... b9ddb56bbe

Author SHA1 Message Date
Michael DiLeo
b9ddb56bbe Merge remote-tracking branch 'origin/dev' 2025-09-01 11:56:14 -05:00
Michael DiLeo
bf76ca99d6 add that pixelfed is like old instagram 2025-09-01 11:20:48 -05:00
Michael DiLeo
6338bc3aae text - restructure the specs into section and dl tags 2025-09-01 11:01:29 -05:00
michael_dileo
f2b47f38b4 responsive navbar (#14) 
collapse navbar on smaller screens. #9

Co-authored-by: Michael DiLeo <michael.dileo@oakstreethealth.com>
Reviewed-on: #14
 2025-08-14 19:43:30 +00:00
michael_dileo
8e19c2ee20 dev (#13) 
switch to bundle.css

Co-authored-by: Michael DiLeo <michael.dileo@oakstreethealth.com>
Reviewed-on: #13
 2025-08-14 14:55:21 +00:00
2 changed files with 41 additions and 18 deletions
Expand all files Collapse all files

56
public/about.html
View File

@@ -68,30 +68,54 @@
There will be a 3 month announcement in advance, in accordance with the <a href="https://joinmastodon.org/covenant" target="_blank">Mastodon Server Covenant</a>.</p> There will be a 3 month announcement in advance, in accordance with the <a href="https://joinmastodon.org/covenant" target="_blank">Mastodon Server Covenant</a>.</p>
<p><strong>Funding</strong> - <p><strong>Funding</strong> -
Keyboard Mastodon is currently funded by the admin, for a cost of ~$40 - $45 per month. Donations may be opened in the future, but have not been set up at this time.</p> Keyboard Mastodon is currently funded by the admin, for a cost of ~$40 - $45 per month. Donations may be opened in the future, but have not been set up at this time.</p>
<section>
<h1>The Dirty Technicals</h1> <h1>The Dirty Technicals</h1>
<p>If you're not a mega-nerd, turn back now.</p> <p>If you're not a mega-nerd, turn back now.</p>
<p>I warned you.</p> <p>I warned you.</p>
<p>Keyboard Vagabond is run on a 3 node Kubernetes cluster running on 3x Arm VPSs hosted by NetCup in Amsterdam. I chose Amsterdam because I thought that Europe would be more centrally located for people who are traveling the world.</p> <p>Keyboard Vagabond is run on a 3 node Kubernetes cluster running on 3x Arm VPSs hosted by NetCup in Amsterdam. I chose Amsterdam because I thought that Europe would be more centrally located for people who are traveling the world.</p>
</section>
<section>
<h4>The Specs</h4> <h4>The Specs</h4>
<p><strong>Servers</strong> - 3x 10 ARM vCPUs, 16GB Ram, 500GB (~50GB for Talos and the rest for Longhorn) storage running <a href="https://www.talos.dev" target="_blank">Talos</a> and Kubernetes. <dl>
<p><strong>Storage</strong> - Longhorn ensures that there are at least 2 copies across the nodes.</p> <dt><strong>Servers</strong></dt>
<p><strong>Backups and Content</strong> - Backups and content are stored in S3 storage hosted by BackBlaze with CloudFlare providing CDN. I've already run through disaster recovery and restored database backups from S3.</p> <dd>3x 10 ARM vCPUs, 16GB Ram, 500GB (~50GB for Talos and the rest for Longhorn) storage running <a href="https://www.talos.dev">Talos</a> and Kubernetespan.</dd>
<p><strong>CDN</strong> - CloudFlare provides CDN and special rules have been set up to be sure that as much as possible is cached.</p> <dt><strong>Storage</strong></dt>
<p><strong>Security</strong> - ports are closed off to the world and secured with CloudFlare tunnels and TailScale as the only means of access outside of website access.</p> <dd>Longhorn ensures that there are at least 2 copies across the nodes.</dd>
<p><strong>Observability and Logging</strong> - OpenObserve dashboards and log aggregation.</p> <dt><strong>Backups and Content</strong></dt>
<p><strong>Domain</strong> - domain is provided by CloudFlare</p> <dd>Stored in S3 storage hosted by BackBlaze with CloudFlare providing CDN. I've already run through disaster recovery and restored database backups from S3.</dd>
<p><strong>Services</strong> - Typical arrangement for services is that web services get 2 instances and workers get 1 instance with autoscaling. Web pods scale horizontally and workers scale vertically, then horizontally.</p> <dt><strong>CDN</strong></dt>
<p><strong>Source Code</strong> - If I get the source code to where I'm comfortable sharing, I'll post a link here. And if you're experienced in k8s, I'd always appreciate a review. :)</p> <dd>CloudFlare provides CDN and special rules have been set up to be sure that as much as possible is cached.</dd>
<p><strong>Costs</strong><br /> <dt><strong>Security</strong></dt>
VPS servers - 3x ~$13 / mth = $40/mth<br /> <dd>Ports are closed off to the world and secured with CloudFlare tunnels and TailScale as the only means of access outside of website access.</dd>
Domain name - $12/year<br /> <dt><strong>Observability and Logging</strong></dt>
Backblaze - $6/TB/mth = ~$2/mth<br /> <dd>OpenObserve dashboards and log aggregation.</dd>
Total: ~$45/mth</p> <dt><strong>Domain</strong></dt>
<dd>Domain is provided by CloudFlare</dd>
<dt><strong>Services</strong></dt>
<dd>Typical arrangement for services is that web services get 2 instances and workers get 1 instance with autoscaling. Web pods scale horizontally and workers scale vertically, then horizontally.</dd>
<dt><strong>Source Code</strong></dt>
<dd>If I get the source code to where I'm comfortable sharing, I'll post a link here. And if you're experienced in k8s, I'd always appreciate a review. :)</dd>
</dl>
</section>
<p>
<span><strong>Costs</strong></span><br />
<span>
VPS servers - 3x ~$13 / mth = $40/mth<br />
Domain name - $12/year<br />
Backblaze - $6/TB/mth = ~$2/mth<br />
Total: ~$45/mth
</span>
</p>
</main> </main>
<footer class="container"> <footer class="container">
<p>Contact: <a href="mailto:sysadmin@mailkeyboardvagabond.com">sysadmin@mail.keyboardvagabond.com</a>, any of the @sysadmin accounts on the instances</p> <p>
<p>Copyright 2025 Keyboard Vagabond</p> <span>Contact: <a href="mailto:admin@keyboardvagabond.com">admin@keyboardvagabond.com</a>, any of the @sysadmin accounts on the instances</span></br>
<span>Copyright 2025 Keyboard Vagabond</span>
</p>
</footer> </footer>
<script src="scripts/bundle.js"></script> <script src="scripts/bundle.js"></script>

3
public/index.html
View File

@@ -76,8 +76,7 @@
with <a href="https://join-lemmy.org">Lemmy</a>, but with extra features for topics and communities. with <a href="https://join-lemmy.org">Lemmy</a>, but with extra features for topics and communities.
Both are an alternative to Reddit. See more at <a href="https://join-lemmy.org">join-lemmy.org</a> and Both are an alternative to Reddit. See more at <a href="https://join-lemmy.org">join-lemmy.org</a> and
<a href="https://join.piefed.social/try/">join.piefed.social</a>.</li> <a href="https://join.piefed.social/try/">join.piefed.social</a>.</li>
<li><strong><a href="https://pixelfed.keyboardvagabond.com">Pixelfed</a></strong> - An alternative to <li><strong><a href="https://pixelfed.keyboardvagabond.com">Pixelfed</a></strong> - Like old instagram, where you can share your photos, albums, and create stories. See more at <a
instagram, where you can share your photos, albums, and create stories. See more at <a
href="https://pixelfed.org/servers">pixelfed.org</a>.</li> href="https://pixelfed.org/servers">pixelfed.org</a>.</li>
<li><strong><a href="https://mastodon.keyboardvagabond.com">Mastodon</a></strong> - An alternative to <li><strong><a href="https://mastodon.keyboardvagabond.com">Mastodon</a></strong> - An alternative to
twitter. Create your timeline by following users and hashtags. See more at <a twitter. Create your timeline by following users and hashtags. See more at <a