minor: demo progress

sprucelabsai · Nov 19, 2024 · 7f9de35 · 7f9de35
1 parent 9375b93
commit 7f9de35
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 47 deletions.
diff --git a/src/pages/_includes/widgets/home-rows.njk b/src/pages/_includes/widgets/home-rows.njk
@@ -1,11 +1,15 @@
 <div class="home-row">
     <h2>Spruce is Full Stack App Development Ecosystem.</h2>
-    <p>Build custom, regression-proof, production-quality apps at prototype speeds.</p>
+    <p>Build beautiful, regression-proof, production-quality apps at prototype speeds.</p>
 </div>
 <hr />
-<div class="home-row">
-    <h2>Everything Beautiful.</h2>
-    <p>Built on the premise that if developers are given great tools, great software is inevitable.</p>
+<div class="home-row first">
+    <div class="video demo">
+        <video autoplay="autoplay" loop="loop" muted="muted" playsinline="playsinline">
+            <source src="https://cli.spruce.bot/videos/demo.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
 </div>
 <hr />
 <div class="home-row">
@@ -14,7 +18,7 @@
 </div>
 <hr />
 <div class="home-row">
-    <div class="video">
+    <div class="video cli">
         <video autoplay="autoplay" loop="loop" muted="muted" playsinline="playsinline">
             <source src="https://cli.spruce.bot/videos/testing.mp4" type="video/mp4">
             Your browser does not support the video tag.

diff --git a/src/scss/_fonts.scss b/src/scss/_fonts.scss
@@ -1,41 +1,7 @@
 /* Imports */
 
-@import url("//hello.myfonts.net/count/3e423c");
 
-@font-face {
-  font-family: "URW Form";
-  font-weight: 700;
-  font-style: normal;
-  src: url('/assets/webFonts/URWFormBold/font.woff2') format('woff2'),
-    url('/assets/webFonts/URWFormBold/font.woff') format('woff');
-}
-
-@font-face {
-  font-family: "URW Form";
-  font-weight: 700;
-  font-style: italic;
-  src: url('/assets/webFonts/URWFormBoldItalic/font.woff2') format('woff2'),
-    url('/assets/webFonts/URWFormBoldItalic/font.woff') format('woff');
-}
-
-@font-face {
-  font-family: "URW Form";
-  font-weight: 800;
-  font-style: normal;
-  src: url('/assets/webFonts/URWFormExtraBold/font.woff2') format('woff2'),
-    url('/assets/webFonts/URWFormExtraBold/font.woff') format('woff');
-}
-
-@font-face {
-  font-family: "URW Form";
-  font-weight: 800;
-  font-style: italic;
-  src: url('/assets/webFonts/URWFormExtraBoldItalic/font.woff2') format('woff2'),
-    url('/assets/webFonts/URWFormExtraBoldItalic/font.woff') format('woff');
-}
-
-
-@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
 // global font sizes vars
 $fs-extra-smaller: 13px;
@@ -48,20 +14,19 @@ $fs-footer-col-header: 14px;
 $fs-footer-smaller: $fs-smaller;
 
 html {
-  font-size: 6.2%;
 
   body {
-    font-family: "Roboto Mono";
+    font-family: "Montserrat", sans-serif;
     font-size: $fs-primary;
     line-height: 1.5em;
-    font-weight: 200;
+    font-optical-sizing: auto;
+    font-style: normal;
   }
 
   h1,
   h2,
   h3,
   h4 {
-    font-family: "Roboto Mono";
-    font-weight: 500;
+    font-family: "Montserrat", sans-serif;
   }
 }
diff --git a/src/scss/page-specific/_home.scss b/src/scss/page-specific/_home.scss
@@ -174,10 +174,10 @@
 
 .home-row {
   max-width: 800px;
-  margin: 100px auto;
+  margin: 50px auto;
   text-align: center;
 
-  .video {
+  .video.cli {
     box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
     border-radius: 8px;
     overflow: hidden;
@@ -189,6 +189,10 @@
   }
 }
 
+.home-row.first {
+  margin-bottom: 0;
+}
+
 @media screen and (max-width: 1024px) {
   &.home-page #home-tiles .home-tile {
     .content-wrapper svg {