diff --git a/packages/docs/docusaurus.config.js b/packages/docs/docusaurus.config.js index f7b3b19d0c1..5a88d24b78d 100644 --- a/packages/docs/docusaurus.config.js +++ b/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/', + }, + ], }, { - label: 'Samples', - href: 'https://raspberrypifoundation.github.io/blockly-samples/', - position: 'right', + 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', + }, + { + 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', }, ], }, diff --git a/packages/docs/src/css/custom.css b/packages/docs/src/css/custom.css index b5d5814d1ad..0802aea66a7 100644 --- a/packages/docs/src/css/custom.css +++ b/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); diff --git a/packages/docs/static/_redirects b/packages/docs/static/_redirects index 4451afc170d..5ab018c4ed9 100644 --- a/packages/docs/static/_redirects +++ b/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