Skip to content

Commit 6880bed

Browse files
0xBorakatomm
0xBora
and
katomm
authored
Feature: navbar dropdown mega (#1688)
* Add mega menu concept for Bora (#1686) * refactor docusaurus config and styles for megamenu * add cardano community discord link to header * update min-width for mega menu and adjust flex-shrink property for icons in custom CSS * mega menu update to project funding * dev activity description * cardano community discord link --------- Co-authored-by: Tommy 🐙 <[email protected]>
1 parent b1af214 commit 6880bed

25 files changed

+680
-90
lines changed

‎docs/community/cardano-developer-community.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ One of the oldest Cardano developer community groups on Telegram. Good to get in
3737
[**CIP Biweekly Meetings**](https://discord.com/invite/Jy9YM69Ezf)
3838
Join Cardano Improvement Proposal discussions every two weeks. Participate in technical standards development and ongoing Cardano protocol improvement conversations.
3939

40-
[**Cardano Community Discord**](https://discord.gg/6ucHxyCTXV)
40+
[**Cardano Community Discord**](https://discord.gg/2nPUa5d7DE)
4141
Chat with general developer community channels. Great for quick questions, community discussions, and staying up-to-date with the latest developments.
4242

4343
[**IOG Technical Discord**](https://discord.com/invite/w6TwW9bGA6)

‎docs/community/funding.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
id: funding
3-
title: Fund your Project on Cardano
3+
title: Get funding for your project on Cardano
44
sidebar_label: Funding
55
description: Comprehensive guide to funding opportunities for Cardano developers and builders
66
image: /img/og/og-developer-portal.png

‎docusaurus.config.js‎

Lines changed: 144 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,11 @@ module.exports = {
3131
},
3232
themes: ['@docusaurus/theme-mermaid'],
3333
themeConfig: {
34+
// Toggle display of icons in the mega menu. Icons need to be added to /static/img/icons/ as svg files
35+
megaMenuIcons: false,
36+
// Toggle display of icons in mega menu column titles.
37+
megaMenuColumnIcons: true,
38+
3439
// Docs Sidebar
3540
docs: {
3641
sidebar: {
@@ -82,120 +87,171 @@ module.exports = {
8287

8388
items: [
8489
{
90+
// Developers mega menu
8591
type: 'dropdown',
8692
label: 'Developers',
8793
position: 'left',
8894
items: [
89-
{
90-
to: "/docs/get-started/",
91-
label: "Getting Started",
92-
},
93-
{
94-
to: "/docs/learn/core-concepts/",
95-
label: "Core Concepts",
96-
},
97-
{
98-
to: "/docs/get-started/client-sdks/overview",
99-
label: "Client SDKs",
100-
},
101-
{
102-
to: "/docs/build/smart-contracts/overview",
103-
label: "Smart Contracts",
104-
},
105-
{
106-
to: "/docs/build/integrate/overview",
107-
label: "Integration",
108-
},
109-
{
110-
to: "tools",
111-
label: "Builder Tools",
112-
},
113-
{
114-
to: "docs/community/cardano-developer-community",
115-
label: "Community",
116-
},
117-
{
118-
to: "docs/community/funding",
119-
label: "Grants",
120-
},
95+
{to: "/docs/get-started/", label: "Getting Started"},
96+
{to: "/docs/learn/core-concepts/", label: "Core Concepts"},
97+
{to: "/docs/get-started/client-sdks/overview", label: "Client SDKs"},
98+
{to: "/docs/build/smart-contracts/overview", label: "Smart Contracts"},
99+
{to: "/docs/build/integrate/overview", label: "Integration"},
100+
{to: "tools", label: "Builder Tools"},
101+
{to: "docs/community/cardano-developer-community", label: "Community"},
102+
{to: "docs/community/funding", label: "Grants"},
121103
],
104+
mega: true,
105+
customProps: {
106+
columnCount: 3,
107+
columns: [
108+
{
109+
title: 'Get Started',
110+
icon: 'book-solid',
111+
items: [
112+
{to: '/docs/get-started/', label: 'Getting Started', description: 'Begin your Cardano development journey', icon: 'arrow-down-to-line-solid'},
113+
{to: '/docs/learn/core-concepts/', label: 'Core Concepts', description: 'Understand the fundamentals', icon: 'book-solid'},
114+
{to: '/docs/get-started/client-sdks/overview', label: 'Client SDKs', description: 'Libraries for TypeScript, Python, Rust, and more', icon: 'code-solid'},
115+
{to: '/docs/get-started/infrastructure/overview', label: 'Infrastructure', description: 'Cardano Node, CLI, APIs and tooling', icon: 'plug-solid'},
116+
],
117+
},
118+
{
119+
title: 'Build',
120+
icon: 'code-solid',
121+
items: [
122+
{to: '/docs/build/smart-contracts/overview', label: 'Smart Contracts', description: 'Write and deploy smart contracts', icon: 'scroll-solid'},
123+
{to: '/docs/build/native-tokens/overview', label: 'Native Tokens', description: 'Create and manage tokens', icon: 'coins-solid'},
124+
{to: '/docs/build/integrate/overview', label: 'Integration', description: 'Payments, wallets, and oracles', icon: 'link-solid'},
125+
{to: '/docs/build/transaction-metadata/overview', label: 'Transaction Metadata', description: 'Attach data to transactions', icon: 'shapes-solid'},
126+
],
127+
},
128+
{
129+
title: 'Resources',
130+
icon: 'wrench-solid',
131+
items: [
132+
{to: '/tools', label: 'Builder Tools', description: 'Explore developer tools', icon: 'wrench-solid'},
133+
{to: '/docs/community/cardano-developer-community', label: 'Community', description: 'Connect with other developers', icon: 'people-group-solid'},
134+
{to: '/docs/community/funding', label: 'Grants & Funding', description: 'Get funding for your project', icon: 'handshake-solid'},
135+
],
136+
},
137+
],
138+
},
122139
},
123140
{
141+
// Governance mega menu
124142
type: 'dropdown',
125143
label: 'Governance',
126144
position: 'left',
127145
items: [
128-
{
129-
to: '/docs/governance/',
130-
label: 'Participate in Governance',
131-
},
132-
{
133-
to: '/docs/governance/cardano-governance/governance-actions',
134-
label: 'Governance Actions',
135-
},
136-
{
137-
to: '/docs/governance/cardano-governance/submitting-governance-actions',
138-
label: 'Submitting Actions',
139-
},
140-
{
141-
to: '/docs/governance/cardano-governance/constitutional-committee-guide',
142-
label: 'Constitutional Committee',
143-
},
146+
{to: '/docs/governance/', label: 'Participate in Governance'},
147+
{to: '/docs/governance/cardano-governance/governance-actions', label: 'Governance Actions'},
148+
{to: '/docs/governance/cardano-governance/submitting-governance-actions', label: 'Submitting Actions'},
149+
{to: '/docs/governance/cardano-governance/constitutional-committee-guide', label: 'Constitutional Committee'},
144150
],
151+
mega: true,
152+
customProps: {
153+
columnCount: 2,
154+
columns: [
155+
{
156+
title: 'Overview',
157+
icon: 'users-solid',
158+
items: [
159+
{to: '/docs/governance/', label: 'Participate in Governance', description: 'Shape Cardano\'s future', icon: 'users-solid'},
160+
{to: '/docs/governance/cardano-governance/governance-model', label: 'Cardano Governance', description: 'How governance works', icon: 'scroll-solid'},
161+
],
162+
},
163+
{
164+
title: 'Advanced',
165+
icon: 'scroll-solid',
166+
items: [
167+
{to: '/docs/governance/cardano-governance/governance-actions', label: 'Governance Actions', description: 'Types of governance actions', icon: 'shapes-solid'},
168+
{to: '/docs/governance/cardano-governance/submitting-governance-actions', label: 'Submitting Actions', description: 'How to submit proposals', icon: 'arrow-down-to-line-solid'},
169+
{to: '/docs/governance/cardano-governance/constitutional-committee-guide', label: 'Constitutional Committee', description: 'CC member guide', icon: 'shield-solid'},
170+
],
171+
},
172+
],
173+
},
145174
},
146175
{
176+
// Validators mega menu
147177
type: 'dropdown',
148178
label: 'Validators',
149179
position: 'left',
150180
items: [
151-
{
152-
to: '/docs/operate-a-stake-pool/',
153-
label: 'Getting Started',
154-
},
155-
{
156-
to: '/docs/operate-a-stake-pool/relay-configuration/relay-node-configuration',
157-
label: 'Relay Configuration',
158-
},
159-
{
160-
to: '/docs/operate-a-stake-pool/block-producer/register-stake-pool',
161-
label: 'Block Producer Setup',
162-
},
163-
{
164-
to: '/docs/operate-a-stake-pool/relay-configuration/grafana-dashboard-tutorial',
165-
label: 'Monitoring',
166-
},
167-
{
168-
to: '/docs/operate-a-stake-pool/deployment-scenarios/hardening-server',
169-
label: 'Security',
170-
},
181+
{to: '/docs/operate-a-stake-pool/', label: 'Getting Started'},
182+
{to: '/docs/operate-a-stake-pool/relay-configuration/relay-node-configuration', label: 'Relay Configuration'},
183+
{to: '/docs/operate-a-stake-pool/block-producer/register-stake-pool', label: 'Block Producer Setup'},
184+
{to: '/docs/operate-a-stake-pool/relay-configuration/grafana-dashboard-tutorial', label: 'Monitoring'},
185+
{to: '/docs/operate-a-stake-pool/deployment-scenarios/hardening-server', label: 'Security'},
171186
],
187+
mega: true,
188+
customProps: {
189+
columnCount: 2,
190+
columns: [
191+
{
192+
title: 'Getting Started',
193+
icon: 'book-solid',
194+
items: [
195+
{to: '/docs/operate-a-stake-pool/', label: 'Overview', description: 'Start operating a stake pool', icon: 'book-solid'},
196+
{to: '/docs/operate-a-stake-pool/basics/hardware-requirements', label: 'Hardware Requirements', description: 'What you need to run a pool', icon: 'microscope-solid'},
197+
{to: '/docs/operate-a-stake-pool/basics/stake-pool-networking', label: 'Stake Pool Networking', description: 'Network setup and topology', icon: 'share-nodes-solid'},
198+
{to: '/docs/operate-a-stake-pool/basics/cardano-key-pairs', label: 'Key Pairs', description: 'Understanding Cardano keys', icon: 'shield-solid'},
199+
],
200+
},
201+
{
202+
title: 'Operations',
203+
icon: 'wrench-solid',
204+
items: [
205+
{to: '/docs/operate-a-stake-pool/relay-configuration/relay-node-configuration', label: 'Relay Configuration', description: 'Configure your relay nodes', icon: 'plug-solid'},
206+
{to: '/docs/operate-a-stake-pool/block-producer/register-stake-pool', label: 'Block Producer Setup', description: 'Register your stake pool', icon: 'building-solid'},
207+
{to: '/docs/operate-a-stake-pool/relay-configuration/grafana-dashboard-tutorial', label: 'Monitoring', description: 'Monitor with Grafana', icon: 'chart-line-solid'},
208+
{to: '/docs/operate-a-stake-pool/deployment-scenarios/hardening-server', label: 'Security', description: 'Harden your server', icon: 'shield-solid'},
209+
],
210+
},
211+
],
212+
},
172213
},
173214
{
215+
// Ecosystem mega menu
174216
type: 'dropdown',
175217
label: 'Ecosystem',
176218
position: 'left',
177219
items: [
178-
{
179-
to: "showcase",
180-
label: "Showcase",
181-
},
182-
{
183-
to: "blog/",
184-
label: "Dev Blog",
185-
},
186-
{
187-
href: "https://cardanoupdates.com/",
188-
label: "Developer Activity",
189-
},
190-
{
191-
href: "https://cardanofoundation.org/academy",
192-
label: "Academy",
193-
},
194-
{
195-
href: "https://cips.cardano.org/",
196-
label: "CIPs",
197-
}
220+
{to: "showcase", label: "Showcase"},
221+
{to: "blog/", label: "Dev Blog"},
222+
{href: "https://cardanoupdates.com/", label: "Developer Activity"},
223+
{href: "https://cardanofoundation.org/academy", label: "Academy"},
224+
{href: "https://cips.cardano.org/", label: "CIPs"},
198225
],
226+
mega: true,
227+
customProps: {
228+
columnCount: 2,
229+
columns: [
230+
{
231+
title: 'Explore',
232+
icon: 'shapes-solid',
233+
items: [
234+
{to: '/showcase', label: 'Showcase', description: 'Discover projects built on Cardano', icon: 'shapes-solid'},
235+
{to: '/blog/', label: 'Dev Blog', description: 'Latest developer updates', icon: 'book-solid'},
236+
],
237+
},
238+
{
239+
title: 'External Resources',
240+
icon: 'link-solid',
241+
items: [
242+
{href: 'https://cardanoupdates.com/', label: 'Developer Activity', description: 'Track ecosystem-wide development progress', icon: 'chart-line-solid'},
243+
{href: 'https://cardanofoundation.org/academy', label: 'Cardano Academy', description: 'Learn about Cardano', icon: 'book-solid'},
244+
{href: 'https://cips.cardano.org/', label: 'CIPs', description: 'Cardano Improvement Proposals', icon: 'scroll-solid'},
245+
],
246+
},
247+
],
248+
},
249+
},
250+
{
251+
href: "https://discord.gg/2nPUa5d7DE",
252+
position: "right",
253+
className: "header-discord-link",
254+
"aria-label": "Discord",
199255
},
200256
{
201257
href: repository,

0 commit comments

Comments
 (0)