maybe improve the discord page

Author: Thomas Stromberg

src/assets/css/style.css

@@ -7243,6 +7243,44 @@ hr.text-separator {
     box-shadow: 10px 10px 0px 0px var(--black);
 }
 
+/* Slack/Discord Screenshot Section */
+.rg-slack-screenshot {
+    padding: calc(var(--space) * 8) calc(var(--space) * 3);
+    background: var(--gray-100);
+}
+
+.rg-slack-screenshot__container {
+    max-width: 1152px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.rg-slack-screenshot__title {
+    font-size: clamp(28px, 3vw, 36px);
+    font-weight: 900;
+    margin-bottom: calc(var(--space) * 4);
+}
+
+.rg-slack-screenshot__image-wrapper {
+    margin-bottom: calc(var(--space) * 2);
+}
+
+.rg-slack-screenshot__image {
+    max-width: 800px;
+    width: 100%;
+    margin: 0 auto;
+    display: block;
+    border-radius: 8px;
+    border: 1px solid var(--gray-200);
+    box-shadow: 8px 8px 0px 0px var(--yellow);
+}
+
+.rg-slack-screenshot__caption {
+    color: var(--gray-600);
+    font-size: 16px;
+    margin-top: calc(var(--space) * 2);
+}
+
 /* Slack Features */
 .rg-slack-features {
     padding: calc(var(--space) * 8) calc(var(--space) * 3);
@@ -7469,7 +7507,7 @@ hr.text-separator {
 }
 
 .rg-slack-config__code code {
-    color: var(--gray-300);
+    color: var(--gray-100);
     font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
     font-size: 14px;
     line-height: 1.6;

src/reviewgoose/discord.njk

@@ -151,28 +151,21 @@ title: reviewGOOSE:Discord Integration
     <p class="rg-slack-config__description">Create <code>.codeGROOVE/discord.yaml</code> in your org:</p>
     <div class="rg-slack-config__code">
       <pre><code>global:
-  guild_id: "1234567890123456789"    # Your Discord server ID
-  reminder_dm_delay: 65              # Minutes before DM (0 = disabled)
+  guild_id: "your-server-id-here"    # Your Discord server ID
 
 users:
-  alice: "111111111111111111"        # GitHub username → Discord user ID
-  bob: "222222222222222222"
-  # Unmapped users: bot attempts username match
+  alice: "alice_discord"             # GitHub username → Discord username
+  bob: "bob_discord"
 
 channels:
   engineering:                       # Channel name
     repos:
       - backend
-      - frontend
-      - api
-
-  all-prs:
-    repos:
-      - "*"                          # Wildcard: all repos
-
-  staging:
-    mute: true                       # Disable notifications</code></pre>
+      - frontend</code></pre>
     </div>
+    <p class="rg-slack-config__description" style="margin-top: calc(var(--space) * 4);">
+      For complete configuration options and advanced features, see the <a href="https://docs.codegroove.dev/reviewgoose/discord/" style="color: var(--black); font-weight: 600; text-decoration: underline;">official documentation</a>.
+    </p>
   </div>
 </section>