mirror of
https://github.com/garrytan/gstack.git
synced 2026-09-15 01:15:29 +02:00
Garry TanandClaude Fable 5.1
8ef842fc75
Real captures from a human-initiated `npx impeccable install` in a scratch directory (engine 0.1.3, linux-x64), never a runtime download: - test/fixtures/impeccable-antipatterns.json: upstream crates/live/assets/antipatterns.json at 87d8f6d6 (the state engine-v0.1.3 shipped), 61 rules, source commit recorded in `_source`. - test/fixtures/impeccable-detect-sample.json: `detect --json` over gstack's planted-slop fixture (source mode), paths normalized. - test/fixtures/review-eval-design-slop.dom.html + impeccable-detect-dom-sample.json: the same page served locally, dumped through the browse engine with the shared DOM-dump script, then scanned. Pins the load-bearing assumption that the static engine reads inline <style> in a .html file: the DOM scan yields the same id set as the source scan. - lib/dom-dump-script.ts: the one dump script both browser engines evaluate (IIFE, no single quotes). Folds CSSOM rgb() back to author hex so palette rules still fire, and removes inlined <link> nodes so the engine does not warn about an unresolvable stylesheet. Both verified against the engine. - test/fixtures/impeccable-detect-help.txt + impeccable-captures.meta.json: the flags, exit codes, finding fields, and re-capture protocol. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
54 lines
2.5 KiB
HTML
54 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Our Platform</title>
|
|
<style data-gstack-dom-css="">/* gstack-dom-dump: http://127.0.0.1/styles.css */
|
|
body { font-family: Papyrus, sans-serif; font-size: 14px; margin: 0px; padding: 0px; }
|
|
.hero { background: linear-gradient(135deg, #6366f1, #8b5cf6); text-align: center; padding: 80px 20px; color: white; }
|
|
.hero h1 { text-align: center; font-size: 48px; }
|
|
.hero p { text-align: center; font-size: 20px; }
|
|
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 60px 40px; text-align: center; }
|
|
.feature-card { border-radius: 24px; padding: 32px; text-align: center; background: #f9fafb; }
|
|
.icon-circle { width: 60px; height: 60px; border-radius: 50%; background: #ede9fe; display: flex; align-items: center; justify-content: center; margin: 0px auto 16px; font-size: 24px; }
|
|
button { outline: none; background: #6366f1; color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 12px 24px; border-radius: 24px; cursor: pointer; }
|
|
.small-link { font-size: 11px; padding: 4px 8px; }
|
|
.override { color: red !important; margin-left: 10px !important; }
|
|
.footer { text-align: center; padding: 40px; background: #1e1b4b; color: white; }</style></head>
|
|
<body>
|
|
<!-- Issue 6: [MEDIUM] Generic hero copy ("Welcome to...", "all-in-one solution") -->
|
|
<div class="hero">
|
|
<h1>Welcome to Our Platform</h1>
|
|
<p>Your all-in-one solution for everything you need</p>
|
|
<button>Get Started</button>
|
|
</div>
|
|
|
|
<!-- Issue 7: [LOW] 3-column feature grid with icon-in-circle + title + description -->
|
|
<div class="features">
|
|
<div class="feature-card">
|
|
<div class="icon-circle">★</div>
|
|
<h3>Feature One</h3>
|
|
<p>A short description of this amazing feature that will change your life.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon-circle">⚡</div>
|
|
<h3>Feature Two</h3>
|
|
<p>Another incredible capability that sets us apart from the competition.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon-circle">⚙</div>
|
|
<h3>Feature Three</h3>
|
|
<p>Yet another powerful tool to streamline your workflow effortlessly.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p class="override">Unlock the power of our platform today</p>
|
|
<a href="#" class="small-link">Terms of Service</a>
|
|
</div>
|
|
|
|
|
|
</body></html>
|
|
<!-- gstack-dom-dump: shadow DOM and constructed stylesheets not captured -->
|