docs: add twitter

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);
+    }
+  }
 }

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>
   )
 }