Add other specs disabled (#214)

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

Author: 3 people

fern/assets/styles.css

@@ -67,12 +67,12 @@
     margin: 0.5rem 1rem 0 1rem;
   }
 
-  .fern-product-selector-radio-group {
+  .fern-product-selector-radio-group { 
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1.5rem;
     padding: 1.25rem;
-    height: 164px;
+    height: 248px;
 
     > a {
       max-width: 320px;
@@ -104,6 +104,11 @@
       grid-row: 2;
     }
 
+    > a[href*="cli-api-reference"] {
+      grid-column: 1;
+      grid-row: 3;
+    }
+
     > a[href*="openapi"]:before {
       content: "Supported Specs";
       font-weight: 500;
@@ -133,21 +138,24 @@
       }
     }
 
-    > a[href*="cli-api-reference"] {
-      grid-column: 3;
-      grid-row: 3;
-      transform: translateY(-64px);
-
-      .fern-selection-item-icon {
-        width: 1.5rem;
-        height: 1.5rem;
-      }
-    }
-
+    /* > a[href*="asyncapi"]:before {
+      content: "Docs coming soon";
+      font-weight: 500;
+      position: absolute;
+      top: -1.75rem;
+      left: 0.5rem;
+    } */
+   
     > a[href*="asyncapi"] {
       grid-column: 3;
       grid-row: 3;
       transform: translateY(-64px);
+      pointer-events: none;
+      cursor: not-allowed;
+
+      /* > div > div > div {
+        align-items: flex-start;
+      } */
 
       .fern-selection-item-icon {
         width: 1.5rem;
@@ -158,7 +166,13 @@
     > a[href*="openrpc"] {
       grid-column: 3;
       grid-row: 4;
-      transform: translateY(-64px);
+      transform: translateY(-88px);
+      pointer-events: none;
+      cursor: not-allowed;
+
+      /* > div > div > div {
+        align-items: flex-start;
+      } */
 
       .fern-selection-item-icon {
         width: 1.5rem;
@@ -169,8 +183,14 @@
     > a[href*="grpc"] {
       grid-column: 3;
       grid-row: 5;
-      transform: translateY(-64px);
+      transform: translateY(-88px);
+      pointer-events: none;
+      cursor: not-allowed;
 
+      /* > div > div > div {
+        align-items: flex-start;
+      } */
+      
       .fern-selection-item-icon {
         width: 1.5rem;
         height: 1.5rem;
@@ -209,18 +229,31 @@
   content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/product-switcher-askfern-dark.png") !important;
 }
 
+:is(.dark) .fern-product-selector-radio-group a[href*="cli-api-reference"] img {
+  content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/product-switcher-cliapi-dark.png") !important;
+}
+
 :is(.dark) .fern-product-selector-radio-group a[href*="openapi-definition"] img {
   content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/openapi-definition-dark.png") !important;
 }
 
-:is(.dark) .fern-product-selector-radio-group a[href*="cli-api-reference"] img {
-  content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/cli-api-reference-dark.png") !important;
-}
 
 :is(.dark) .fern-product-selector-radio-group a[href*="fern-definition"] img {
   content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/fern-definition-dark.png") !important;
 }
 
+:is(.dark) .fern-product-selector-radio-group a[href*="asyncapi"] img {
+  content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/asyncapi-dark.png") !important;
+}
+
+:is(.dark) .fern-product-selector-radio-group a[href*="openrpc"] img {
+  content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/openrpc-dark.png") !important;
+}
+
+:is(.dark) .fern-product-selector-radio-group a[href*="grpc"] img {
+  content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/grpc-dark.png") !important;
+}
+
 /*** END -- PRODUCT SELECTOR STYLING ***/
 
 /*** START -- DOCS HOMEPAGE STYLING ***/

fern/docs.yml

@@ -63,28 +63,32 @@ products:
     slug: fern-definition
 
   - display-name: CLI & API Reference
+    subtitle: Manage and configure your Fern projects via CLI & APIs.
     path: ./products/cli-api-reference/cli-api-reference.yml
     icon: fa-regular fa-terminal
-    image: ./images/product-switcher/cli-api-reference-light.png
+    image: ./images/product-switcher/product-switcher-cliapi-light.png
     slug: cli-api-reference
+
+  - display-name: AsyncAPI
+    subtitle: Docs coming soon
+    path: ./products/asyncapi-def/asyncapi-def.yml
+    icon: fa-regular fa-bolt
+    image: ./images/product-switcher/asyncapi-light.png
+    slug: asyncapi
 
-  # - display-name: AsyncAPI
-  #   path: ./products/asyncapi-def/asyncapi-def.yml
-  #   icon: fa-regular fa-bolt
-  #   image: ./images/product-switcher/asyncapi-def.png
-  #   slug: asyncapi
-  
-  # - display-name: OpenRPC
-  #   path: ./products/openrpc-def/openrpc-def.yml
-  #   icon: fa-regular fa-code
-  #   image: ./images/product-switcher/openrpc-def.png
-  #   slug: openrpc
+  - display-name: OpenRPC
+    subtitle: Docs coming soon
+    path: ./products/openrpc-def/openrpc-def.yml
+    icon: fa-regular fa-code
+    image: ./images/product-switcher/openrpc-light.png
+    slug: openrpc
 
-  # - display-name: gRPC
-  #   path: ./products/grpc-def/grpc-def.yml
-  #   icon: fa-regular fa-plug
-  #   image: ./images/product-switcher/grpc-def.png
-  #   slug: grpc
+  - display-name: gRPC
+    subtitle: Docs coming soon
+    path: ./products/grpc-def/grpc-def.yml
+    icon: fa-regular fa-plug
+    image: ./images/product-switcher/grpc-light.png
+    slug: grpc
 
 
 css: ./assets/styles.css
@@ -470,7 +474,7 @@ redirects:
     destination: /learn/openapi-definition/extensions/:slug*
     permanent: true
   - source: /learn/api-definition/openapi/frameworks/:slug*
-    destination: /learn/openapi-definition/server-frameworks/:slug*
+    destination: /learn/openapi-definition/frameworks/:slug*
     permanent: true
   - source: /learn/api-definition/openapi/:slug*
     destination: /learn/openapi-definition/:slug*