Krusty Planet website - static HTML with Bulma
Theme system: dark, light, forest, coffee localStorage persistence for theme preference
This commit is contained in:
commit
cbecb8c96e
14 changed files with 1347 additions and 0 deletions
99
blog.html
Normal file
99
blog.html
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue