Summary

This repository, "Vlad's Playbook," offers a 39-chapter manual demonstrating the "HTML-ization" methodology. It tackles the obsolescence of static documents by presenting live, interactive HTML artifacts for reports, pitches, and audits. Targeted at technical users, it provides an up-to-date, shareable alternative to PDFs, enhancing engagement.

How It Works

Built with Astro 5, MDX, and React 18, the project uses Tailwind CSS for styling. Its core "HTML-ization" approach transforms static documents into dynamic web artifacts. The repo itself serves as a live demonstration, featuring embedded interactive case studies and widgets like a command palette and dynamic leaderboards, deployed via GitHub Pages.

Quick Start & Requirements

• Install: npm install.
• Local Dev: npm run dev (http://localhost:4321).
• Build: npm run build.
• Prerequisites: Node.js 20+.
• Deployment: Automated to GitHub Pages.
• Live Site: dive.vladyslavpodoliako.com

Highlighted Details

• 39 MDX chapters with interactive elements (TL;DRs, tooltips).
• 25 React/Astro widgets, including a command palette and live LMArena leaderboard.
• 3 embedded interactive case studies (AFC pitch, robot stable, audit).
• Site-wide search (⌘K).
• Demonstrates the "HTML-ization" technique directly.

Maintenance & Community

Authored by Vlad Podoliako (Belkins, Folderly). Links provided to his newsletter (10K+ subscribers) and personal website, indicating active engagement. No specific community channels (Discord/Slack) are listed.

Licensing & Compatibility

Code is MIT licensed, permitting commercial use and modification. Content is CC BY-NC-SA 4.0 licensed, restricting commercial use and requiring derivative works to be shared alike.

Limitations & Caveats

The CC BY-NC-SA 4.0 content license restricts commercial reuse. The project functions primarily as a specific methodology demonstration ("HTML-ization") and personal playbook, potentially limiting its general applicability.