---
layout: default
title: "Toolsbunny Engineering Blog"
---

<main class="w-full max-w-4xl mx-auto px-6 pt-32 pb-16 flex-grow">
    <div class="border-b border-zinc-800 pb-8 mb-12">
        <span class="text-xs font-mono uppercase tracking-widest text-[#00FFC2]">Developer Journal</span>
        <h1 class="text-4xl font-extrabold text-white mt-2 mb-4 tracking-tight">The Toolsbunny Engine Hub</h1>
        <p class="text-zinc-400 text-sm">Deep dives into browser computation speeds, web asset compression, and privacy-first local mechanics.</p>
    </div>

    {% for post in site.posts %}
    <article class="blog-card p-8 rounded-xl mb-6">
        <div class="flex items-center gap-4 text-xs font-mono text-zinc-500 mb-3">
            <span>{{ post.date | date: "%B %d, %Y" }}</span>
        </div>
        <h2 class="text-xl font-bold text-white mb-3 hover:text-[#00FFC2] transition-colors">
            <a href="{{ post.url }}">{{ post.title }}</a>
        </h2>
        <p class="text-zinc-400 text-sm leading-relaxed mb-4">{{ post.excerpt }}</p>
        <a href="{{ post.url }}" class="text-xs font-bold text-zinc-300 hover:underline">Read Structural Post →</a>
    </article>
    {% endfor %}
</main>
</html>