feat: publish blog post 02

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: GeoloeG-IsT

site/02.html

@@ -101,14 +101,8 @@
   </div>
   <div class="are-nav-side"></div>
 </nav>
-<style>
-.are-blur-wrap{filter:blur(5px);pointer-events:none;user-select:none}
-.are-coming-soon-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;background:rgba(10,10,20,0.93);backdrop-filter:blur(12px);color:#fff;padding:28px 48px;border-radius:14px;font-family:system-ui,-apple-system,sans-serif;text-align:center;pointer-events:auto;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.4)}
-.are-coming-soon-banner h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff}
-.are-coming-soon-banner p{font-size:14px;color:rgba(255,255,255,0.75);margin:0}
-</style>
-<div class="are-coming-soon-banner"><h2>Coming Soon</h2><p>This article is not yet available</p></div>
-<div class="are-blur-wrap">
+
+
 <article><h1>Getting Started with agents-reverse-engineer in 5 Minutes</h1>
 <p>agents-reverse-engineer (ARE) is a CLI tool that generates AI-friendly documentation for your codebase automatically. Instead of manually explaining your project to AI coding assistants, ARE analyzes your code and creates comprehensive documentation that AI models can read instantly.</p>
 <h2>Prerequisites</h2>
@@ -153,6 +147,6 @@ <h2>Keeping Documentation Updated</h2>
 <h2>Next Steps</h2>
 <p>You now have a fully documented codebase that your AI assistant understands. The documentation lives alongside your code and updates as your project evolves.</p>
 </article>
-</div>
+
 </body>
 </html>

site/build.mjs

@@ -1258,7 +1258,7 @@ for (const art of articles) {
   const htmlContent = marked.parse(md);
   const themeCSS = themes[art.theme]();
 
-  const isAvailable = art.id === '01';
+  const isAvailable = art.id === '01' || art.id === '02';
   const blurOverlay = isAvailable ? '' : `<style>
 .are-blur-wrap{filter:blur(5px);pointer-events:none;user-select:none}
 .are-coming-soon-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;background:rgba(10,10,20,0.93);backdrop-filter:blur(12px);color:#fff;padding:28px 48px;border-radius:14px;font-family:system-ui,-apple-system,sans-serif;text-align:center;pointer-events:auto;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.4)}
@@ -1324,7 +1324,7 @@ const cardItems = articles.map(art => {
   const md = readFileSync(join(blogDir, art.file), 'utf-8');
   const title = extractTitle(md);
   const c = themeColors[art.theme];
-  const isAvailable = art.id === '01';
+  const isAvailable = art.id === '01' || art.id === '02';
   const cls = isAvailable ? 'card' : 'card coming-soon';
   const badge = isAvailable ? '' : '<div class="coming-soon-badge">Coming Soon</div>';
   return `

site/index.html

@@ -175,8 +175,8 @@ <h2>Your AI Assistant Forgets Everything: Here's the Fix</h2>
       </div>
     </a>
 
-    <a href="02.html" class="card coming-soon" style="--card-bg:#f8f9fb;--card-fg:#1a1a2e;--card-accent:#6366f1;">
-      <div class="coming-soon-badge">Coming Soon</div>
+    <a href="02.html" class="card" style="--card-bg:#f8f9fb;--card-fg:#1a1a2e;--card-accent:#6366f1;">
+      
       <div class="card-number">02</div>
       <div class="card-content">
         <div class="card-theme">Minimal</div>