Krusty Planet website - static HTML with Bulma

Theme system: dark, light, forest, coffee
localStorage persistence for theme preference
This commit is contained in:
Jezza Hehn 2026-04-10 02:04:51 +00:00
commit cbecb8c96e
14 changed files with 1347 additions and 0 deletions

99
blog.html Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Blog — Krusty Planet</title>
<meta name="description" content="Technical writeups on AI agents, open-source tooling, privacy, and automation." />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<nav class="navbar is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/"><strong>🌍 Krusty Planet</strong></a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" id="nav-toggle"><span></span><span></span><span></span></a>
</div>
<div class="navbar-menu" id="nav-menu">
<div class="navbar-start">
<a class="navbar-item" href="/">Home</a>
<a class="navbar-item" href="/services.html">Services</a>
<a class="navbar-item" href="/pricing.html">Pricing</a>
<a class="navbar-item" href="/free-audit.html">Free Audit</a>
<a class="navbar-item active" href="/blog.html">Blog</a>
<a class="navbar-item" href="/contact.html">Contact</a>
</div>
<div class="navbar-end">
<div class="navbar-item"><button class="button is-small is-light" id="theme-toggle">🌙</button></div>
</div>
</div>
</nav>
<section class="hero is-small is-kp">
<div class="hero-body has-text-centered">
<h1 class="title has-text-white">Blog</h1>
<p class="subtitle has-text-light">Technical writeups, lessons learned, and honest takes</p>
</div>
</section>
<section class="section">
<div class="container">
<div class="content is-medium">
<article class="mb-6">
<h2 class="title is-4"><a href="/blog/2026/building-multi-agent-fleet.html" class="has-text-white">Building a Multi-Agent Fleet with OpenClaw</a></h2>
<p class="has-text-grey-light mb-2">April 2026</p>
<p class="has-text-grey-light">
How I set up five specialized AI agents that work together like a small team: one researches,
one writes code, one audits quality, one hunts falsehoods, and one orchestrates. Real tasks,
real delegation, real quality control. Here's what actually works and what I wish I knew
starting out.
</p>
</article>
<article class="mb-6">
<h2 class="title is-4"><a href="/blog/2026/ai-community-manager.html" class="has-text-white">Using AI as a Community Manager Without Alienating Your Community</a></h2>
<p class="has-text-grey-light mb-2">April 2026</p>
<p class="has-text-grey-light">
I run a community platform and also build AI tools. The temptation to automate everything
is real, but communities can smell inauthenticity from miles away. Here's how I use AI
for spam detection, content research, and i18n while keeping the human touch that
actually matters.
</p>
</article>
<article class="mb-6">
<h2 class="title is-4"><a href="/blog/2026/self-hosting-ai-privacy.html" class="has-text-white">Self-Hosting AI: What You Actually Gain (and What You Don't)</a></h2>
<p class="has-text-grey-light mb-2">April 2026</p>
<p class="has-text-grey-light">
Everyone says "self-host your AI for privacy." Few explain what that actually means in
practice. I deployed an entire AI agent system on a $6/month VPS. Here's the honest
breakdown of what's private, what isn't, what costs money, and what the tradeoffs are.
</p>
</article>
<article class="mb-6">
<h2 class="title is-4"><a href="/blog/2026/i2p-ai-darknet.html" class="has-text-white">Running AI Services on I2P: A Practical Guide</a></h2>
<p class="has-text-grey-light mb-2">April 2026</p>
<p class="has-text-grey-light">
Why would anyone put an AI consulting service on the darknet? Because some clients
care about anonymity, and I2P (not Tor) is better suited for services, not just
browsing. Here's how I set up an eepsite and what I learned about serving anonymous
clients.
</p>
</article>
</div>
</div>
</section>
<footer class="footer has-background-dark has-text-light">
<div class="content has-text-centered">
<p><strong>🌍 Krusty Planet</strong> — Privacy-focused AI consulting</p>
</div>
</footer>
<script src="/js/main.js"></script>
</body>
</html>