@@ -5,160 +5,119 @@ hide:
55---
66
77<style >
8+
89.md-content__button.md-icon {
9- display : none ;
10+ display : none ;
1011}
1112
1213.hero-content-flex {
13- bottom : 5px ;
14- }
15-
16- .feature-paragraph {
17- margin-top : 0.5rem ;
18- line-height : 1.5 ;
19- }
20-
21- .card-header {
22- display : flex ;
23- align-items : center ;
14+ bottom : 5px ;
2415}
2516
26- .card-header img {
27- margin-right : 10px ;
28- }
2917</style >
3018
3119<div class =" main " >
32- <header class="section">
33- <div class="container-global">
34- <div class="section-wrapper">
35- <div class="hero-content-flex">
36- <div class="hero-left">
37- <h1 class="hero-heading">The Polygon Knowledge Layer</h1>
38- <p class="hero-subtext">
39- Welcome to the technical documentation and knowledge resources for Polygon protocols and scaling technologies.
40- </p>
41- <p class="hero-subtext">
42- Learn how to build and deploy dApps, launch ZK rollups and validiums as Layer 2s on Ethereum, spin up nodes, and find out about the latest in zero-knowledge research.
43- </p>
44- </div>
45- <div class="hero-right">
46- <img src="img/home/main-img.svg" alt="Main Graphic" class="hero-image" loading="lazy">
47- </div>
48- </div>
49- </div>
50- </div>
51- </header>
52-
53- <!-- Build Section -->
54- <section class="section">
55- <div class="container-global">
56- <div class="section-wrapper">
57- <div class="card">
58- <h3 class="card-header">
59- <img src="img/home/build-icon.svg" alt="Build Icon" width="24">
60- BUILD
61- </h3>
62- <p class="feature-paragraph">
63- Build today using Polygon technology. Select the protocol that best fits your needs.
64- </p>
65- <ul>
66- <li>
67- <a href="agglayer/overview">
68- AggLayer
69- </a> - Introducing the multi-chain, multi-transaction Polygon AggLayer: what it is and how it works.
70- </li>
71- <li>
72- <a href="pos">
73- Polygon PoS
74- </a> - Deploy a dApp on the widely adopted Polygon Proof-of-Stake protocol, optimized for high throughput and low fees.
75- </li>
76- <li>
77- <a href="zkEVM">
78- Polygon zkEVM
79- </a> - Build on an EVM-equivalent ZK rollup designed for security and scalability.
80- </li>
81- <li>
82- <a href="cdk">
83- Polygon CDK
84- </a> - Build a zero-knowledge Layer 2 blockchain on Ethereum. Learn about validium, rollup modes, and more.
85- </li>
86- </ul>
87- </div>
88- </div>
89- </div>
90- </section>
91-
92- <!-- Learn Section -->
93- <section class="section">
94- <div class="container-global">
95- <div class="section-wrapper">
96- <div class="card">
97- <h3 class="card-header">
98- <img src="img/home/learn-icon.svg" alt="Learn Icon" width="24">
99- LEARN
100- </h3>
101- <p class="feature-paragraph">
102- Deep dives into Polygon scaling technologies and innovations.
103- </p>
104- <ul>
105- <li>
106- <a href="innovation-design">
107- Innovation & Design
108- </a> - Explore foundational concepts and previews of upcoming Polygon innovations.
109- </li>
110- <li>
111- <a href="cdk/architecture/type-1-prover/intro-t1-prover">
112- Type 1 Prover
113- </a> - Understand the Type 1 proving component used for ZK-EVM chains.
114- </li>
115- <li>
116- <a href="./innovation-design/plonky">
117- Plonky 2 & 3
118- </a> - Learn about Polygon’s latest cryptographic advancements.
119- </li>
120- <li>
121- <a href="innovation-design/polygon-protocols">
122- Polygon Protocols
123- </a> - Detailed guides and decision matrices for navigating the Polygon ecosystem.
124- </li>
125- </ul>
126- </div>
127- </div>
128- </div>
129- </section>
130-
131- <!-- Developer Resources Section -->
132- <section class="section">
133- <div class="container-global">
134- <div class="section-wrapper">
135- <div class="card">
136- <h3 class="card-header">
137- <img src="img/home/resources-icon.svg" alt="Resources Icon" width="24">
138- DEVELOPER RESOURCES
139- </h3>
140- <p class="feature-paragraph">
141- For developers ready to build, featuring essential tools and documentation.
142- </p>
143- <ul>
144- <li>
145- <a href="/tools/">
146- Developer Tools
147- </a> - Access RPC providers, faucets, SDKs, block explorers, and more.
148- </li>
149- <li>
150- <a href="./zkEVM/how-to/write-contract">
151- Write a zkEVM Contract
152- </a> - Step-by-step guidance for writing contracts on zkEVM.
153- </li>
154- <li>
155- <a href="https://ecosystem.polygon.technology/spn/explore/">
156- Solution Provider Network
157- </a> - Explore tooling and infrastructure in a searchable catalog.
158- </li>
159- </ul>
160- </div>
161- </div>
162- </div>
163- </section>
164- </div >
20+ <header class="section">
21+ <div class="container-global">
22+ <div class="section-wrapper">
23+ <div class="hero-content-flex">
24+ <div class="hero-left">
25+ <h1 class="hero-heading">The Polygon Knowledge Layer</h1>
26+ <p class="hero-subtext">Welcome to the technical documentation and knowledge resources for Polygon protocols and scaling technologies.</p>
27+ <p class="hero-subtext"> Learn how to build and deploy dApps, launch ZK rollups and validiums as Layer 2s on Ethereum, spin up nodes, and find out about the latest in zero-knowledge research.</p>
28+ </div>
29+ <div class="hero-right"><img src="img/home/main-img.svg" loading="lazy" alt="" class="hero-image"></div>
30+ </div>
31+ </div>
32+ </div>
33+ </header>
34+ <section class="section">
35+ <div class="container-global">
36+ <div class="section-wrapper">
37+ <div class="flexbox-2-col">
38+ <div class="flex-card-child">
39+ <div class="flex-card-item header-item">
40+ <div class="product-list-header"><img width="24px" src="img/home/build-icon.svg" loading="lazy" alt="">
41+ <h3 class="heading-h3 margin-none">BUILD</h3>
42+ </div>
43+ <p class="feature-paragraph">Build today using Polygon technology. Select the protocol that best fits your needs.</p>
44+ </div>
45+ <a href="docs/agglayer/overview.md" class="flex-card-item w-inline-block">
46+ <div class="product-list-item-header">
47+ <div class="feature-card-heading">AggLayer documentation</div>
48+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
49+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
50+ </svg></div>
51+ </div>
52+ <p class="feature-paragraph">AggLayer solves blockchain fragmentation by enabling sovereign chains to securely share liquidity, users, and state.</p>
53+ </a>
54+ <a href="pos" class="flex-card-item w-inline-block">
55+ <div class="product-list-item-header">
56+ <div class="feature-card-heading">Polygon PoS</div>
57+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
58+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
59+ </svg></div>
60+ <div class="status-tag">LIVE</div>
61+ </div>
62+ <p class="feature-paragraph">Deploy a dApp on the widely adopted Polygon Proof-of-Stake protocol, an EVM-compatible environment optimized for high throughput and low transaction fees.</p>
63+ </a>
64+ <a href="zkEVM" class="flex-card-item w-inline-block">
65+ <div class="product-list-item-header">
66+ <div class="feature-card-heading">Polygon zkEVM</div>
67+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
68+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
69+ </svg></div>
70+ <div class="status-tag">LIVE</div>
71+ </div>
72+ <p class="feature-paragraph">Deploy a dApp or build infrastructure on zkEVM, an EVM-equivalent ZK rollup designed for security.</p>
73+ </a>
74+ <a href="cdk" class="flex-card-item w-inline-block">
75+ <div class="product-list-item-header">
76+ <div class="feature-card-heading">Polygon CDK</div>
77+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
78+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
79+ </svg></div>
80+ <div class="status-tag">LIVE</div>
81+ </div>
82+ <p class="feature-paragraph">Build and test a zero-knowledge Layer 2 blockchain on Ethereum. Learn about validium and rollup modes, custom native gas tokens, and more.</p>
83+ </a>
84+ <a href="miden" class="flex-card-item w-inline-block">
85+ <div class="product-list-item-header">
86+ <div class="feature-card-heading">Polygon Miden</div>
87+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
88+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
89+ </svg></div>
90+ <div class="status-tag">COMING SOON</div>
91+ </div>
92+ <p class="feature-paragraph">Test the Miden VM and learn about Polygon Miden, the novel ZK rollup designed to extend the EVM’s feature-set, including for privacy.</p>
93+ </a>
94+ </div>
95+ <div class="flex-card-child">
96+ <div class="flex-card-item header-item">
97+ <div class="product-list-header"><img width="24px" src="img/home/learn-icon.svg" loading="lazy" alt="">
98+ <h3 class="heading-h3 margin-none">LEARN</h3>
99+ </div>
100+ <p class="feature-paragraph">Deep dives only. Further your understanding of Polygon scaling technology.</p></br>
101+ </div>
102+ <a href="agglayer/overview" class="flex-card-item w-inline-block">
103+ <div class="product-list-item-header">
104+ <div class="feature-card-heading">AggLayer</div>
105+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
106+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
107+ </svg></div>
108+ </div>
109+ <p class="feature-paragraph">Introducing the multi-chain, multi-transaction, Polygon AggLayer; what it is and how it works.</p>
110+ </a>
111+ <a href="innovation-design" class="flex-card-item w-inline-block">
112+ <div class="product-list-item-header">
113+ <div class="feature-card-heading">Innovation & design</div>
114+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
115+ <path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
116+ </svg></div>
117+ </div>
118+ <p class="feature-paragraph"> Resources focused on both current and future Polygon technologies. It features detailed guides, foundational concepts, and previews of upcoming innovations. </p>
119+ </a>
120+ <a href="cdk/architecture/type-1-prover/intro-t1-prover" class="flex-card-item w-inline-block">
121+ <div class="product-list-item-header">
122+ <div class="feature-card-heading">Type 1 prover</div>
123+ <div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="
0 commit comments