Site: the hero leads with the first-steps recording

Dami committed Oct 17029177

commit: 7029177e1daee9a7603d1922c96e393cd07dad70
parent: 4e51e8b033d23f9db13a8b6098f5f9c2a87f9695
author: Dami <dami.etoile@gmail.com>
kind: feat risk score 1.1 of 3, Jev's estimate

2 files changed, +11 -11wrap lines

M	website/src/pages/index.module.css	2	+-
M	website/src/pages/index.tsx	20	++++++++++----------

M website/src/pages/index.module.css +1 -1

@@ -109,7 +109,7 @@
109109 110110 .hero {111111   display: grid;112-  grid-template-columns: minmax(0, 11fr) minmax(0, 13fr);112+  grid-template-columns: minmax(0, 13fr) minmax(0, 11fr);113113   gap: 3rem;114114   align-items: center;115115   padding: 3.5rem 0 3.5rem;

M website/src/pages/index.tsx +10 -10

@@ -125,6 +125,16 @@ function ControlPanel({cell, pointing}: {cell: Cell; pointing: boolean}) {
125125 function Hero() {126126   return (127127     <section className={styles.hero}>128+      <figure className={styles.frame}>129+        <figcaption className={styles.frameTitle}>first-steps.tape</figcaption>130+        <img131+          src={firstSteps}132+          alt="Typing a small budget, pointing at cells in a formula, and watching totals recalculate"133+          width={1000}134+          height={600}135+        />136+        <span className={styles.frameCount}>Catppuccin Mocha</span>137+      </figure>128138       <div className={styles.heroText}>129139         <h1 className={styles.srOnly}>012</h1>130140         <p className={styles.sub}>@@ -147,16 +157,6 @@ function Hero() {
147157           </span>148158         </div>149159       </div>150-      <figure className={styles.frame}>151-        <figcaption className={styles.frameTitle}>first-steps.tape</figcaption>152-        <img153-          src={firstSteps}154-          alt="Typing a small budget, pointing at cells in a formula, and watching totals recalculate"155-          width={1000}156-          height={600}157-        />158-        <span className={styles.frameCount}>Catppuccin Mocha</span>159-      </figure>160160     </section>161161   );162162 }