From b09d02d93cbadfa0ced21e7c489c7d47fb317228 Mon Sep 17 00:00:00 2001
From: N0zoM1z0 <161784452+N0zoM1z0@users.noreply.github.com>
Date: Sat, 10 Oct 2026 13:55:18 +0800
Subject: [PATCH] feat(website): add a blog for methods and project notes

---
 website/public/blog/index.html                | 154 ++++++++++++++++++
 website/public/examples/dino-lab/index.html   |   3 +-
 website/public/faq/index.html                 |   1 +
 website/public/first-investigation/index.html |   3 +-
 website/public/get-started/index.html         |   3 +-
 website/public/guides/browser/index.html      |   3 +-
 website/public/guides/index.html              |   3 +-
 website/public/guides/javascript/index.html   |   3 +-
 website/public/guides/native/index.html       |   3 +-
 website/public/index.html                     |   1 +
 website/public/showcase/aegis/index.html      |   1 +
 website/public/showcase/ctf/index.html        |   1 +
 website/public/showcase/dx-ball/index.html    |   1 +
 website/public/showcase/index.html            |   1 +
 website/public/showcase/notion/index.html     |   1 +
 website/public/showcase/th04/index.html       |   1 +
 16 files changed, 176 insertions(+), 7 deletions(-)
 create mode 100644 website/public/blog/index.html

diff --git a/website/public/blog/index.html b/website/public/blog/index.html
new file mode 100644
index 000000000..eec6da2a6
--- /dev/null
+++ b/website/public/blog/index.html
@@ -0,0 +1,154 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Reverse Engineering Methods and Project Notes — REA</title>
+    <meta
+      name="description"
+      content="Articles about reverse-engineering methods, game reconstruction, ports and mods, with workflows and lessons from real projects."
+    />
+    <link rel="canonical" href="https://rea.tools/blog/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="REA" />
+    <meta
+      property="og:title"
+      content="Reverse Engineering Methods and Project Notes — REA"
+    />
+    <meta
+      property="og:description"
+      content="Articles about reverse-engineering methods, game reconstruction, ports and mods, with workflows and lessons from real projects."
+    />
+    <meta property="og:url" content="https://rea.tools/blog/" />
+    <meta
+      property="og:image"
+      content="https://rea.tools/assets/social-card.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta
+      property="og:image:alt"
+      content="REA — Find out how software works. Reverse engineering with your coding agent."
+    />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:title"
+      content="Reverse Engineering Methods and Project Notes — REA"
+    />
+    <meta
+      name="twitter:description"
+      content="Articles about reverse-engineering methods, game reconstruction, ports and mods, with workflows and lessons from real projects."
+    />
+    <meta
+      name="twitter:image"
+      content="https://rea.tools/assets/social-card.png"
+    />
+    <meta
+      name="twitter:image:alt"
+      content="REA — Find out how software works. Reverse engineering with your coding agent."
+    />
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml" />
+    <link rel="stylesheet" href="../assets/styles.css" />
+    <script src="../assets/main.js" defer></script>
+  </head>
+  <body id="top">
+    <a class="skip-link" href="#main">Skip to content</a>
+    <header class="site-header">
+      <div class="container header-inner">
+        <a class="brand" href="../" aria-label="REA home"
+          ><span class="brand-name">REA</span
+          ><span class="brand-caption">Reverse Engineer Anything</span></a
+        >
+        <nav class="navigation" aria-label="Main navigation">
+          <a href="../showcase/">Showcases</a>
+          <a href="./" aria-current="page">Blog</a>
+          <a class="nav-start" href="../get-started/">Get started</a>
+          <a href="../guides/">Guides</a>
+          <a href="../faq/">FAQ</a>
+        </nav>
+        <div class="header-social">
+          <a
+            class="nav-github"
+            href="https://github.com/morluto/rea"
+            aria-label="REA on GitHub"
+            title="REA on GitHub"
+          >
+            <svg
+              width="22"
+              height="22"
+              viewBox="0 0 16 16"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <path
+                fill="currentColor"
+                d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.65 7.65 0 0 1 2-.27c.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
+              />
+            </svg>
+            <span class="nav-github-count" hidden aria-hidden="true"></span>
+          </a>
+          <a
+            class="nav-discord"
+            href="https://discord.gg/GkcryMnJDM"
+            aria-label="Join REA on Discord"
+            title="Join REA on Discord"
+          >
+            <svg
+              width="22"
+              height="22"
+              viewBox="0 0 24 24"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <path
+                fill="currentColor"
+                d="M20.317 4.3698a19.7913 19.7913 0 0 0-4.8851-1.5152.0741.0741 0 0 0-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 0 0-.0785-.037 19.7363 19.7363 0 0 0-4.8852 1.515.0699.0699 0 0 0-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 0 0 .0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 0 0 .0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 0 0-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 0 1-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 0 1 .0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 0 1 .0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 0 1-.0066.1276 12.2986 12.2986 0 0 1-1.873.8914.0766.0766 0 0 0-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 0 0 .0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 0 0 .0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 0 0-.0312-.0286ZM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189Zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
+              />
+            </svg>
+          </a>
+        </div>
+      </div>
+    </header>
+    <main id="main" class="container">
+      <div class="page-heading">
+        <p class="breadcrumb"><a href="../">Home</a> / Blog</p>
+        <h1>Methods and project notes.</h1>
+        <p class="lede">
+          How we approach reverse engineering, game reconstruction, ports and
+          mods.
+        </p>
+      </div>
+      <div class="guide-index">
+        <section class="guide-entry">
+          <p class="eyebrow">Game reconstruction<br />Article outline</p>
+          <div>
+            <h2>Reconstructing Touhou with AI agents</h2>
+            <p>
+              A repeatable workflow, illustrated by TH08, TH095 and TH04: build
+              on existing work, carry lessons into a new game, and adapt the
+              method to an older platform.
+            </p>
+            <p class="page-meta">By N0zoM1z0 · Outline in progress</p>
+          </div>
+        </section>
+      </div>
+    </main>
+    <footer class="site-footer">
+      <div class="container footer-inner">
+        <p>REA · Reverse Engineer Anything</p>
+        <div class="footer-links">
+          <a href="https://github.com/morluto/rea">Source</a
+          ><a href="https://github.com/morluto/rea/blob/main/LICENSE"
+            >MIT license</a
+          ><a href="https://discord.gg/GkcryMnJDM">Community</a>
+        </div>
+      </div>
+    </footer>
+    <p class="sr-only" id="copy-status" role="status" aria-live="polite"></p>
+    <a class="back-to-top" href="#top" aria-label="Back to top">
+      <span aria-hidden="true">↑</span> Top
+    </a>
+  </body>
+</html>
diff --git a/website/public/examples/dino-lab/index.html b/website/public/examples/dino-lab/index.html
index d0bc84c76..02452bda9 100644
--- a/website/public/examples/dino-lab/index.html
+++ b/website/public/examples/dino-lab/index.html
@@ -63,7 +63,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../../showcase/">Showcases</a
+          <a href="../../showcase/">Showcases</a>
+          <a href="../../blog/">Blog</a
           ><a class="nav-start" href="../../get-started/">Get started</a
           ><a href="../../guides/">Guides</a><a href="../../faq/">FAQ</a>
         </nav>
diff --git a/website/public/faq/index.html b/website/public/faq/index.html
index fa4a64a83..3ab51b9d3 100644
--- a/website/public/faq/index.html
+++ b/website/public/faq/index.html
@@ -63,6 +63,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="../showcase/">Showcases</a>
+          <a href="../blog/">Blog</a>
           <a class="nav-start" href="../get-started/">Get started</a>
           <a href="../guides/">Guides</a>
           <a href="./" aria-current="page">FAQ</a>
diff --git a/website/public/first-investigation/index.html b/website/public/first-investigation/index.html
index a642735c2..0db427248 100644
--- a/website/public/first-investigation/index.html
+++ b/website/public/first-investigation/index.html
@@ -62,7 +62,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../showcase/">Showcases</a
+          <a href="../showcase/">Showcases</a>
+          <a href="../blog/">Blog</a
           ><a class="nav-start" href="../get-started/">Get started</a
           ><a href="../guides/">Guides</a><a href="../faq/">FAQ</a>
         </nav>
diff --git a/website/public/get-started/index.html b/website/public/get-started/index.html
index d13ad67ba..cc1070c92 100644
--- a/website/public/get-started/index.html
+++ b/website/public/get-started/index.html
@@ -62,7 +62,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../showcase/">Showcases</a
+          <a href="../showcase/">Showcases</a>
+          <a href="../blog/">Blog</a
           ><a class="nav-start" href="./" aria-current="page">Get started</a
           ><a href="../guides/">Guides</a><a href="../faq/">FAQ</a>
         </nav>
diff --git a/website/public/guides/browser/index.html b/website/public/guides/browser/index.html
index b1567f9f1..1611ecba3 100644
--- a/website/public/guides/browser/index.html
+++ b/website/public/guides/browser/index.html
@@ -56,7 +56,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../../showcase/">Showcases</a
+          <a href="../../showcase/">Showcases</a>
+          <a href="../../blog/">Blog</a
           ><a class="nav-start" href="../../get-started/">Get started</a
           ><a href="../">Guides</a><a href="../../faq/">FAQ</a>
         </nav>
diff --git a/website/public/guides/index.html b/website/public/guides/index.html
index eeed0e7f1..0ac92c277 100644
--- a/website/public/guides/index.html
+++ b/website/public/guides/index.html
@@ -56,7 +56,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../showcase/">Showcases</a
+          <a href="../showcase/">Showcases</a>
+          <a href="../blog/">Blog</a
           ><a class="nav-start" href="../get-started/">Get started</a
           ><a href="./" aria-current="page">Guides</a><a href="../faq/">FAQ</a>
         </nav>
diff --git a/website/public/guides/javascript/index.html b/website/public/guides/javascript/index.html
index 8e77022fe..da04c775b 100644
--- a/website/public/guides/javascript/index.html
+++ b/website/public/guides/javascript/index.html
@@ -62,7 +62,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../../showcase/">Showcases</a
+          <a href="../../showcase/">Showcases</a>
+          <a href="../../blog/">Blog</a
           ><a class="nav-start" href="../../get-started/">Get started</a
           ><a href="../">Guides</a><a href="../../faq/">FAQ</a>
         </nav>
diff --git a/website/public/guides/native/index.html b/website/public/guides/native/index.html
index f3c4a658a..304c2e9f0 100644
--- a/website/public/guides/native/index.html
+++ b/website/public/guides/native/index.html
@@ -56,7 +56,8 @@
           ><span class="brand-caption">Reverse Engineer Anything</span></a
         >
         <nav class="navigation" aria-label="Main navigation">
-          <a href="../../showcase/">Showcases</a
+          <a href="../../showcase/">Showcases</a>
+          <a href="../../blog/">Blog</a
           ><a class="nav-start" href="../../get-started/">Get started</a
           ><a href="../">Guides</a><a href="../../faq/">FAQ</a>
         </nav>
diff --git a/website/public/index.html b/website/public/index.html
index 11d70c1d9..2502dc21a 100644
--- a/website/public/index.html
+++ b/website/public/index.html
@@ -65,6 +65,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="showcase/">Showcases</a>
+          <a href="blog/">Blog</a>
           <a class="nav-start" href="get-started/">Get started</a>
           <a href="guides/">Guides</a>
           <a href="faq/">FAQ</a>
diff --git a/website/public/showcase/aegis/index.html b/website/public/showcase/aegis/index.html
index 7949addfd..de2227842 100644
--- a/website/public/showcase/aegis/index.html
+++ b/website/public/showcase/aegis/index.html
@@ -64,6 +64,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="../">Showcases</a>
+          <a href="../../blog/">Blog</a>
           <a class="nav-start" href="../../get-started/">Get started</a>
           <a href="../../guides/">Guides</a>
           <a href="../../faq/">FAQ</a>
diff --git a/website/public/showcase/ctf/index.html b/website/public/showcase/ctf/index.html
index afe735fee..42084b828 100644
--- a/website/public/showcase/ctf/index.html
+++ b/website/public/showcase/ctf/index.html
@@ -63,6 +63,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="../">Showcases</a>
+          <a href="../../blog/">Blog</a>
           <a class="nav-start" href="../../get-started/">Get started</a>
           <a href="../../guides/">Guides</a>
           <a href="../../faq/">FAQ</a>
diff --git a/website/public/showcase/dx-ball/index.html b/website/public/showcase/dx-ball/index.html
index d89d2bf5b..04926e8ba 100644
--- a/website/public/showcase/dx-ball/index.html
+++ b/website/public/showcase/dx-ball/index.html
@@ -63,6 +63,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="../">Showcases</a>
+          <a href="../../blog/">Blog</a>
           <a class="nav-start" href="../../get-started/">Get started</a>
           <a href="../../guides/">Guides</a>
           <a href="../../faq/">FAQ</a>
diff --git a/website/public/showcase/index.html b/website/public/showcase/index.html
index 168afcde9..2329ee42f 100644
--- a/website/public/showcase/index.html
+++ b/website/public/showcase/index.html
@@ -63,6 +63,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="./" aria-current="page">Showcases</a>
+          <a href="../blog/">Blog</a>
           <a class="nav-start" href="../get-started/">Get started</a>
           <a href="../guides/">Guides</a>
           <a href="../faq/">FAQ</a>
diff --git a/website/public/showcase/notion/index.html b/website/public/showcase/notion/index.html
index c276d16c9..161cb1204 100644
--- a/website/public/showcase/notion/index.html
+++ b/website/public/showcase/notion/index.html
@@ -63,6 +63,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="../">Showcases</a>
+          <a href="../../blog/">Blog</a>
           <a class="nav-start" href="../../get-started/">Get started</a>
           <a href="../../guides/">Guides</a>
           <a href="../../faq/">FAQ</a>
diff --git a/website/public/showcase/th04/index.html b/website/public/showcase/th04/index.html
index 9a89af639..701065aaf 100644
--- a/website/public/showcase/th04/index.html
+++ b/website/public/showcase/th04/index.html
@@ -63,6 +63,7 @@
         >
         <nav class="navigation" aria-label="Main navigation">
           <a href="../">Showcases</a>
+          <a href="../../blog/">Blog</a>
           <a class="nav-start" href="../../get-started/">Get started</a>
           <a href="../../guides/">Guides</a>
           <a href="../../faq/">FAQ</a>