New Card Styling

.ai/pages/develop-interoperability-xcm-guides.md

@@ -20,28 +20,24 @@ Whether you're building applications that need to interact with multiple chains,
   <div class="card">
     <a href="/develop/interoperability/send-messages/">
       <h2 class="title">Send XCM Messages</h2>
-      <hr>
       <p class="description">Learn the fundamentals of sending cross-chain messages using XCM, including message structure, routing, and execution patterns.</p>
     </a>
   </div>
   <div class="card">
     <a href="/develop/interoperability/xcm-config/">
       <h2 class="title">XCM Configuration</h2>
-      <hr>
       <p class="description">Learn how to configure XCM for your chain.</p>
     </a>
   </div>
   <div class="card">
     <a href="/develop/interoperability/test-and-debug/">
       <h2 class="title">Test and Debug</h2>
-      <hr>
       <p class="description">Learn how to test and debug cross-chain communication via the XCM Emulator to ensure interoperability and reliable execution.</p>
     </a>
   </div>
   <div class="card">
     <a href="/develop/interoperability/xcm-channels/">
       <h2 class="title">XCM Channels</h2>
-      <hr>
       <p class="description">Learn how to configure XCM channels for your chain.</p>
     </a>
   </div>

.ai/pages/develop-interoperability.md

@@ -21,28 +21,24 @@ This section covers everything you need to know about building and implementing
   <div class="card"> 
     <a href="https://paritytech.github.io/polkadot-sdk/master/xcm_docs/index.html" target="_blank"> 
       <h2 class="title">Review the Polkadot SDK's XCM Documentation</h2>
-      <hr>
       <p class="description">Dive into the official documentation to learn about the key components for supporting XCM in your parachain and enabling seamless cross-chain communication.</p>
     </a>
   </div>
   <div class="card">
     <a href="/tutorials/interoperability/"> 
       <h2 class="title">Follow Step-by-Step Tutorials</h2>
-      <hr>
       <p class="description">Enhance your XCM skills with step-by-step tutorials on building interoperability solutions on Polkadot SDK-based blockchains.</p>
     </a>
   </div>
   <div class="card"> 
     <a href="https://github.com/polkadot-fellows/xcm-format" target="_blank"> 
       <h2 class="title">Familiarize Yourself with the XCM Format</h2>
-      <hr>
       <p class="description">Gain a deeper understanding of the XCM format and structure, including any extra data it may need and what each part of a message means.</p>
     </a>
   </div>
   <div class="card"> 
     <a href="/develop/toolkit/interoperability/"> 
       <h2 class="title">Essential XCM Tools</h2>
-      <hr>
       <p class="description">Explore essential tools for creating and integrating cross-chain solutions within the Polkadot ecosystem.</p>
     </a>
   </div>

.ai/pages/develop-parachains-customize-parachain.md

@@ -20,21 +20,18 @@ The [FRAME directory](https://github.com/paritytech/polkadot-sdk/tree/polkadot-s
   <div class="card">
     <a href="https://github.com/paritytech/polkadot-sdk/tree/polkadot-stable2506-2/substrate/frame" target="_blank">
       <h2 class="title">FRAME Repository</h2>
-      <hr>
       <p class="description">View the source code of the FRAME development environment that provides pallets you can use, modify, and extend to build the runtime logic to suit the needs of your blockchain.</p>
     </a>
   </div>
     <div class="card">
     <a href="https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/polkadot_sdk/frame_runtime/index.html" target="_blank">
       <h2 class="title">FRAME Rust docs</h2>
-      <hr>
       <p class="description">Check out the Rust documentation for FRAME, Substrate's preferred framework for building runtimes.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://libro.blockdeep.dev/index.html" target="_blank">
       <h2 class="title">Polkadot SDK Best Practices</h2>
-      <hr>
       <p class="description">Understand and address common issues that can arise in blockchain development when building with the Polkadot SDK.</p>
     </a>
   </div>

.ai/pages/develop-parachains-deployment.md

@@ -71,7 +71,6 @@ flowchart TD
   <div class="card">
     <a href="https://paritytech.github.io/polkadot-sdk/master/staging_chain_spec_builder/index.html" target="_blank">
       <h2 class="title">Check Out the Chain Spec Builder Docs</h2>
-      <hr>
       <p class="description">Learn about Substrate’s chain spec builder utility.</p>
     </a>
   </div>

.ai/pages/develop-parachains-maintenance.md

@@ -18,14 +18,12 @@ Learn how to maintain Polkadot SDK-based networks, focusing on runtime monitorin
   <div class="card">
     <a href="https://paritytech.github.io/polkadot-sdk/master/pallet_example_single_block_migrations/index.html" target="_blank">
       <h2 class="title">Single Block Migration Example</h2>
-      <hr>
       <p class="description">Check out an example pallet demonstrating best practices for writing single-block migrations while upgrading pallet storage.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://paritytech.github.io/polkadot-sdk/master/pallet_example_single_block_migrations/index.html" target="_blank">
       <h2 class="title">Client Telemetry Crate</h2>
-      <hr>
       <p class="description">Check out the docs on Substrate's client telemetry, a part of Substrate that allows ingesting telemetry data with, for example, Polkadot telemetry.</p>
     </a>
   </div>

.ai/pages/develop-parachains-testing.md

@@ -25,14 +25,12 @@ Through these guides, you'll learn to:
   <div class="card">
     <a href="https://paritytech.github.io/polkadot-sdk/master/sp_runtime/" target="_blank">
       <h2 class="title">`sp_runtime` crate Rust docs</h2>
-      <hr>
       <p class="description">Learn about Substrate Runtime primitives that enable communication between a Substrate blockchain's runtime and client.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://github.com/Moonsong-Labs/moonwall" target="_blank">
       <h2 class="title">Moonwall Testing Framework</h2>
-      <hr>
       <p class="description">Moonwall is a comprehensive blockchain test framework for Substrate-based networks.</p>
     </a>
   </div>

.ai/pages/develop-toolkit-api-libraries.md

@@ -18,14 +18,12 @@ Explore the powerful API libraries designed for interacting with the Polkadot ne
   <div class="card">
     <a href="/polkadot-protocol/parachain-basics/chain-data/"> 
       <h2 class="title">Understand Chain Data</h2>
-      <hr>
       <p class="description">Familiarize yourself with the data provided by the APIs, including available calls, events, types, and storage items.</p>
     </a>
   </div>
     <div class="card">
     <a href="/develop/networks/">
       <h2 class="title">Network Configurations</h2>
-      <hr>
       <p class="description">Obtain the necessary configurations and WSS endpoints to interact with the APIs on Polkadot networks.</p>
     </a>
   </div>

.ai/pages/develop-toolkit-parachains-fork-chains-chopsticks.md

@@ -28,14 +28,12 @@ Whether you're debugging an issue, testing new features, or exploring cross-chai
   <div class="card">
     <a href="https://github.com/AcalaNetwork/chopsticks/"  target="_blank">
       <h2 class="title">Chopsticks Repository</h2>
-      <hr>
       <p class="description">View the official Chopsticks Github Repository. Check out the code, check out sample commands, and track issues and new releases.</p>
     </a>
   </div>
     <div class="card">
     <a href="/tutorials/polkadot-sdk/testing/fork-live-chains/">
       <h2 class="title">Fork Live Chains with Chopsticks</h2>
-      <hr>
       <p class="description">Learn how to fork live Polkadot SDK chains with Chopsticks. Configure forks, replay blocks, test XCM, and interact programmatically or via UI.</p>
     </a>
   </div>

.ai/pages/develop-toolkit-parachains-fork-chains.md

@@ -29,7 +29,6 @@ Forking a live chain creates a controlled environment that mirrors live network
   <div class="card">
     <a href="/tutorials/polkadot-sdk/testing/fork-live-chains/">
       <h2 class="title">Step-by-Step Tutorial on Forking Live Chains with Chopsticks</h2>
-      <hr>
       <p class="description">This tutorial walks you through how to fork live Polkadot SDK chains with Chopsticks. Configure forks, replay blocks, test XCM execution.</p>
     </a>
   </div>

.ai/pages/develop-toolkit-parachains-spawn-chains-zombienet.md

@@ -27,7 +27,6 @@ Whether you're building a new parachain or testing runtime upgrades, Zombienet p
   <div class="card">
     <a href="/tutorials/polkadot-sdk/testing/spawn-basic-chain/">
       <h2 class="title">Spawn a Chain with Zombienet Tutorial</h2>
-      <hr>
       <p class="description">Follow step-by-step instructions to spawn, connect to and monitor a basic blockchain network with Zombienet, using customizable configurations for streamlined development and debugging.</p>
     </a>
 </div>

.ai/pages/develop-toolkit-parachains-spawn-chains.md

@@ -29,7 +29,6 @@ Spawning a network provides a controlled environment to test and validate variou
   <div class="card">
     <a href="/tutorials/polkadot-sdk/testing/spawn-basic-chain/">
       <h2 class="title">Spawn a Chain with Zombienet</h2>
-      <hr>
       <p class="description">Learn to spawn, connect to and monitor a basic blockchain network with Zombienet, using customizable configurations for streamlined development and debugging.</p>
     </a>
 </div>

.ai/pages/infrastructure-running-a-validator-onboarding-and-offboarding.md

@@ -20,28 +20,24 @@ This section provides guidance on how to set up, activate, and deactivate your v
   <div class="card">
     <a href="/infrastructure/running-a-validator/requirements/" target="_blank">
       <h2 class="title">Review the Requirements</h2>
-      <hr>
       <p class="description">Explore the technical and system requirements for running a Polkadot validator, including setup, hardware, staking prerequisites, and security best practices.</p>
     </a>
   </div>
   <div class="card">
     <a href="/infrastructure/staking-mechanics/rewards-payout/" target="_blank">
       <h2 class="title">Learn About Staking Mechanics</h2>
-      <hr>
       <p class="description">Explore the staking mechanics in Polkadot, focusing on how they relate to validators, including offenses and slashes, as well as reward payouts.</p>
     </a>
   </div>
   <div class="card">
     <a href="/infrastructure/running-a-validator/operational-tasks/" target="_blank">
       <h2 class="title">Maintain Your Node</h2>
-      <hr>
       <p class="description">Learn how to manage your Polkadot validator node, including monitoring performance, running a backup validator for maintenance, and rotating keys.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://matrix.to/#/#polkadotvalidatorlounge:web3.foundation" target="_blank">
       <h2 class="title">Get Help and Connect With Experts</h2>
-      <hr>
       <p class="description">For help, connect with the Polkadot Validator Lounge on Element, where both the team and experienced validators are ready to assist.</p>
     </a>
   </div>

.ai/pages/infrastructure-running-a-validator-operational-tasks.md

@@ -18,14 +18,12 @@ Running a Polkadot validator node involves several key operational tasks to ensu
   <div class="card">
     <a href="https://telemetry.polkadot.io/" target="_blank">
       <h2 class="title">Access Real-Time Validator Metrics</h2>
-      <hr>
       <p class="description">Check the Polkadot Telemetry dashboard for real-time insights into node performance, including validator status, connectivity, block production, and software version to identify potential issues.</p>
     </a>
   </div>
     <div class="card">
     <a href="/develop/parachains/maintenance/runtime-upgrades/#monitoring-runtime-changes" target="_blank">
       <h2 class="title">Stay Up to Date with Runtime Upgrades</h2>
-      <hr>
       <p class="description">Learn how to monitor the Polkadot network for upcoming upgrades, so you can prepare your validator node for any required updates or modifications.</p>
     </a>
   </div>

.ai/pages/infrastructure-running-a-validator.md

@@ -20,21 +20,18 @@ Learn the requirements for setting up a Polkadot validator node, along with deta
   <div class="card">
     <a href="/infrastructure/staking-mechanics/" target="_blank">
       <h2 class="title">Explore Rewards, Offenses, and Slashes</h2>
-      <hr>
       <p class="description">Learn about Polkadot's offenses and slashing system, along with validator rewards, era points, and nominator payments.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://nodes.web3.foundation/" target="_blank">
       <h2 class="title">Check Out the Decentralized Nodes Program</h2>
-      <hr>
       <p class="description">The Decentralized Nodes program aims to support Polkadot's security and decentralization by involving a diverse set of validators. Learn more and apply.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://matrix.to/#/#polkadotvalidatorlounge:web3.foundation" target="_blank">
       <h2 class="title">Get Help and Connect With Experts</h2>
-      <hr>
       <p class="description">For help, connect with the Polkadot Validator Lounge on Element, where both the team and experienced validators are ready to assist.</p>
     </a>
   </div>

.ai/pages/infrastructure-staking-mechanics.md

@@ -18,21 +18,18 @@ Gain a deep understanding of the staking mechanics in Polkadot, with a focus on
   <div class="card">
     <a href="https://research.web3.foundation/Polkadot/protocols/NPoS/Overview" target="_blank">
       <h2 class="title">Learn About Nominated Proof of Staking</h2>
-      <hr>
       <p class="description">Take a deeper dive into the fundamentals of Polkadot's Nominated Proof of Stake (NPoS) consensus mechanism.</p>
     </a>
   </div>
     <div class="card">
     <a href="https://research.web3.foundation/Polkadot/security/slashing/amounts" target="_blank">
       <h2 class="title">Dive Deep into Slashing Mechanisms</h2>
-      <hr>
       <p class="description">Read the Web3 Foundation's research article on slashing mechanisms for a comprehensive understanding of slashing, along with an in-depth examination of the offenses involved.</p>
     </a>
   </div>
   <div class="card">
     <a href="https://dune.com/substrate/polkadot-staking-validators#polkadot-staking-rewards" target="_blank">
       <h2 class="title">Review Validator Rewards Metrics</h2>
-      <hr>
       <p class="description">Check out Dune's Polkadot Staking Rewards dashboard for a detailed look at validator-specific metrics over time, such as daily staking rewards, nominators count, reward points, and more.</p>
     </a>
   </div>

.ai/pages/tutorials-dapps.md

@@ -20,14 +20,12 @@ You'll explore a range of topics—from client-side apps and CLI tools to on-cha
   <div class="card">
     <a href="/develop/toolkit/api-libraries/papi/">
       <h2 class="title">Polkadot API (PAPI)</h2>
-      <hr>
       <p class="description">Learn how to use the Polkadot API to build dApps that interact with Polkadot SDK-based chains directly via RPC or light clients.</p>
     </a>
   </div>
   <div class="card">
     <a href="/develop/">
       <h2 class="title">Start Building on Polkadot</h2>
-      <hr>
       <p class="description">Get an overview of the tools, SDKs, and templates available for building with Polkadot—from runtime development to frontend integration.</p>
     </a>
   </div>

.ai/pages/tutorials-interoperability-xcm-channels.md

@@ -26,7 +26,6 @@ To enable communication between parachains, explicit HRMP channels must be estab
   <div class="card">
     <a href="/develop/interoperability/xcm-channels/">
       <h2 class="title">Review HRMP Configurations and Extrinsics</h2>
-      <hr>
       <p class="description">Learn about the configurable parameters that govern HRMP channel behavior and the dispatchable extrinsics used to manage them.</p>
     </a>
   </div>

.ai/pages/tutorials-interoperability.md

@@ -31,14 +31,12 @@ Learn to establish and use cross-chain communication channels:
   <div class="card">
     <a href="/polkadot-protocol/parachain-basics/interoperability/">
       <h2 class="title">Learn about Polkadot's Interoperability</h2>
-      <hr>
       <p class="description">Explore the importance of interoperability in the Polkadot ecosystem, covering XCM, bridges, and cross-chain communication.</p>
     </a>
   </div>
     <div class="card">
     <a href="/develop/interoperability/">
       <h2 class="title">Explore Comprehensive XCM Guides</h2>
-      <hr>
       <p class="description">Looking for comprehensive guides and technical resources on XCM? Explore foundational concepts, advanced configuration, and best practices for building cross-chain solutions using XCM.</p>
     </a>
   </div>

.ai/pages/tutorials-onchain-governance.md

@@ -20,7 +20,6 @@ This section provides step-by-step tutorials to help you navigate the technical
   <div class="card">
     <a href="/polkadot-protocol/onchain-governance/" target="_blank">
       <h2 class="title">Learn More About Polkadot's OpenGov</h2>
-      <hr>
       <p class="description">Explore Polkadot's decentralized on-chain governance system, OpenGov, including how it works, the proposal process, and key info for developers.</p>
     </a>
   </div>

.ai/pages/tutorials-polkadot-sdk-system-chains-asset-hub.md

@@ -35,7 +35,6 @@ Through these tutorials, you'll learn how to manage cross-chain assets, includin
   <div class="card">
     <a href="/polkadot-protocol/architecture/system-chains/asset-hub/">
       <h2 class="title">Learn More About Asset Hub</h2>
-      <hr>
       <p class="description">Explore the fundamentals of Asset Hub, including managing on-chain assets, foreign asset integration, and using XCM for cross-chain asset transfers.</p>
     </a>
   </div>

.ai/pages/tutorials-polkadot-sdk.md

@@ -28,7 +28,6 @@ Follow these key milestones to guide you through parachain development. Each ste
   <div class="card">
     <a href="https://github.com/paritytech/polkadot-sdk" target="_blank">
       <h2 class="title">View the Polkadot SDK Source Code</h2>
-      <hr>
       <p class="description">Check out the Polkadot SDK repository on GitHub to explore the source code and stay updated on the latest releases.</p>
     </a>
   </div>

.ai/pages/tutorials.md

@@ -20,7 +20,6 @@ The Zero to Hero series offers step-by-step guidance to development across the P
   <div class="card">
     <a href="/tutorials/polkadot-sdk/parachains/zero-to-hero/" target="_blank">
       <h2 class="title">Parachain Zero to Hero</h2>
-      <hr>
       <p class="description">Begin with a template then follow this series of step-by-step guides to add pallets, write unit tests and benchmarking, run your parachain locally, perform runtime upgrades, deploy to TestNet, and obtain coretime.</p>
     </a>
   </div>
@@ -32,28 +31,24 @@ The Zero to Hero series offers step-by-step guidance to development across the P
   <div class="card">
     <a href="/tutorials/polkadot-sdk/parachains/zero-to-hero/set-up-a-template/">
       <h2 class="title">Set Up a Template</h2>
-      <hr>
       <p class="description">Learn to compile and run a local parachain node using Polkadot SDK. Launch, run, and interact with a pre-configured runtime template.</p>
     </a>
   </div>
     <div class="card">
     <a href="/tutorials/polkadot-sdk/parachains/zero-to-hero/build-custom-pallet">
       <h2 class="title">Build a Custom Pallet</h2>
-      <hr>
       <p class="description">Learn how to build a custom pallet for Polkadot SDK-based blockchains with this step-by-step guide. Create and configure a simple counter pallet from scratch.</p>
     </a>
   </div>
     <div class="card">
     <a href="/tutorials/polkadot-sdk/testing/fork-live-chains/">
       <h2 class="title">Fork a Live Chain with Chopsticks</h2>
-      <hr>
       <p class="description">Learn how to fork live Polkadot SDK chains with Chopsticks. Configure forks, replay blocks, test XCM, and interact programmatically or via UI.</p>
     </a>
   </div>
     <div class="card">
     <a href="/tutorials/interoperability/xcm-channels/para-to-para/">
       <h2 class="title">Open an XCM Channel</h2>
-      <hr>
       <p class="description">Learn how to open HRMP channels between parachains on Polkadot. Discover the step-by-step process for establishing uni- and bidirectional communication.</p>
     </a>
   </div>