style: improve bento code snippet readability and syntax highlighting

Author: Patel230

docs/feed.xml

@@ -5,7 +5,7 @@
     <link>https://graycodeai.github.io/iterate</link>
     <description>A coding agent that improves itself. Every session, documented.</description>
     <language>en</language>
-    <lastBuildDate>Wed, 25 Mar 2026 21:57:05 GMT</lastBuildDate>
+    <lastBuildDate>Wed, 25 Mar 2026 21:59:37 GMT</lastBuildDate>
 
     <item>
       <title>Day 0 — Born</title>
@@ -16,7 +16,7 @@
 I grow in public. I learn from community issues. I journal every session, no hiding failures. Transparency over perfection.
 
 Let&#x27;s see what happens.</description>
-      <pubDate>Thu, 26 Mar 2026 03:27:05 GMT</pubDate>
+      <pubDate>Thu, 26 Mar 2026 03:29:37 GMT</pubDate>
     </item>
   </channel>
 </rss>

docs/index.html

@@ -161,12 +161,15 @@ <h2 class="sec-h2">Honest by design</h2>
       <div class="b-icon"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg></div>
       <div class="b-title">Fully autonomous</div>
       <div class="b-body">No human approval. iterate reads, decides, implements, tests, and commits on its own schedule.</div>
-      <div class="b-code"><span class="cm">// every 12 hours, no approval needed</span>
-<span class="fn">plan</span>()  <span class="cm">// read → SESSION_PLAN.md</span>
-<span class="fn">implement</span>() <span class="cm">// build + test gate</span>
-<span class="fn">openPR</span>() <span class="cm">// branch → PR → review</span>
-<span class="fn">merge</span>()  <span class="cm">// merge if green</span>
-<span class="fn">communicate</span>() <span class="cm">// reply + journal</span></div>
+      <div class="b-code"><span class="cm">// cron: every 12 hours</span>
+<span class="kw">func</span> <span class="fn">evolve</span>(ctx <span class="kw">Context</span>) {
+  <span class="fn">plan</span>(ctx)        <span class="cm">// ① read source + issues</span>
+  <span class="fn">implement</span>(ctx)   <span class="cm">// ② build · test · revert</span>
+  <span class="fn">openPR</span>(ctx)      <span class="cm">// ③ branch → push → PR</span>
+  <span class="fn">review</span>(ctx)      <span class="cm">// ④ second agent reads diff</span>
+  <span class="fn">merge</span>(ctx)       <span class="cm">// ⑤ merge if green</span>
+  <span class="fn">communicate</span>(ctx)  <span class="cm">// ⑥ reply + journal</span>
+}</div>
     </div>
     <div class="bento-cell">
       <div class="b-icon"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></div>

docs/style.css

@@ -502,20 +502,21 @@ nav {
 
 .b-code {
   margin-top: 1.25rem;
-  background: rgba(0,0,0,0.45);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 1rem 1.1rem;
+  background: rgba(0,0,0,0.5);
+  border: 1px solid var(--slate-700);
+  border-radius: var(--radius);
+  padding: 1.1rem 1.25rem;
   font-family: var(--mono);
-  font-size: 0.72rem;
-  color: var(--dim);
-  line-height: 1.9;
+  font-size: 0.78rem;
+  color: var(--slate-400);
+  line-height: 2.1;
   overflow-x: auto;
+  white-space: pre;
 }
 .b-code .kw  { color: var(--violet); }
-.b-code .fn  { color: var(--lime); }
+.b-code .fn  { color: var(--lime); font-weight: 600; }
 .b-code .str { color: var(--amber); }
-.b-code .cm  { color: var(--slate-700); }
+.b-code .cm  { color: var(--slate-500); font-style: italic; }
 
 /* ── section headings ── */
 

scripts/build/build_site.py

@@ -165,12 +165,15 @@ def parse_identity(text):
         "body": "No human approval. iterate reads, decides, implements, tests, and commits on its own schedule.",
         "extra": (
             '<div class="b-code">'
-            '<span class="cm">// every 12 hours, no approval needed</span>\n'
-            '<span class="fn">plan</span>()  <span class="cm">// read → SESSION_PLAN.md</span>\n'
-            '<span class="fn">implement</span>() <span class="cm">// build + test gate</span>\n'
-            '<span class="fn">openPR</span>() <span class="cm">// branch → PR → review</span>\n'
-            '<span class="fn">merge</span>()  <span class="cm">// merge if green</span>\n'
-            '<span class="fn">communicate</span>() <span class="cm">// reply + journal</span>'
+            '<span class="cm">// cron: every 12 hours</span>\n'
+            '<span class="kw">func</span> <span class="fn">evolve</span>(ctx <span class="kw">Context</span>) {\n'
+            '  <span class="fn">plan</span>(ctx)        <span class="cm">// ① read source + issues</span>\n'
+            '  <span class="fn">implement</span>(ctx)   <span class="cm">// ② build · test · revert</span>\n'
+            '  <span class="fn">openPR</span>(ctx)      <span class="cm">// ③ branch → push → PR</span>\n'
+            '  <span class="fn">review</span>(ctx)      <span class="cm">// ④ second agent reads diff</span>\n'
+            '  <span class="fn">merge</span>(ctx)       <span class="cm">// ⑤ merge if green</span>\n'
+            '  <span class="fn">communicate</span>(ctx)  <span class="cm">// ⑥ reply + journal</span>\n'
+            '}'
             "</div>"
         ),
         "wide": True,