fix breaking card links, remove what's new content, and fix quickstart card styles

Author: alexandratran

.github/PULL_REQUEST_TEMPLATE.md

@@ -11,10 +11,3 @@ Fixes #
 ## Preview
 
 <!-- Provide a PR preview link to the page(s) changed. -->
-
-## Checklist
-
-Complete this checklist before merging your PR:
-
-- [ ] If this PR contains a major change to the documentation content, I have added an entry to the top of the ["What's new?"](https://github.com/MetaMask/metamask-docs/blob/main/docs/whats-new.md) page.
-- [ ] The proposed changes have been reviewed and approved by a member of the documentation team.

CONTRIBUTING.md

@@ -79,8 +79,6 @@ To contribute changes:
    > - If you delete, rename, or move a documentation file, add a
    >   [redirect](https://vercel.com/docs/edge-network/redirects#configuration-redirects).
    > - See additional instructions for [updating the interactive API reference](#update-the-interactive-api-reference).
-   > - If the PR contains a major change to the documentation content, add an entry to the top of
-   >   the ["What's new?"](docs/whats-new.md) page.
 
 5. [Preview your changes locally](https://docs-template.consensys.net/contribute/preview) to check
    that the changes render correctly.

docs/whats-new.md

@@ -48,17 +48,17 @@ Check out the following sections to get started with the MetaMask Delegation Too
 <CardList
   items={[
     {
-      href: "get-started",
+      href: "/delegation-toolkit/get-started",
       title: "🏁 Get started",
       description: "If you're ready to get started building, install the Toolkit and follow a quickstart.",
     },
     {
-      href: "how-to",
+      href: "/delegation-toolkit/how-to",
       title: "🛠️ How-to guides",
       description: "To complete specific tasks with the Delegation Toolkit, follow the how-to guides.",
     },
     {
-      href: "concepts",
+      href: "/delegation-toolkit/concepts",
       title: "💭 Concepts",
       description: "If you're new to the Delegation Toolkit, learn about some key concepts.",
     }

gator_versioned_docs/version-0.12.0/index.md

@@ -16,7 +16,7 @@ With the SDK, you can easily onboard users and interact with their accounts on d
 <p align="center">
   <Button
     as="a"
-    href="connect/javascript-wagmi"
+    href="/sdk/connect/javascript-wagmi"
     label="Get started with the SDK"
     icon="arrow-right"
     style={{
@@ -46,27 +46,27 @@ You can access it directly via npm, through popular developer libraries like Wag
 <CardList
   items={[
     {
-      href: 'connect/javascript-wagmi',
+      href: '/sdk/connect/javascript-wagmi',
       title: 'JavaScript + Wagmi (recommended)',
       description: 'Use the CLI or template to set up the SDK in a Next.js and Wagmi dapp.',
     },
     {
-      href: 'connect/javascript',
+      href: '/sdk/connect/javascript',
       title: 'JavaScript',
       description: 'Set up the SDK in a JavaScript dapp.',
     },
     {
-      href: 'connect/javascript-dynamic',
+      href: '/sdk/connect/javascript-dynamic',
       title: 'Dynamic SDK',
       description: 'Use the CLI or template to set up Dynamic SDK in a Next.js dapp. Use MetaMask SDK features with Dynamic.',
     },
     {
-      href: 'connect/javascript-web3auth',
+      href: '/sdk/connect/javascript-web3auth',
       title: 'Web3Auth SDK',
       description: 'Use the CLI or template to set up Web3Auth SDK in a Next.js dapp. Use MetaMask SDK features with Web3Auth.',
     },
     {
-      href: 'connect/react-native',
+      href: '/sdk/connect/react-native',
       title: 'React Native',
       description: 'Set up the SDK in a React Native or Expo dapp.',
     },

sdk/index.md

@@ -24,57 +24,57 @@ The following Snaps features are available in the stable version of MetaMask:
 <CardList
   items={[
     {
-      href: 'features/cron-jobs',
+      href: '/snaps/features/cron-jobs',
       title: 'Cron jobs',
       description: 'Schedule periodic actions for your users.',
     },
     {
-      href: 'features/custom-evm-accounts',
+      href: '/snaps/features/custom-evm-accounts',
       title: 'Custom EVM accounts',
       description: 'Connect to custom EVM accounts in MetaMask.',
     },
     {
-      href: 'features/custom-name-resolution',
+      href: '/snaps/features/custom-name-resolution',
       title: 'Custom name resolution',
       description: 'Resolve names to addresses and vice versa.',
     },
     {
-      href: 'features/custom-ui',
+      href: '/snaps/features/custom-ui',
       title: 'Custom UI',
       description: 'Display custom UI in MetaMask using a set of pre-defined components.',
     },
     {
-      href: 'features/data-storage',
+      href: '/snaps/features/data-storage',
       title: 'Data storage',
       description: 'Store encrypted and unencrypted data within a Snap.',
     },
     {
-      href: 'features/custom-ui/dialogs',
+      href: '/snaps/features/custom-ui/dialogs',
       title: 'Dialogs',
       description: 'Display custom alert, confirmation, or prompt screens in MetaMask.',
     },
     {
-      href: 'features/custom-ui/home-pages',
+      href: '/snaps/features/custom-ui/home-pages',
       title: 'Home pages',
       description: 'Display a dedicated UI page in MetaMask for your Snap.',
     },
     {
-      href: 'features/custom-ui/interactive-ui',
+      href: '/snaps/features/custom-ui/interactive-ui',
       title: 'Interactive UI',
       description: 'Display interactive UI in MetaMask that can be updated dynamically.',
     },
     {
-      href: 'features/lifecycle-hooks',
+      href: '/snaps/features/lifecycle-hooks',
       title: 'Lifecycle hooks',
       description: 'Call an action when your Snap is installed or updated.',
     },
     {
-      href: 'features/localization',
+      href: '/snaps/features/localization',
       title: 'Localization',
       description: "Translate your Snap UI based on the user's locale.",
     },
     {
-      href: 'features/network-access',
+      href: '/snaps/features/network-access',
       title: 'Network access',
       description: (
         <>
@@ -83,29 +83,27 @@ The following Snaps features are available in the stable version of MetaMask:
       ),
     },
     {
-      href: 'features/non-evm-networks',
+      href: '/snaps/features/non-evm-networks',
       title: 'Non-EVM networks',
       description: 'Manage non-EVM accounts and assets in MetaMask.',
     },
     {
-      href: 'features/notifications',
+      href: '/snaps/features/notifications',
       title: 'Notifications',
       description: 'Notify users directly in MetaMask, or natively in their OS.',
     },
     {
-      icon: require('./assets/features/signature-insights.png').default,
-      href: 'features/signature-insights',
+      href: '/snaps/features/signature-insights',
       title: 'Signature insights',
       description: 'Provide signature insights before a user signs a message.',
     },
     {
-      icon: require('./assets/features/getfile.png').default,
-      href: 'features/static-files',
+      href: '/snaps/features/static-files',
       title: 'Static files',
       description: 'Lazy-load static files such as Wasm modules or ZK circuits.',
     },
     {
-      href: 'features/transaction-insights',
+      href: '/snaps/features/transaction-insights',
       title: 'Transaction insights',
       description: "Provide transaction insights in MetaMask's transaction confirmation window.",
     },
@@ -117,7 +115,7 @@ The following Snaps features are only available in [MetaMask Flask](get-started/
 <CardList
   items={[
     {
-      href: 'features/custom-evm-accounts#account-abstraction-erc-4337',
+      href: '/snaps/features/custom-evm-accounts#account-abstraction-erc-4337',
       title: 'Account abstraction',
       description: 'Connect to ERC-4337 accounts in MetaMask.',
       flaskOnly: true,
@@ -132,22 +130,22 @@ If you're new to Snaps, get started learning with the following topics:
 <CardList
   items={[
     {
-      href: 'learn/about-snaps',
+      href: '/snaps/learn/about-snaps',
       title: 'About Snaps',
       description: 'See a high-level, technical overview of the Snaps system.',
     },
     {
-      href: 'learn/about-snaps/apis',
+      href: '/snaps/learn/about-snaps/apis',
       title: 'About the Snaps APIs',
       description: 'Learn about how Snaps, dapps, and MetaMask communicate with each other.',
     },
     {
-      href: 'learn/tutorials/gas-estimation',
+      href: '/snaps/learn/tutorials/gas-estimation',
       title: 'Gas estimation Snap tutorial',
       description: 'Follow an end-to-end tutorial to create a Snap that estimates gas fees.',
     },
     {
-      href: 'learn/resources',
+      href: '/snaps/learn/resources',
       title: 'Snaps resources',
       description:
         'Learn and explore MetaMask Snaps with supplemental resources, tools, examples, and guides.',

snaps/index.mdx

@@ -5,7 +5,7 @@
   background: var(--ifm-background-surface-color);
   z-index: 100;
   animation: fade-in 0.3s ease-out;
-  height: max-content;
+  height: 100vh;
 }
 
 /* Dark mode: Use darker background for better contrast with cards */
@@ -19,7 +19,7 @@ html[data-theme='dark'] .overlayContainer {
   overflow-y: auto;
   display: flex;
   flex-direction: column;
-  margin-top: 80px;
+  margin-top: 6rem;
 }
 
 /* Tablet and up */
@@ -115,7 +115,6 @@ html[data-theme='dark'] .overlayContainer {
 
 /* Flow Container */
 .flowContainer {
-  flex: 1;
   display: flex;
   flex-direction: column;
 }
@@ -194,7 +193,6 @@ html[data-theme='dark'] .overlayContainer {
   grid-template-columns: 1fr;
   gap: 2rem;
   margin-bottom: 2rem;
-  flex: 1;
 }
 
 @media (width >=997px) {
@@ -256,25 +254,24 @@ html[data-theme='dark'] .overlayContainer {
   justify-content: space-between;
   padding: 2rem;
   gap: 0.5rem;
-  min-height: 16rem;
+  height: 20rem;
   position: relative;
-  height: 100%;
   color: var(--general-black);
 }
 
 /* Tablet and up */
 @media (width >=768px) {
   .cardInner {
     padding: 2.4rem;
-    min-height: 18rem;
+    height: 22rem;
   }
 }
 
 /* Desktop and up */
 @media (width >=997px) {
   .cardInner {
     padding: 3.2rem;
-    min-height: 20rem;
+    height: 24rem;
   }
 }
 

src/pages/quickstart/NavigationOverlay/NavigationOverlay.module.css

@@ -1089,7 +1089,3 @@
 - [Snaps permissions | MetaMask developer documentation](https://docs.metamask.io/snaps/reference/permissions/): See the Snaps permissions reference.
 - [Snaps API | MetaMask developer documentation](https://docs.metamask.io/snaps/reference/snaps-api/): See the Snaps API reference.
 - [Wallet API for Snaps | MetaMask developer documentation](https://docs.metamask.io/snaps/reference/wallet-api-for-snaps/): See the Wallet API for Snaps reference.
-
-## Whats-new
-
-- [What's new in the documentation? | MetaMask developer documentation](https://docs.metamask.io/whats-new/): Summary of the latest updates to this documentation.