ignore: lander

cloud/app/src/routes/index.css

@@ -26,7 +26,7 @@
   @media (max-width: 30rem) {
     --padding: 1rem;
     --vertical-padding: 0.75rem;
-    --heading-font-size: 1.125rem;
+    --heading-font-size: 1rem;
   }
 
   font-family: var(--font-mono);
@@ -158,32 +158,6 @@
     }
   }
 
-  [data-component="zen"] {
-    border-top: 1px solid var(--color-border);
-    text-align: center;
-    font-size: 1.125rem;
-    padding: var(--vertical-padding) 2rem;
-
-    @media (max-width: 30rem) {
-      font-size: 1rem;
-      padding-left: 1rem;
-      padding-right: 1rem;
-    }
-
-    a[data-slot="cta"] {
-      text-transform: uppercase;
-    }
-
-    [data-slot="description"] {
-      color: var(--color-text-secondary);
-    }
-
-    [data-slot="divider"] {
-      font-weight: bold;
-      color: var(--color-border);
-    }
-  }
-
   [data-component="features"] {
     border-top: 1px solid var(--color-border);
     padding: var(--padding);
@@ -195,6 +169,7 @@
 
       li {
         margin-bottom: var(--space-4);
+        line-height: 1.6;
 
         strong {
           text-transform: uppercase;
@@ -309,39 +284,8 @@
   }
 
   [data-component="screenshots"] {
-    --images-height: 600px;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: var(--images-height);
     border-top: 1px solid var(--color-border);
 
-    & > [data-slot="left"] {
-      display: flex;
-      grid-row: 1;
-      grid-column: 1;
-    }
-
-    & > [data-slot="right"] {
-      display: grid;
-      grid-template-rows: 1fr 1fr;
-      grid-row: 1;
-      grid-column: 2;
-      border-left: 1px solid var(--color-border);
-
-      & > [data-slot="row1"] {
-        display: flex;
-        grid-row: 1;
-        border-bottom: 1px solid var(--color-border);
-        height: calc(var(--images-height) / 2);
-      }
-
-      & > [data-slot="row2"] {
-        display: flex;
-        grid-row: 2;
-        height: calc(var(--images-height) / 2);
-      }
-    }
-
     figure {
       flex: 1;
       display: flex;

cloud/app/src/routes/index.tsx

@@ -81,26 +81,6 @@ export default function Home() {
           </div>
         </section>
 
-        {/*
-        <section data-component="zen">
-          <a href="/docs/zen">
-            opencode zen
-          </a>
-          <span data-slot="description">, a curated list of models provided by opencode</span>
-          <span data-slot="divider">&nbsp;/&nbsp;</span>
-          <Switch>
-            <Match when={workspace()}>
-              <A href={"/workspace/" + workspace()}>
-                Dashboard
-              </A>
-            </Match>
-            <Match when={true}>
-              <a href="/auth/authorize">Sign in</a>
-            </Match>
-          </Switch>
-        </section>
-        */ }
-
         <section data-component="features">
           <ul data-slot="list">
             <li>
@@ -168,32 +148,12 @@ export default function Home() {
         </section>
 
         <section data-component="screenshots">
-          <div data-slot="left">
+          <figure>
-            <figure>
+            <figcaption>opencode TUI with the tokyonight theme</figcaption>
-              <figcaption>opencode TUI with the tokyonight theme</figcaption>
+            <a href="/docs/cli">
-              <a href="/docs/cli">
+              <img src={IMG_SPLASH} alt="opencode TUI with tokyonight theme" />
-                <img src={IMG_SPLASH} alt="opencode TUI with tokyonight theme" />
+            </a>
-              </a>
+          </figure>
-            </figure>
-          </div>
-          <div data-slot="right">
-            <div data-slot="row1">
-              <figure>
-                <figcaption>opencode in VS Code</figcaption>
-                <a href="/docs/ide">
-                  <img src={IMG_VSCODE} alt="opencode in VS Code" />
-                </a>
-              </figure>
-            </div>
-            <div data-slot="row2">
-              <figure>
-                <figcaption>opencode in GitHub</figcaption>
-                <a href="/docs/github">
-                  <img src={IMG_GITHUB} alt="opencode in GitHub" />
-                </a>
-              </figure>
-            </div>
-          </div>
         </section>
 
         <footer data-component="footer">