Ion get started

sst · Mar 20, 2024 · 7fcf7fc · 7fcf7fc
1 parent 156f6fe
commit 7fcf7fc
Show file tree

Hide file tree

Showing 3 changed files with 88 additions and 59 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -140,6 +140,7 @@
   /** End mobile menu button code **/
 
   /** Start lander copy command code **/
+  /*
   var cmdClipboard = new ClipboardJS(".lander-header a.command", {
     text: function(trigger) {
       return $(trigger).data("text");
@@ -158,6 +159,7 @@
       $el.removeClass("copied");
     }, 3000);
   });
+  */
   /** End lander copy command code **/
 
   /** Start lander segmented control code **/

diff --git a/_sass/lander.scss b/_sass/lander.scss
@@ -296,7 +296,7 @@
       line-height: normal;
     }
     i.fa {
-      margin-top: 1px;
+      margin-top: 2px;
       font-size: 14px;
     }
   }
@@ -382,65 +382,65 @@
     }
   }
 
-  .site-command {
-    padding-top: calc($spacing-unit / 2);
-    font-family: $code-font-family;
-    font-size: 20px;
-
-    @include media-query($on-palm) {
-      padding-top: 5px;
-      font-size: 14px;
-    }
-
-    a {
-      padding-left: $spacing-unit - 2px;
-      color: $tertiary-text-color;
-      cursor: pointer;
-
-      @include media-query($on-palm) {
-        padding-left: $spacing-unit - 10px;
-
-        span.icon {
-          vertical-align: 1px;
-        }
-      }
-
-      span.icon {
-        visibility: hidden;
-        vertical-align: 2px;
-      }
-
-      &:hover {
-        span.icon {
-          visibility: visible;
-        }
-      }
-
-      &.copied {
-        i.fa:first-child {
-          display: none;
-        }
-        i.fa:last-child {
-          display: inline;
-        }
-      }
-    }
-
-    i.fa {
-      font-size: 13px;
-
-      @include media-query($on-palm) {
-        font-size: 10px;
-      }
-
-      &:last-child {
-        display: none;
-      }
-    }
-  }
+//  .site-command {
+//    padding-top: calc($spacing-unit / 2);
+//    font-family: $code-font-family;
+//    font-size: 20px;
+//
+//    @include media-query($on-palm) {
+//      padding-top: 5px;
+//      font-size: 14px;
+//    }
+//
+//    a {
+//      padding-left: $spacing-unit - 2px;
+//      color: $tertiary-text-color;
+//      cursor: pointer;
+//
+//      @include media-query($on-palm) {
+//        padding-left: $spacing-unit - 10px;
+//
+//        span.icon {
+//          vertical-align: 1px;
+//        }
+//      }
+//
+//      span.icon {
+//        visibility: hidden;
+//        vertical-align: 2px;
+//      }
+//
+//      &:hover {
+//        span.icon {
+//          visibility: visible;
+//        }
+//      }
+//
+//      &.copied {
+//        i.fa:first-child {
+//          display: none;
+//        }
+//        i.fa:last-child {
+//          display: inline;
+//        }
+//      }
+//    }
+//
+//    i.fa {
+//      font-size: 13px;
+//
+//      @include media-query($on-palm) {
+//        font-size: 10px;
+//      }
+//
+//      &:last-child {
+//        display: none;
+//      }
+//    }
+//  }
 
   .controls {
-    margin-top: $spacing-unit * 1.5;
+    margin-top: $spacing-unit;
     text-align: center;
 
     @include media-query($on-palm) {
@@ -517,6 +517,24 @@
 
   }
 
+  .sst2-notice {
+    margin-top: $spacing-unit;
+    font-weight: 600;
+    font-family: $base-font-family;
+    color: $secondary-text-color;
+    font-size: 16px;
+
+    @include media-query($on-palm) {
+      margin-top: $spacing-unit * 0.5;
+    }
+
+    i.fa {
+      margin-left: 3px;
+      font-size: 14px;
+      vertical-align: 0px;
+    }
+  }
+
   .video-wrapper {
     position: relative;
     width: $video-width;

diff --git a/index.md b/index.md
@@ -25,6 +25,7 @@ description: "Build modern full-stack serverless applications on AWS with Next.j
       3. Go from idea to IPO!
     </h4>
 
+    <!--
     <h6 class="site-command">
       <a data-text="npm create sst@latest" class="command">
         <span>$ npm create sst</span>
@@ -34,17 +35,25 @@ description: "Build modern full-stack serverless applications on AWS with Next.j
         </span>
       </a>
     </h6>
+    -->
 
     <div class="controls">
       <a href="https://youtu.be/JY_d0vf-rfw" class="sst-button secondary" target="_blank">
         <i class="fa fa-youtube-play" aria-hidden="true"></i>
         <span>Learn More</span>
       </a>
-      <a class="sst-button primary" href="{{ site.docs_url }}">
+      <a class="sst-button primary" href="https://ion.sst.dev/docs/">
         Get Started
       </a>
     </div>
 
+    <h6 class="sst2-notice">
+      <a href="{{ site.docs_url }}">
+        Get started with SST v2 instead 
+        <i class="fa fa-angle-right" aria-hidden="true"></i>
+      </a>
+    </h6>
+
   </div>
 
 </header>