chore: update navbar of docs site and add marketing site redirects (#9945)

* chore: add more marketing page redirects

* chore: update navbar to match blockly.com

packages/docs/docusaurus.config.js

@@ -72,6 +72,7 @@ const config = {
           alt: 'Blockly Logo',
           src: 'images/logo.svg',
           srcDark: 'images/blockly-dark-theme-logo.png',
+          href: 'https://www.blockly.com/',
         },
         items: [
           {
@@ -116,20 +117,60 @@ const config = {
             position: 'left',
           },
           {
-            type: 'docSidebar',
-            label: 'Codelabs',
-            sidebarId: 'codelabsSidebar',
+            type: 'dropdown',
+            label: 'Tutorial',
+            position: 'left',
+            items: [
+              {
+                label: 'Codelabs',
+                to: '/codelabs/',
+              },
+              {
+                label: 'Samples',
+                href: 'https://raspberrypifoundation.github.io/blockly-samples/',
+              },
+            ],
+          },
+          {
+            type: 'dropdown',
+            label: 'Summits',
+            position: 'left',
+            items: [
+              {
+                label: 'Session Catalog',
+                href: 'https://blockly.com/summit/home',
+              },
+              {
+                label: 'Summit 2026',
+                href: 'https://blockly.com/summit/2026/home',
+              },
+            ],
+          },
+          {
+            label: 'Team',
+            href: 'https://blockly.com/team',
             position: 'left',
           },
           {
-            label: 'Samples',
-            href: 'https://raspberrypifoundation.github.io/blockly-samples/',
-            position: 'right',
+            type: 'dropdown',
+            label: 'Accessibility',
+            position: 'left',
+            items: [
+              {
+                label: 'Accessibility',
+                href: 'https://blockly.com/accessibility',
+              },
+              {
+                label: 'Projects and partnerships',
+                href: 'https://blockly.com/accessibility-projects',
+              },
+            ],
           },
           {
             label: 'GitHub',
             href: 'https://github.com/raspberrypifoundation/blockly',
             position: 'right',
+            className: 'navbar__item--show-external-icon',
           },
         ],
       },

packages/docs/src/css/custom.css

@@ -30,6 +30,10 @@
   --border-divider-footer: #dadce0;
   --tabs-border: #dadce0;
   --codeblock-background-color: #f1f3f4;
+  --ifm-navbar-item-padding-vertical: 12px;
+  --ifm-navbar-item-padding-horizontal: 16px;
+  --ifm-dropdown-link-padding-vertical: 12px;
+  --ifm-dropdown-link-padding-horizontal: 16px;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -99,6 +103,15 @@ table th p {
   font-size: 19px;
 }
 
+/* Hide external-link icons in the top nav except GitHub */
+.navbar [class*='iconExternalLink_'] {
+  display: none;
+}
+
+.navbar__item--show-external-icon [class*='iconExternalLink_'] {
+  display: inline-block;
+}
+
 /* footer CSS */
 .footer {
   background-color: var(--background-color-footer);

packages/docs/static/_redirects

@@ -120,3 +120,11 @@
 /guides/contribute/samples/plugin_overview   /guides/programming/plugin_overview/   301
 
 # End - Site refactoring - 2025
+
+# Legacy developers.google.com/blockly marketing pages
+/summits/summits   https://www.blockly.com/summit/home   301
+/summits/blockly-summit-2024   https://www.blockly.com/summit/home   301
+/accessibility/application   https://www.blockly.com/accessibility-projects   301
+/accessibility-fund-recipients   https://www.blockly.com/accessibility-projects   301
+/accessibility-fund   https://www.blockly.com/accessibility-projects   301
+/accessibility   https://www.blockly.com/accessibility   301