From 7b95190df3e8e5e8f11c7c9eb83fdad8f64e3c70 Mon Sep 17 00:00:00 2001
From: Jay V <air@live.ca>
Date: Wed, 10 Sep 2025 11:47:29 -1000
Subject: [PATCH] docs: add twitter

---
 README.md                      |  2 +-
 cloud/app/src/routes/index.css | 28 +++++++++++++---------------
 cloud/app/src/routes/index.tsx | 19 ++++++++++---------
 3 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/README.md b/README.md
index b844c497..e1a9974f 100644
--- a/README.md
+++ b/README.md
@@ -107,4 +107,4 @@ The other confusingly named repo has no relation to this one. You can [read the
 
 ---
 
-**Join our community** [Discord](https://discord.gg/opencode) | [YouTube](https://www.youtube.com/c/sst-dev) | [X.com](https://x.com/anomaly_inv)
+**Join our community** [Discord](https://discord.gg/opencode) | [X.com](https://x.com/opencode)
diff --git a/cloud/app/src/routes/index.css b/cloud/app/src/routes/index.css
index 02c730b1..1e8b2517 100644
--- a/cloud/app/src/routes/index.css
+++ b/cloud/app/src/routes/index.css
@@ -29,6 +29,9 @@
     --heading-font-size: 1rem;
   }
 
+  display: flex;
+  gap: var(--vertical-padding);
+  flex-direction: column;
   font-family: var(--font-mono);
   color: var(--color-text);
   padding: calc(var(--padding) + 1rem);
@@ -440,22 +443,8 @@
       border-left: 1px solid var(--color-border);
     }
 
-    /* Small desktop: first two columns shrink to content, third expands */
-    @media (max-width: 57rem) {
-      [data-slot="cell"]:nth-child(1),
-      [data-slot="cell"]:nth-child(2) {
-        flex: 0 0 auto;
-        padding-left: calc(var(--padding) / 2);
-        padding-right: calc(var(--padding) / 2);
-      }
-
-      [data-slot="cell"]:nth-child(3) {
-        flex: 1;
-      }
-    }
-
     /* Mobile: third column on its own row */
-    @media (max-width: 40rem) {
+    @media (max-width: 30rem) {
       flex-wrap: wrap;
 
       [data-slot="cell"]:nth-child(1),
@@ -470,4 +459,13 @@
       }
     }
   }
+
+  [data-component="legal"] {
+    color: var(--color-text-dimmed);
+    text-align: center;
+
+    a {
+      color: var(--color-text-dimmed);
+    }
+  }
 }
diff --git a/cloud/app/src/routes/index.tsx b/cloud/app/src/routes/index.tsx
index fe355d79..6ad6487e 100644
--- a/cloud/app/src/routes/index.tsx
+++ b/cloud/app/src/routes/index.tsx
@@ -1,13 +1,11 @@
 import "./index.css"
 import { Title } from "@solidjs/meta"
-import { Match, onCleanup, onMount, Switch } from "solid-js"
+import { onCleanup, onMount } from "solid-js"
 import logoLight from "../asset/logo-ornate-light.svg"
 import logoDark from "../asset/logo-ornate-dark.svg"
 import IMG_SPLASH from "../asset/lander/screenshot-splash.png"
-import IMG_VSCODE from "../asset/lander/screenshot-vscode.png"
-import IMG_GITHUB from "../asset/lander/screenshot-github.png"
 import { IconCopy, IconCheck } from "../component/icon"
-import { createAsync, query, redirect, A } from "@solidjs/router"
+import { createAsync, query } from "@solidjs/router"
 import { getActor } from "~/context/auth"
 import { withActor } from "~/context/auth.withActor"
 import { Account } from "@opencode/cloud-core/account.js"
@@ -156,19 +154,22 @@ export default function Home() {
         </section>
 
         <footer data-component="footer">
+          <div data-slot="cell">
+            <a href="https://x.com/opencode">X.com</a>
+          </div>
           <div data-slot="cell">
             <a href="https://github.com/sst/opencode">GitHub</a>
           </div>
           <div data-slot="cell">
             <a href="https://opencode.ai/discord">Discord</a>
           </div>
-          <div data-slot="cell">
-            <span>
-              ©2025 <a href="https://anoma.ly">Anomaly Innovations</a>
-            </span>
-          </div>
         </footer>
       </div>
+      <div data-component="legal">
+        <span>
+          ©2025 <a href="https://anoma.ly">Anomaly Innovations</a>
+        </span>
+      </div>
     </main>
   )
 }