Browser SDK nav

amplitude · Apr 11, 2024 · 2e4d535 · 2e4d535
1 parent 68159a1
commit 2e4d535
Show file tree

Hide file tree

Showing 19 changed files with 112 additions and 23 deletions.
diff --git a/content/collections/browser_sdk/ampli-for-browser-sdk-1-0.md b/content/collections/browser_sdk/ampli-for-browser-sdk-1-0.md
@@ -11,4 +11,5 @@ supported_languages:
 bundle_url: 'https://www.npmjs.com/package/@amplitude/ampli'
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709672325
+nav_title: browser_sdk
 ---
diff --git a/content/collections/browser_sdk/ampli-for-browser-sdk-2-0.md b/content/collections/browser_sdk/ampli-for-browser-sdk-2-0.md
@@ -10,4 +10,5 @@ supported_languages:
 bundle_url: 'https://www.npmjs.com/package/@amplitude/ampli?activeTab=versions'
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709671872
+nav_title: browser_sdk
 ---
diff --git a/content/collections/browser_sdk/ampli-for-javascript-sdk.md b/content/collections/browser_sdk/ampli-for-javascript-sdk.md
@@ -9,4 +9,5 @@ supported_languages:
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709674497
 major_version: 1.0
+nav_title: browser_sdk
 ---
diff --git a/content/collections/browser_sdk/browser-sdk-1.md b/content/collections/browser_sdk/browser-sdk-1.md
@@ -18,4 +18,5 @@ major_version: 1
 ampli_article: f7989230-bf1c-48aa-ad61-2bc2b3e15a8c
 migration_guide:
   - 9b155be9-bb32-428c-9f49-6e00f9630547
+nav_title: browser_sdk
 ---
diff --git a/content/collections/browser_sdk/browser-sdk-2.md b/content/collections/browser_sdk/browser-sdk-2.md
@@ -15,6 +15,7 @@ updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709671897
 major_version: 2
 ampli_article: 5afa91b7-c12d-425a-b4b6-661061e5843a
+nav_title: browser_sdk
 ---
 
 Amplitude's Browser SDK 2 lets you send events to Amplitude.

diff --git a/content/collections/browser_sdk/javascript-sdk.md b/content/collections/browser_sdk/javascript-sdk.md
@@ -17,4 +17,5 @@ ampli_article: 6b771f94-bf3a-44ba-a6a7-6e5b58108f70
 migration_guide:
   - b7cc9d54-870a-40bc-93d8-a2ac15375e75
 major_version: 1.0
+nav_title: browser_sdk
 ---
diff --git a/content/collections/browser_sdk/marketing-analytics-sdk.md b/content/collections/browser_sdk/marketing-analytics-sdk.md
@@ -15,4 +15,5 @@ updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709672681
 migration_guide:
   - eb4533a3-2075-49a0-83fa-e703afea78e7
+nav_title: browser_sdk
 ---
diff --git a/content/collections/browser_sdk/migrate-from-browser-sdk-1-0-to-2-0.md b/content/collections/browser_sdk/migrate-from-browser-sdk-1-0-to-2-0.md
@@ -9,6 +9,7 @@ supported_languages:
   - ts
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1710278271
+nav_title: browser_sdk
 sdk_version_comparison:
   -
     cells:

diff --git a/content/collections/browser_sdk/migrate-from-javascript-sdk-to-browser-sdk-1-0.md b/content/collections/browser_sdk/migrate-from-javascript-sdk-to-browser-sdk-1-0.md
@@ -8,4 +8,5 @@ supported_languages:
   - js
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709672637
+nav_title: browser_sdk
 ---
diff --git a/.../collections/browser_sdk/migrate-from-marketing-analytics-to-browser-sdk-2-0.md b/.../collections/browser_sdk/migrate-from-marketing-analytics-to-browser-sdk-2-0.md
@@ -8,4 +8,5 @@ supported_languages:
   - js
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709672664
+nav_title: browser_sdk
 ---
diff --git a/content/collections/sdk-catalog/browser-sdk.md b/content/collections/sdk-catalog/browser-sdk.md
@@ -7,4 +7,5 @@ author: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_by: 0c3a318b-936a-4cbd-8fdf-771a90c297f0
 updated_at: 1709663450
 template: sdk-landing
+nav_title: browser_sdk
 ---
diff --git a/content/navigation/browser_sdk.yaml b/content/navigation/browser_sdk.yaml
@@ -0,0 +1,3 @@
+title: 'Browser SDK'
+collections:
+  - browser_sdk
diff --git a/content/trees/collections/browser_sdk.yaml b/content/trees/collections/browser_sdk.yaml
@@ -1,21 +1,25 @@
 tree:
   -
     entry: 00d74a7b-23bd-4a24-86a1-92c046e7e1b5
+    children:
+      -
+        entry: 5afa91b7-c12d-425a-b4b6-661061e5843a
   -
     entry: 8471af8b-e132-4073-8330-d5dd7bbbd8ae
+    children:
+      -
+        entry: f7989230-bf1c-48aa-ad61-2bc2b3e15a8c
+      -
+        entry: 9b155be9-bb32-428c-9f49-6e00f9630547
   -
     entry: e6b6889d-9d39-4f04-89a1-87f78db80f49
+    children:
+      -
+        entry: 6b771f94-bf3a-44ba-a6a7-6e5b58108f70
+      -
+        entry: b7cc9d54-870a-40bc-93d8-a2ac15375e75
   -
     entry: 25904c6b-609d-4365-9660-2782ef50d52d
-  -
-    entry: 5afa91b7-c12d-425a-b4b6-661061e5843a
-  -
-    entry: f7989230-bf1c-48aa-ad61-2bc2b3e15a8c
-  -
-    entry: 6b771f94-bf3a-44ba-a6a7-6e5b58108f70
-  -
-    entry: 9b155be9-bb32-428c-9f49-6e00f9630547
-  -
-    entry: eb4533a3-2075-49a0-83fa-e703afea78e7
-  -
-    entry: b7cc9d54-870a-40bc-93d8-a2ac15375e75
+    children:
+      -
+        entry: eb4533a3-2075-49a0-83fa-e703afea78e7
diff --git a/content/trees/navigation/browser_sdk.yaml b/content/trees/navigation/browser_sdk.yaml
@@ -0,0 +1,47 @@
+tree:
+  -
+    id: b265f00c-584d-42f4-850a-73cf6fb05e27
+    title: 'Browser SDK 2'
+    children:
+      -
+        id: 4dfa95d1-1204-4075-b599-0c6f1802c7a1
+        entry: 00d74a7b-23bd-4a24-86a1-92c046e7e1b5
+      -
+        id: 8afe62f8-8e67-42eb-8cf6-b558225d2263
+        entry: 5afa91b7-c12d-425a-b4b6-661061e5843a
+  -
+    id: 328cf2a7-32ea-4a3f-b67f-7ab92b75d578
+    title: 'Browser SDK 1'
+    children:
+      -
+        id: 9ae22aac-a94b-4b10-b5b2-ac5f47969443
+        entry: 8471af8b-e132-4073-8330-d5dd7bbbd8ae
+      -
+        id: 7fe1aa97-84da-4273-9bf8-7218521adfb2
+        entry: 9b155be9-bb32-428c-9f49-6e00f9630547
+      -
+        id: fa328ed2-48ff-4dc4-9f39-a8dcd36b54a2
+        entry: f7989230-bf1c-48aa-ad61-2bc2b3e15a8c
+  -
+    id: 7473e8c0-ce5a-401e-a92d-996061919cce
+    title: 'Javascript SDK'
+    children:
+      -
+        id: d12b5569-7ede-4daf-aff6-8097e167041d
+        entry: e6b6889d-9d39-4f04-89a1-87f78db80f49
+      -
+        id: 661a7501-4bb5-4f3d-b5dc-d33e3fe48605
+        entry: b7cc9d54-870a-40bc-93d8-a2ac15375e75
+      -
+        id: ff680c93-2126-40d4-8b85-530b87b45d91
+        entry: 6b771f94-bf3a-44ba-a6a7-6e5b58108f70
+  -
+    id: 5d1118c2-c6ba-4bf7-8621-8d068c2fc236
+    title: 'Marketing Analytics SDK'
+    children:
+      -
+        id: 93283799-5b21-4411-91a7-36538d504366
+        entry: 25904c6b-609d-4365-9660-2782ef50d52d
+      -
+        id: 2a1b9b71-ded5-474c-b310-3294666cbc03
+        entry: eb4533a3-2075-49a0-83fa-e703afea78e7
diff --git a/...icons/sell_FILL0_wght400_GRAD0_opsz24.svg → public/assets/icons/tag.svg b/...icons/sell_FILL0_wght400_GRAD0_opsz24.svg → public/assets/icons/tag.svg
diff --git a/resources/css/site.css b/resources/css/site.css
@@ -99,6 +99,7 @@
   }
 
 /* This is all you. */
+
 .tab > pre {
     margin-bottom: 0
 }

diff --git a/resources/views/default.antlers.html b/resources/views/default.antlers.html
@@ -9,16 +9,7 @@ <h1>{{ title }}</h1>
               target="_blank">Edit</a></span>
         {{ /if }}
       </div>
-      {{ if article_type == "core"}}
-      <div class="border rounded border-amp-blue-700 flex flex-row  items-center h-8 p-2 gap-2 -mt-6">
-        <a href="{{github_link}}" target="_blank">{{svg src="/assets/icons/github.svg" class="h-4 w-4"}}</a>
-        <a href="{{releases_link}}" target="_blank">{{svg src="/assets/icons/tag.svg" class="h-4 w-4"}}</a>
-        <a href="{{bundle_url}}" target="_blank"><img src="{{shields_io_badge}}" /></a>
-        {{ supported_languages }}
-        <img class="h-4 inline mx-1 my-0" src="/assets/icons/{{ value }}.svg" />
-        {{ /supported_languages }}
-      </div>
-      {{/if}}
+      {{partial:partials/sdk-details}}
       <div
         class="prose prose-a:text-amp-blue-300 prose-ol:list-decimal prose-ol:list-outside prose-pre:bg-[#fafafa] max-w-prose">
         {{ partial:sdk-comparison }}

diff --git a/resources/views/partials/_sdk-details.antlers.html b/resources/views/partials/_sdk-details.antlers.html
@@ -0,0 +1,10 @@
+{{ if article_type == "core"}}
+<div class="border rounded border-amp-blue-700 flex flex-row  items-center h-8 p-2 gap-2 -mt-6">
+  <a href="{{github_link}}" target="_blank">{{svg src="/assets/icons/github.svg" class="h-4 w-4"}}</a>
+  <a href="{{releases_url}}" target="_blank">{{svg src="/assets/icons/tag.svg" class="h-4 w-4"}}</a>
+  <a href="{{bundle_url}}" target="_blank"><img src="{{shields_io_badge}}" /></a>
+  {{ supported_languages }}
+  <img class="h-4 inline mx-1 my-0" src="/assets/icons/{{ value }}.svg" />
+  {{ /supported_languages }}
+</div>
+{{/if}}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -154,7 +154,29 @@ export default {
             },
 
         },
-        extend: {},
+        extend: {
+            typography: {
+                DEFAULT: {
+                    css: {
+                        code: {
+                            'color': '#2a2f45',
+                            'background': '#f7fafc',
+                            'padding': '0 3px',
+                            'margin': '0 1px',
+                            'border-radius': '4px',
+                            'border': '1px solid #e2e8f0',
+                            'font-weight': '400',
+                            '&::before': {
+                                'content': '""!important',
+                            },
+                            '&::after': {
+                                'content': '""!important',
+                            },
+                        }
+                    }
+                }
+            },
+        },
     },
 
     plugins: [