Redirects, missing images, cleanup of structure (#89)

Co-authored-by: Kapil Gowru <[email protected]>
Co-authored-by: Kapil Gowru <[email protected]>
Co-authored-by: Kapil Gowru <[email protected]>

Author: 4 people

fern/assets/styles.css

@@ -284,78 +284,78 @@
 /*** END -- DOCS HOMEPAGE STYLING ***/
 
 /*** START -- SDKS HOMEPAGE STYLING ***/
-  .sdks-homepage {
-    position: relative;
+.sdks-homepage {
+  position: relative;
 
-    .fern-card {
-      text-decoration: none !important;
-    } 
+  .fern-card {
+    text-decoration: none !important;
+  } 
 
-    .dashed-pattern-left {
-      position: absolute;
-      left: -4rem;
-      top: -8.5rem;
-      height: calc(100% + 26rem);
-      width: 1rem;
-      opacity: 1;
-      pointer-events: none;
-      border-right: 1px solid var(--grayscale-5);
-      mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0 ) 100%);
-      -webkit-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
+  .dashed-pattern-left {
+    position: absolute;
+    left: -4rem;
+    top: -8.5rem;
+    height: calc(100% + 26rem);
+    width: 1rem;
+    opacity: 1;
+    pointer-events: none;
+    border-right: 1px solid var(--grayscale-5);
+    mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0 ) 100%);
+    -webkit-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
+  }
+
+  .dashed-pattern-right {
+    position: absolute;
+    right: -4rem;
+    top: -8.5rem;
+    height: calc(100% + 26rem);
+    width: 1rem;
+    opacity: 1;
+    pointer-events: none;
+    border-left: 1px solid var(--grayscale-5);
+    mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
+    -webkit-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
+  }
+
+  .fern-card {
+    border: none !important;
+    padding: 0 !important;
+    box-shadow: none !important;
+    background-color: transparent !important;
+
+    .external-link-icon {
+      display: none !important;
     }
 
-    .dashed-pattern-right {
-      position: absolute;
-      right: -4rem;
-      top: -8.5rem;
-      height: calc(100% + 26rem);
-      width: 1rem;
-      opacity: 1;
-      pointer-events: none;
-      border-left: 1px solid var(--grayscale-5);
-      mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
-      -webkit-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
-    }
-
-    .fern-card {
-      border: none !important;
-      padding: 0 !important;
-      box-shadow: none !important;
-      background-color: transparent !important;
-
-      .external-link-icon {
-        display: none !important;
-      }
+    .card-title {
+      display: flex;
+      gap: 0.25rem;
+      align-items: center;
+    }
 
-      .card-title {
-        display: flex;
-        gap: 0.25rem;
-        align-items: center;
-      }
+    img {
+      transition: transform 0.15s ease-in-out;
+    }
 
+    .arrow-right {
+      height: 1rem;
+      opacity: 0;
+      transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
+      transform: translateX(0px);
+    }
+
+    &:hover {
       img {
-        transition: transform 0.15s ease-in-out;
+        transform: scale(1.01);
       }
 
       .arrow-right {
-        height: 1rem;
-        opacity: 0;
-        transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
-        transform: translateX(0px);
-      }
-
-      &:hover {
-        img {
-          transform: scale(1.01);
-        }
-
-        .arrow-right {
-          opacity: 1;
-          transform: translateX(2px);
-        }
+        opacity: 1;
+        transform: translateX(2px);
       }
     }
   }
+}
 /*** START -- SDKS HOMEPAGE STYLING ***/
 
 /*** START -- LANDING PAGE STYLING ***/
@@ -429,7 +429,7 @@
 
   .dashed-pattern-left {
     position: absolute;
-    left: -24px;
+    left: -1rem;
     top: 0;
     height: 100%;
     width: 1rem;
@@ -442,13 +442,13 @@
 
   .dashed-pattern-right {
     position: absolute;
-    right: -24px;
+    right: -1rem;
     top: 0;
     height: 100%;
     width: 1rem;
     opacity: 1;
     pointer-events: none;
-    border-right: 1px solid var(--grayscale-5);
+    border-left: 1px solid var(--grayscale-5);
     mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
     -webkit-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
   }