Skip to content

Commit 2848688

Browse files
mitchpolygonmitchpolygon
committed
nav update
1 parent 9408bf6 commit 2848688

File tree

3 files changed

+116
-103
lines changed

3 files changed

+116
-103
lines changed

docs/cdk/concepts/stack-components.md renamed to docs/cdk/concepts/full-execution-proofs.md

File renamed without changes.

docs/cdk/concepts/pp-intro-components.md renamed to docs/cdk/concepts/pessimistic-proofs.md

File renamed without changes.

‎docs/index.md‎

Lines changed: 116 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,20 @@ hide:
1212
.hero-content-flex {
1313
bottom: 5px;
1414
}
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;
24+
}
25+
26+
.card-header img {
27+
margin-right: 10px;
28+
}
1529
</style>
1630

1731
<div class="main">
@@ -21,129 +35,128 @@ hide:
2135
<div class="hero-content-flex">
2236
<div class="hero-left">
2337
<h1 class="hero-heading">The Polygon Knowledge Layer</h1>
24-
<p class="hero-subtext">Welcome to the technical documentation and knowledge resources for Polygon protocols and scaling technologies.</p>
25-
<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>
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>
2644
</div>
2745
<div class="hero-right">
28-
<img src="img/home/main-img.svg" loading="lazy" alt="Main Illustration" class="hero-image">
46+
<img src="img/home/main-img.svg" alt="Main Graphic" class="hero-image" loading="lazy">
2947
</div>
3048
</div>
3149
</div>
3250
</div>
3351
</header>
3452

53+
<!-- Build Section -->
3554
<section class="section">
3655
<div class="container-global">
3756
<div class="section-wrapper">
38-
<div class="flexbox-2-col">
39-
<div class="flex-card-child">
40-
<div class="flex-card-item header-item">
41-
<div class="product-list-header">
42-
<img width="24px" src="img/home/build-icon.svg" loading="lazy" alt="Build Icon">
43-
<h3 class="heading-h3 margin-none">BUILD</h3>
44-
</div>
45-
<p class="feature-paragraph">Build today using Polygon technology. Select the protocol that best fits your needs.</p>
46-
47-
<!-- AggLayer Section -->
48-
<a href="agglayer/overview" class="flex-card-item w-inline-block">
49-
<div class="product-list-item-header">
50-
<div class="feature-card-heading">AggLayer</div>
51-
<div class="arrow-embed w-embed">
52-
<svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewBox="0 0 16 17" fill="none">
53-
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
54-
</svg>
55-
</div>
56-
</div>
57-
<p class="feature-paragraph">Introducing the multi-chain, multi-transaction Polygon AggLayer: what it is and how it works.</p>
58-
</a>
59-
</div>
60-
61-
<!-- Polygon PoS Section -->
62-
<a href="pos" class="flex-card-item w-inline-block">
63-
<div class="product-list-item-header">
64-
<div class="feature-card-heading">Polygon PoS</div>
65-
<div class="arrow-embed w-embed">
66-
<svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewBox="0 0 16 17" fill="none">
67-
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
68-
</svg>
69-
</div>
70-
<div class="status-tag">LIVE</div>
71-
</div>
72-
<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>
73-
</a>
74-
75-
<!-- zkEVM Section -->
76-
<a href="zkEVM" class="flex-card-item w-inline-block">
77-
<div class="product-list-item-header">
78-
<div class="feature-card-heading">Polygon zkEVM</div>
79-
<div class="arrow-embed w-embed">
80-
<svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewBox="0 0 16 17" fill="none">
81-
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
82-
</svg>
83-
</div>
84-
<div class="status-tag">LIVE</div>
85-
</div>
86-
<p class="feature-paragraph">Deploy a dApp or build infrastructure on zkEVM, an EVM-equivalent ZK rollup designed for security.</p>
87-
</a>
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>
8891

89-
<!-- Polygon CDK Section -->
90-
<a href="cdk" class="flex-card-item w-inline-block">
91-
<div class="product-list-item-header">
92-
<div class="feature-card-heading">Polygon CDK</div>
93-
<div class="arrow-embed w-embed">
94-
<svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewBox="0 0 16 17" fill="none">
95-
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
96-
</svg>
97-
</div>
98-
<div class="status-tag">LIVE</div>
99-
</div>
100-
<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>
101-
</a>
102-
</div>
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>
103126
</div>
104127
</div>
105128
</div>
106129
</section>
107130

108-
<!-- Additional Resources Section -->
131+
<!-- Developer Resources Section -->
109132
<section class="section">
110133
<div class="container-global">
111134
<div class="section-wrapper">
112-
<div class="home-dev-resources">
113-
<div class="section-header-wrapper">
114-
<h2 class="heading-h2">Developer Resources</h2>
115-
<p class="home-section-subtext">For developers who know what they want to build and are ready to go.</p>
116-
</div>
117-
<div class="flexbox">
118-
<a href="/tools/" class="home-feature-card w-inline-block">
119-
<img src="img/home/build.svg" loading="lazy" alt="Developer Tools" class="feature-icon">
120-
<div class="feature-content">
121-
<div class="feature-content-wrapper">
122-
<div class="feature-content-name">Developer Tools</div>
123-
<div class="arrow-embed w-embed">
124-
<svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewBox="0 0 16 17" fill="none">
125-
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
126-
</svg>
127-
</div>
128-
</div>
129-
<p class="paragraph-small">RPC providers, faucets, data indexing, Web3 dApp development SDKs, block explorers, storage, and more.</p>
130-
</div>
131-
</a>
132-
<a href="https://ecosystem.polygon.technology/spn/explore/" class="home-feature-card w-inline-block">
133-
<img src="img/home/network.svg" loading="lazy" alt="Solution Provider Network" class="feature-icon">
134-
<div class="feature-content">
135-
<div class="feature-content-wrapper">
136-
<div class="feature-content-name">Solution Provider Network</div>
137-
<div class="arrow-embed w-embed">
138-
<svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewBox="0 0 16 17" fill="none">
139-
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
140-
</svg>
141-
</div>
142-
</div>
143-
<p class="paragraph-small">Searchable catalog of tooling and infrastructure for developers.</p>
144-
</div>
145-
</a>
146-
</div>
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>
147160
</div>
148161
</div>
149162
</div>

0 commit comments

Comments
 (0)