diff --git a/cspell.json b/cspell.json index 247d844..61daf8c 100644 --- a/cspell.json +++ b/cspell.json @@ -159,6 +159,7 @@ "testnet", "testnets", "thirdweb", + "topbar", "touchpoints", "tunnelmole", "tute", diff --git a/docs.json b/docs.json index 8e3bfc9..6a49357 100644 --- a/docs.json +++ b/docs.json @@ -379,27 +379,50 @@ ] } ] + }, + { + "tab": "Resources", + "menu": [ + { + "item": "Developer Portal", + "href": "https://developer.worldcoin.org" + }, + { + "item": "World Tech Blog", + "href": "https://world.org/blog?blog_type=world-tech" + }, + { + "item": "Open Source", + "href": "https://github.com/worldcoin" + }, + { + "item": "Whitepaper", + "href": "https://whitepaper.world.org" + }, + { + "item": "Ecosystem", + "href": "https://world.org/ecosystem" + } + ] + }, + { + "tab": "Support", + "menu": [ + { + "item": "Telegram Support Channel", + "href": "https://t.me/worlddevelopersupport" + }, + { + "item": "Email Support", + "href": "mailto:developers@toolsforhumanity.com" + }, + { + "item": "Mini Apps FAQ", + "href": "/mini-apps/more/faq" + } + ] } - ], - "global": { - "anchors": [ - { - "anchor": "Telegram Support Channel", - "href": "https://t.me/worlddevelopersupport", - "icon": "telegram" - }, - { - "anchor": "Email Support", - "href": "mailto:developers@toolsforhumanity.com", - "icon": "envelope" - }, - { - "anchor": "GitHub", - "href": "https://github.com/worldcoin", - "icon": "github" - } - ] - } + ] }, "logo": { "light": "/logo/world-developers.svg", diff --git a/logo/world-developers-white.svg b/logo/world-developers-white.svg index 059655e..ab6231b 100644 --- a/logo/world-developers-white.svg +++ b/logo/world-developers-white.svg @@ -1,4 +1,4 @@ - + @@ -7,6 +7,7 @@ + @@ -19,4 +20,5 @@ + diff --git a/logo/world-developers.svg b/logo/world-developers.svg index e8b36be..443a9dd 100644 --- a/logo/world-developers.svg +++ b/logo/world-developers.svg @@ -1,4 +1,4 @@ - + @@ -7,6 +7,7 @@ + @@ -19,4 +20,5 @@ + diff --git a/tailwind.css b/tailwind.css index d3bd1ae..22eb048 100644 --- a/tailwind.css +++ b/tailwind.css @@ -60,6 +60,200 @@ color: #e5e7eb; /* gray-200 */ } + /* ------------------------------------------------------------------ */ + /* Tab bar (Docs 3.0 header) — pill tabs in the design language: ink */ + /* labels, black pill for the active tab (inverted in dark mode), no */ + /* underline indicator, hairline divider before the menu tabs. */ + /* ------------------------------------------------------------------ */ + #navbar .nav-tabs { + align-items: center; + gap: 0 !important; + } + #navbar .nav-tabs-item { + height: 32px !important; + padding: 6px 10px; + border-radius: 42px; + color: #181818 !important; + transition: background-color 0.15s ease; + } + #navbar .nav-tabs-item:hover { + color: #181818 !important; + background-color: #F3F2F0; + } + #navbar .nav-tabs-item[data-active="true"] { + padding: 6px 14px; + background-color: #181818; + color: #F9F9F8 !important; + text-shadow: none; + } + #navbar .nav-tabs-item[data-active="true"]:hover { + color: #F9F9F8 !important; + background-color: #181818; + } + /* The theme's active-tab underline indicator */ + #navbar .nav-tabs-item > div.absolute { + display: none; + } + /* Hairline divider between the page tabs and the Resources/Support + menus (the menu tabs render as