From 2e4d5350cc97c172cec3639710323615dc0ffe63 Mon Sep 17 00:00:00 2001
From: markzegarelli <mark.zegarelli@amplitude.com>
Date: Thu, 11 Apr 2024 11:14:42 -0700
Subject: [PATCH] Browser SDK nav

---
 .../browser_sdk/ampli-for-browser-sdk-1-0.md  |  1 +
 .../browser_sdk/ampli-for-browser-sdk-2-0.md  |  1 +
 .../browser_sdk/ampli-for-javascript-sdk.md   |  1 +
 .../collections/browser_sdk/browser-sdk-1.md  |  1 +
 .../collections/browser_sdk/browser-sdk-2.md  |  1 +
 .../collections/browser_sdk/javascript-sdk.md |  1 +
 .../browser_sdk/marketing-analytics-sdk.md    |  1 +
 .../migrate-from-browser-sdk-1-0-to-2-0.md    |  1 +
 ...-from-javascript-sdk-to-browser-sdk-1-0.md |  1 +
 ...-marketing-analytics-to-browser-sdk-2-0.md |  1 +
 .../collections/sdk-catalog/browser-sdk.md    |  1 +
 content/navigation/browser_sdk.yaml           |  3 ++
 content/trees/collections/browser_sdk.yaml    | 28 ++++++-----
 content/trees/navigation/browser_sdk.yaml     | 47 +++++++++++++++++++
 ...FILL0_wght400_GRAD0_opsz24.svg => tag.svg} |  0
 resources/css/site.css                        |  1 +
 resources/views/default.antlers.html          | 11 +----
 .../views/partials/_sdk-details.antlers.html  | 10 ++++
 tailwind.config.js                            | 24 +++++++++-
 19 files changed, 112 insertions(+), 23 deletions(-)
 create mode 100644 content/navigation/browser_sdk.yaml
 create mode 100644 content/trees/navigation/browser_sdk.yaml
 rename public/assets/icons/{sell_FILL0_wght400_GRAD0_opsz24.svg => tag.svg} (100%)
 create mode 100644 resources/views/partials/_sdk-details.antlers.html

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
index dfad900b4..0cb2421fc 100644
--- 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
index 931d6d867..39c529ca7 100644
--- 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
index 67e640e8b..60a7e2d14 100644
--- 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
index 469f1b5b7..b49bcf119 100644
--- 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
index 64769e506..e013a0adb 100644
--- 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
index aeac99a39..028d9a6aa 100644
--- 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
index 31160ea1d..626dbcac1 100644
--- 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
index e71eacc1e..de933fee4 100644
--- 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
index 53c2d7af7..fabc22ab3 100644
--- 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/content/collections/browser_sdk/migrate-from-marketing-analytics-to-browser-sdk-2-0.md b/content/collections/browser_sdk/migrate-from-marketing-analytics-to-browser-sdk-2-0.md
index a7683311c..9cd61b7e9 100644
--- a/content/collections/browser_sdk/migrate-from-marketing-analytics-to-browser-sdk-2-0.md
+++ b/content/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
index 6d5848099..27bcfa5a3 100644
--- 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
new file mode 100644
index 000000000..f7e900f00
--- /dev/null
+++ 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
index 8b43577d8..ed83392c1 100644
--- 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
new file mode 100644
index 000000000..cb2d0e7fd
--- /dev/null
+++ 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/public/assets/icons/sell_FILL0_wght400_GRAD0_opsz24.svg b/public/assets/icons/tag.svg
similarity index 100%
rename from public/assets/icons/sell_FILL0_wght400_GRAD0_opsz24.svg
rename to public/assets/icons/tag.svg
diff --git a/resources/css/site.css b/resources/css/site.css
index 365bdeaf3..0863bd533 100644
--- 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
index 790fba83a..a1fce39ab 100644
--- 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
new file mode 100644
index 000000000..e7f1fac28
--- /dev/null
+++ 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}}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index b02d7d92e..0b4b7c4f0 100644
--- 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: [