mirror of
https://github.com/morluto/rea.git
synced 2026-10-26 17:35:11 +00:00
docs(website): invite deeper projects and reader feedback
This commit is contained in:
N0zoM1z0 committed
1 parent
0270dd5739
commit
3fb9ffaa4d
3 files changed
+103
-7
No files matched your search
@@ -103,6 +103,10 @@ command, then explains what reverse engineering is and why someone would use
|
||||
it. The manual/agent comparison introduces REA’s role before the examples.
|
||||
Its opening links directly to Showcases and lets experienced readers skip to
|
||||
the analysis guides. Case-study previews live on the Showcases page.
|
||||
The closing section offers copyable project prompts, from cloning `rea.tools`
|
||||
to reconstructing a game from its executable. The experienced-reader shortcut
|
||||
lands directly on the guide links below these prompts.
|
||||
The page ends with FAQ, Discord and issue-report links under “Any questions?”.
|
||||
A right-side table of contents stays visible at widths of 1440px and above.
|
||||
On narrower screens it becomes a sticky, native disclosure; selecting a link
|
||||
closes the menu and focuses the destination. The homepage script follows
|
||||
|
||||
@@ -1463,6 +1463,18 @@ pre code {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.home-project-prompts {
|
||||
margin-block: 2rem 2.5rem;
|
||||
}
|
||||
.home-project-prompts .agent-terminal {
|
||||
margin: 0;
|
||||
}
|
||||
.home-project-prompts .caption {
|
||||
margin-block: 0.8rem 0;
|
||||
}
|
||||
.home-page #analysis-guides {
|
||||
scroll-margin-top: 5rem;
|
||||
}
|
||||
.case-brief {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
|
||||
|
||||
@@ -71,7 +71,8 @@
|
||||
<li><a href="#dinosaur">Dinosaur game</a></li>
|
||||
<li><a href="#calculator">Calculator</a></li>
|
||||
<li><a href="#try-rea">Try REA</a></li>
|
||||
<li><a href="#analyze">Analysis guides</a></li>
|
||||
<li><a href="#analyze">Go deeper</a></li>
|
||||
<li><a href="#questions">Help & feedback</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -93,7 +94,7 @@
|
||||
</div>
|
||||
<p class="home-expert-shortcut">
|
||||
Already know RE?
|
||||
<a href="#analyze">Skip to analysis guides →</a>
|
||||
<a href="#analysis-guides">Skip to analysis guides →</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="home-setup">
|
||||
@@ -168,8 +169,8 @@
|
||||
data-step-comparison
|
||||
>
|
||||
<p class="comparison-label">
|
||||
Before REA · <strong class="prose-highlight">You</strong>
|
||||
investigate
|
||||
Before REA · You investigate it
|
||||
<strong class="prose-highlight">yourself</strong>
|
||||
</p>
|
||||
<div
|
||||
class="step-selector expert-step-selector"
|
||||
@@ -874,12 +875,77 @@ SPEED: 6</code></pre>
|
||||
<section class="section" id="analyze">
|
||||
<div class="container">
|
||||
<div class="section-heading">
|
||||
<h2>Analyze your software</h2>
|
||||
<h2>Want to go deeper?</h2>
|
||||
<p>
|
||||
Choose a guide for your binary, JavaScript app or browser session.
|
||||
Tell your agent what you want to understand or build. With REA,
|
||||
you can work together on anything from
|
||||
<strong>cloning this website</strong> to
|
||||
<strong>reconstructing a game from its executable.</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="workflows">
|
||||
<div class="code-comparison home-project-prompts">
|
||||
<div>
|
||||
<div class="agent-terminal">
|
||||
<div class="terminal-header">
|
||||
<span class="terminal-title">
|
||||
<span class="terminal-dots" aria-hidden="true"
|
||||
><i></i><i></i><i></i></span
|
||||
>Example prompt · Website
|
||||
</span>
|
||||
<button
|
||||
class="copy-button"
|
||||
type="button"
|
||||
data-copy="website-project-prompt"
|
||||
aria-label="Copy website project prompt"
|
||||
>
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
<p class="terminal-prompt">
|
||||
<span class="prompt-symbol" aria-hidden="true">›</span
|
||||
><span id="website-project-prompt"
|
||||
>Use REA to inspect https://rea.tools/. Clone this website
|
||||
for me.</span
|
||||
><span class="terminal-cursor" aria-hidden="true"></span>
|
||||
</p>
|
||||
</div>
|
||||
<p class="caption">Yes, this one.</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="agent-terminal">
|
||||
<div class="terminal-header">
|
||||
<span class="terminal-title">
|
||||
<span class="terminal-dots" aria-hidden="true"
|
||||
><i></i><i></i><i></i></span
|
||||
>Example prompt · Game reconstruction
|
||||
</span>
|
||||
<button
|
||||
class="copy-button"
|
||||
type="button"
|
||||
data-copy="game-project-prompt"
|
||||
aria-label="Copy game reconstruction prompt"
|
||||
>
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
<p class="terminal-prompt">
|
||||
<span class="prompt-symbol" aria-hidden="true">›</span
|
||||
><span id="game-project-prompt"
|
||||
>Use REA to reconstruct this game from its executable.
|
||||
Recover the gameplay logic in C and test it against the
|
||||
original.</span
|
||||
><span class="terminal-cursor" aria-hidden="true"></span>
|
||||
</p>
|
||||
</div>
|
||||
<p class="caption">
|
||||
<a href="showcase/dx-ball/">See the DX-Ball case study →</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="caption">
|
||||
For setup and analysis steps, choose your target:
|
||||
</p>
|
||||
<div class="workflows" id="analysis-guides">
|
||||
<div>
|
||||
<h3>Native binaries</h3>
|
||||
<p>
|
||||
@@ -907,6 +973,20 @@ SPEED: 6</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section" id="questions">
|
||||
<div class="container">
|
||||
<h2>Any questions?</h2>
|
||||
<p>
|
||||
<a href="faq/">Read the FAQ</a>,
|
||||
<a href="https://discord.gg/GkcryMnJDM">chat with us on Discord</a>,
|
||||
or
|
||||
<a href="https://github.com/morluto/rea/issues/new/choose"
|
||||
>open a GitHub issue</a
|
||||
>
|
||||
for bugs and feature requests.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-inner">
|
||||
|
||||
Reference in new issue
Block a user