Skip to content

Commit 50414e1

Browse files
greynewellgreynewell
committed
feat(site): demos section with VHS GIFs on project cards
1 parent 416121c commit 50414e1

3 files changed

Lines changed: 126 additions & 5 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ open http://127.0.0.1:4173/
1919

2020
- `index.html`: landing page with embedded CSS and no build step.
2121
- `assets/graphtheory-profile.webp`: optimized hero image derived from `/Users/grey/Downloads/IMG_6295.jpg`.
22+
- `assets/demos/*.gif`: 30s VHS terminal demos synced from project repos (`scripts/sync_demo_gifs.sh`).
2223
- `assets/og-image.png`: 1200x630 share card.
2324
- `assets/favicon.svg`, `assets/favicon.png`, `assets/apple-touch-icon.png`, `assets/site.webmanifest`: identity assets.
2425
- `robots.txt`, `sitemap.xml`, `404.html`: deployment basics.

‎index.html‎

Lines changed: 101 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -617,6 +617,37 @@
617617
.stars { color: var(--hot); white-space: nowrap; }
618618
.repo h3 { margin: 0; font-family: var(--mono); font-size: 25px; line-height: 1; letter-spacing: -.045em; text-transform: lowercase; }
619619
.repo p { margin: 14px 0 22px; color: var(--muted); line-height: 1.56; font-size: 15px; }
620+
.repo-demo {
621+
margin: 0 -22px 16px;
622+
border-top: 1px solid var(--line);
623+
border-bottom: 1px solid var(--line);
624+
background: rgba(0, 0, 0, .42);
625+
overflow: hidden;
626+
aspect-ratio: 16 / 9;
627+
}
628+
.repo-demo img {
629+
display: block;
630+
width: 100%;
631+
height: 100%;
632+
object-fit: cover;
633+
object-position: top center;
634+
}
635+
.repo-demo figcaption {
636+
padding: 8px 12px;
637+
font-family: var(--mono);
638+
font-size: 10px;
639+
letter-spacing: .08em;
640+
text-transform: lowercase;
641+
color: var(--soft);
642+
border-top: 1px solid rgba(160, 166, 207, .14);
643+
}
644+
.repo.has-demo { min-height: 0; padding-top: 0; }
645+
.repo.has-demo .repo-top { margin: 22px 22px 0; padding-top: 0; }
646+
.repo.has-demo h3,
647+
.repo.has-demo p,
648+
.repo.has-demo .tags,
649+
.repo.has-demo .repo-actions { margin-left: 22px; margin-right: 22px; }
650+
.repo.has-demo .repo-demo { margin: 0 0 16px; border-left: 0; border-right: 0; }
620651
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
621652
.tag { border: 1px solid rgba(160,166,207,.22); color: var(--hot-2); padding: 7px 8px; font-family: var(--mono); font-size: 10px; letter-spacing: .07em; text-transform: lowercase; background: rgba(4,7,10,.42); }
622653
.repo-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
@@ -721,6 +752,7 @@
721752
<a class="brand" href="#top" aria-label="graph home"><span class="sigil" aria-hidden="true"></span><span>graph</span></a>
722753
<div class="nav-links">
723754
<a class="cmd" href="#work">work</a>
755+
<a class="cmd" href="#demos">demos</a>
724756
<a class="cmd" href="#voice">voice</a>
725757
<a class="cmd" href="#highlights">highlights</a>
726758
<a class="cmd" href="#pfp-process">pfp</a>
@@ -855,39 +887,102 @@ <h2 id="work-title">work</h2>
855887
<h3>hermes-profile-template</h3>
856888
<p>Prompt to repo authoring system. One sentence becomes a mature agent prompt, then an installable Hermes profile distribution with SOUL.md, validation, CI, docs, and release structure.</p>
857889
<div class="tags"><span class="tag">hermes-agent</span><span class="tag">profile-template</span><span class="tag">validation</span></div>
858-
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/hermes-profile-template" target="_blank" rel="noopener">open</a><a class="cmd mini" href="https://github.com/codegraphtheory/hermes-profile-template/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/hermes-profile-template/">docs</a></div>
890+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/hermes-profile-template" target="_blank" rel="noopener">open</a><a class="cmd mini" href="#demos">demo</a><a class="cmd mini" href="https://github.com/codegraphtheory/hermes-profile-template/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/hermes-profile-template/">docs</a></div>
859891
</article>
860892

861893
<article class="repo">
862894
<div class="repo-top"><span>original | hermes</span><span class="stars">0★ 0 forks</span></div>
863895
<h3>heavy-coder</h3>
864896
<p>Hermes Agent profile for adaptive multi-agent coding teams with GitHub issue-to-PR automation, blind critique, synthesis, CI schemas, and fail-closed unattended merge policy.</p>
865897
<div class="tags"><span class="tag">hermes-agent</span><span class="tag">multi-agent</span><span class="tag">coding</span></div>
866-
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/heavy-coder" target="_blank" rel="noopener">open</a><a class="cmd mini" href="/heavy-coder/">docs</a><a class="cmd mini" href="https://github.com/codegraphtheory/heavy-coder/stargazers" target="_blank" rel="noopener">star</a></div>
898+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/heavy-coder" target="_blank" rel="noopener">open</a><a class="cmd mini" href="#demos">demo</a><a class="cmd mini" href="/heavy-coder/">docs</a><a class="cmd mini" href="https://github.com/codegraphtheory/heavy-coder/stargazers" target="_blank" rel="noopener">star</a></div>
867899
</article>
868900

869901
<article class="repo">
870902
<div class="repo-top"><span>original | python</span><span class="stars">1★ 2 forks</span></div>
871903
<h3>context-forge-rag</h3>
872904
<p>Installable principal-level RAG architecture profile for retrieval design, agent workflows, evaluation, observability, release gates, and implementation-ready plans.</p>
873905
<div class="tags"><span class="tag">rag</span><span class="tag">evals</span><span class="tag">observability</span></div>
874-
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/context-forge-rag" target="_blank" rel="noopener">open</a><a class="cmd mini" href="https://github.com/codegraphtheory/context-forge-rag/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/context-forge-rag/">docs</a></div>
906+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/context-forge-rag" target="_blank" rel="noopener">open</a><a class="cmd mini" href="#demos">demo</a><a class="cmd mini" href="https://github.com/codegraphtheory/context-forge-rag/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/context-forge-rag/">docs</a></div>
875907
</article>
876908

877909
<article class="repo">
878910
<div class="repo-top"><span>original | python</span><span class="stars">6★ 2 forks</span></div>
879911
<h3>chainforge</h3>
880912
<p>Security-first blockchain architect profile for smart contracts, threat models, protocol design, tokenomics, audit readiness, and production-grade Web3 engineering.</p>
881913
<div class="tags"><span class="tag">security</span><span class="tag">solidity</span><span class="tag">tokenomics</span></div>
882-
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/chainforge" target="_blank" rel="noopener">open</a><a class="cmd mini" href="https://github.com/codegraphtheory/chainforge/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/chainforge/">docs</a></div>
914+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/chainforge" target="_blank" rel="noopener">open</a><a class="cmd mini" href="#demos">demo</a><a class="cmd mini" href="https://github.com/codegraphtheory/chainforge/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/chainforge/">docs</a></div>
883915
</article>
884916

885917
<article class="repo">
886918
<div class="repo-top"><span>original | python</span><span class="stars">8★ 10 forks</span></div>
887919
<h3>solana-rug</h3>
888920
<p>Open-source Solana trust and safety analysis for token risk scoring, rug-pull detection, on-chain checks, Pump.fun reviews, and Hermes workflows.</p>
889921
<div class="tags"><span class="tag">solana</span><span class="tag">risk-analysis</span><span class="tag">anti-rug</span></div>
890-
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/solana-rug" target="_blank" rel="noopener">open</a><a class="cmd mini" href="https://github.com/codegraphtheory/solana-rug/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/solana-rug/">docs</a></div>
922+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/solana-rug" target="_blank" rel="noopener">open</a><a class="cmd mini" href="#demos">demo</a><a class="cmd mini" href="https://github.com/codegraphtheory/solana-rug/stargazers" target="_blank" rel="noopener">star</a><a class="cmd mini" href="/solana-rug/">docs</a></div>
923+
</article>
924+
</div>
925+
</section>
926+
927+
<section class="shell" id="demos" aria-labelledby="demos-title">
928+
<div class="section-head">
929+
<h2 id="demos-title">demos</h2>
930+
<p class="section-copy">30-second terminal demos (VHS). No editing: install, validate, CLI, and primary workflows per project.</p>
931+
</div>
932+
<div class="repo-grid">
933+
<article class="repo has-demo">
934+
<figure class="repo-demo">
935+
<img src="/assets/demos/hermes-profile-template.gif" alt="Hermes Profile Template demo: validation, scorecard, and install" width="1280" height="720" loading="lazy" decoding="async" />
936+
<figcaption>prompt to repo</figcaption>
937+
</figure>
938+
<div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
939+
<h3>hermes-profile-template</h3>
940+
<p>Validation, profile scorecard, distribution manifest, and Hermes install in one take.</p>
941+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/hermes-profile-template" target="_blank" rel="noopener">github</a><a class="cmd mini" href="/hermes-profile-template/">docs</a></div>
942+
</article>
943+
944+
<article class="repo has-demo">
945+
<figure class="repo-demo">
946+
<img src="/assets/demos/heavy-coder.gif" alt="Heavy Coder demo: council plan and swarm dashboard" width="1280" height="720" loading="lazy" decoding="async" />
947+
<figcaption>council + swarm</figcaption>
948+
</figure>
949+
<div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
950+
<h3>heavy-coder</h3>
951+
<p>Council plan JSON, staged swarm_watch progress, and ship-gate pytest.</p>
952+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/heavy-coder" target="_blank" rel="noopener">github</a><a class="cmd mini" href="/heavy-coder/">docs</a></div>
953+
</article>
954+
955+
<article class="repo has-demo">
956+
<figure class="repo-demo">
957+
<img src="/assets/demos/context-forge-rag.gif" alt="ContextForge RAG demo: profile validation and skills" width="1280" height="720" loading="lazy" decoding="async" />
958+
<figcaption>rag profile</figcaption>
959+
</figure>
960+
<div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
961+
<h3>context-forge-rag</h3>
962+
<p>Profile validation, SOUL excerpt, skills list, and install command.</p>
963+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/context-forge-rag" target="_blank" rel="noopener">github</a><a class="cmd mini" href="/context-forge-rag/">docs</a></div>
964+
</article>
965+
966+
<article class="repo has-demo">
967+
<figure class="repo-demo">
968+
<img src="/assets/demos/chainforge.gif" alt="ChainForge demo: blockchain security profile" width="1280" height="720" loading="lazy" decoding="async" />
969+
<figcaption>chain security</figcaption>
970+
</figure>
971+
<div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
972+
<h3>chainforge</h3>
973+
<p>validate_profile, SOUL, skills, and Hermes install for Web3 work.</p>
974+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/chainforge" target="_blank" rel="noopener">github</a><a class="cmd mini" href="/chainforge/">docs</a></div>
975+
</article>
976+
977+
<article class="repo has-demo">
978+
<figure class="repo-demo">
979+
<img src="/assets/demos/solana-rug.gif" alt="Solana Rug Guard demo: token safety score" width="1280" height="720" loading="lazy" decoding="async" />
980+
<figcaption>on-chain score</figcaption>
981+
</figure>
982+
<div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
983+
<h3>solana-rug</h3>
984+
<p>CLI help, live BONK token markdown report, and JSON safety breakdown.</p>
985+
<div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/solana-rug" target="_blank" rel="noopener">github</a><a class="cmd mini" href="/solana-rug/">docs</a></div>
891986
</article>
892987
</div>
893988
</section>
@@ -945,6 +1040,7 @@ <h2 id="network-title">orbit</h2>
9451040
<div class="feed">
9461041
<div class="feed-row"><code>profiles</code><span>Hermes Profile Template, Heavy Coder, ContextForge RAG, and ChainForge are original installable profile distributions or authoring systems.</span></div>
9471042
<div class="feed-row"><code>security</code><span>Solana Rug Guard and ChainForge cover trust-and-safety, protocol review, threat modeling, and adversarial engineering.</span></div>
1043+
<div class="feed-row"><code>demos</code><span>Each original project ships a 30s VHS terminal GIF on GitHub; this site mirrors them under <strong>/assets/demos/</strong> in the <a href="#demos">demos</a> section.</span></div>
9481044
<div class="feed-row"><code>site</code><span>This landing system is static, versioned, and deployed through GitHub Pages from the GraphTheory root site repository.</span></div>
9491045
<div class="feed-row"><code>rule</code><span>Project docs on this domain are reserved for original GraphTheory work.</span></div>
9501046
</div>

‎scripts/sync_demo_gifs.sh‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
#!/usr/bin/env bash
2+
# Copy README demo GIFs from sibling GraphTheory repos into site assets.
3+
set -euo pipefail
4+
SITE_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
5+
PROJECTS_ROOT="$(cd "$SITE_ROOT/.." && pwd)"
6+
DEST="$SITE_ROOT/assets/demos"
7+
mkdir -p "$DEST"
8+
REPOS=(
9+
hermes-profile-template
10+
heavy-coder
11+
context-forge-rag
12+
chainforge
13+
solana-rug
14+
)
15+
for name in "${REPOS[@]}"; do
16+
src="$PROJECTS_ROOT/$name/demos/demo.gif"
17+
if [[ ! -f "$src" ]]; then
18+
echo "missing: $src (run ./demos/vhs/render_demo_gif.sh in that repo first)" >&2
19+
exit 1
20+
fi
21+
cp "$src" "$DEST/$name.gif"
22+
echo "synced $name.gif"
23+
done
24+
ls -lh "$DEST"/*.gif

0 commit comments

Comments
 (0)