Skip to content

Commit fb57c58

Browse files
add Alan's changes
1 parent 7aae1af commit fb57c58

File tree

9 files changed

+170
-92
lines changed

9 files changed

+170
-92
lines changed

docs/_site_essentials/stylesheets/extra.css

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -106,9 +106,13 @@ div.main h2 {
106106

107107
h3 {
108108
margin-bottom: 0 !important;
109+
margin-top: 0px;
109110
font-size: 24px;
111+
margin-block-start: 0px;
112+
margin-block-end: 0px;
110113
font-weight: 600 !important;
111114
line-height: 1.2;
115+
color: var(--main-black) !important;
112116
font-family: Generalsans, sans-serif !important;
113117
}
114118

@@ -169,6 +173,8 @@ div.flex-figure div.flex-figure-right {
169173

170174
.feature-paragraph {
171175
text-align: left;
176+
margin-block-start: 0px;
177+
margin-block-end: 0px;
172178
}
173179

174180
.md-header--shadow {
@@ -319,10 +325,14 @@ div.main .nav-content {
319325
.heading-h3 {
320326
margin-bottom: 8px;
321327
font-size: 22px;
328+
margin-block-start: 0px;
329+
margin-block-end: 0px;
322330
}
323331

324332
.heading-h3.margin-none {
325333
margin-bottom: 0;
334+
margin-block-start: 0px;
335+
margin-block-end: 0px;
326336
}
327337

328338
.feature-paragraph {
@@ -539,11 +549,11 @@ div.main .nav-content {
539549
color: var(--purple);
540550
background-color: #ebe1ff;
541551
border-radius: 4px;
542-
margin-left: 10px;
543-
padding-left: 8px;
544-
padding-right: 8px;
545-
font-size: 12px;
546-
font-weight: 500;
552+
margin-left: 26px;
553+
padding-left: 4px;
554+
padding-right: 4px;
555+
font-size: 11px;
556+
font-weight: 600;
547557
}
548558

549559
.product-list-item-header {
@@ -563,6 +573,7 @@ div.main .nav-content {
563573
width: 16px;
564574
min-width: 16px;
565575
margin-left: 8px;
576+
margin-right: -16px;
566577
display: inline-block;
567578
}
568579
* {

docs/img/home/build-icon.svg

Lines changed: 9 additions & 6 deletions
Loading

docs/img/home/learn-icon.svg

Lines changed: 8 additions & 6 deletions
Loading

docs/img/learn/learn.svg

Lines changed: 98 additions & 0 deletions
Loading

docs/index.md

Lines changed: 24 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ hide:
3737
<div class="flexbox-2-col">
3838
<div class="flex-card-child">
3939
<div class="flex-card-item header-item">
40-
<div class="product-list-header"><img src="img/home/build-icon.svg" loading="lazy" alt="">
40+
<div class="product-list-header"><img width="24px" src="img/home/build-icon.svg" loading="lazy" alt="">
4141
<h3 class="heading-h3 margin-none">BUILD</h3>
4242
</div>
4343
<p class="feature-paragraph">Build today using Polygon technology. Select the protocol that best fits your needs.</p>
@@ -95,12 +95,30 @@ hide:
9595
</div>
9696
<div class="flex-card-child">
9797
<div class="flex-card-item header-item">
98-
<div class="product-list-header"><img src="img/home/learn-icon.svg" loading="lazy" alt="">
98+
<div class="product-list-header"><img width="24px" src="img/home/learn-icon.svg" loading="lazy" alt="">
9999
<h3 class="heading-h3 margin-none">LEARN</h3>
100100
</div>
101101
<p class="feature-paragraph">Deep dives only. Further your understanding of Polygon scaling technology.</p>
102102
</div>
103103
<a href="learn" class="flex-card-item w-inline-block">
104+
<div class="product-list-item-header">
105+
<div class="feature-card-heading">Learn docs</div>
106+
<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">
107+
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
108+
</svg></div>
109+
</div>
110+
<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>
111+
</a>
112+
<a href="learn/welcome" class="flex-card-item w-inline-block">
113+
<div class="product-list-item-header">
114+
<div class="feature-card-heading">Welcome</div>
115+
<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">
116+
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
117+
</svg></div>
118+
</div>
119+
<p class="feature-paragraph"> This segment aims to educate users about the intricacies of ZK-powered L2s on Ethereum, offering a blend of theoretical understanding and practical application.</p>
120+
</a>
121+
<a href="learn/deep-dive-arch" class="flex-card-item w-inline-block">
104122
<div class="product-list-item-header">
105123
<div class="feature-card-heading">Polygon 2.0</div>
106124
<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">
@@ -109,7 +127,7 @@ hide:
109127
</div>
110128
<p class="feature-paragraph">A vision for a unified web of ZK-powered L2s on Ethereum, built using Polygon technology. Unlimited scale, unified liquidity, and blockspace on demand.</p>
111129
</a>
112-
<a href="learn" class="flex-card-item w-inline-block">
130+
<a href="learn/liquidity-and-scalability" class="flex-card-item w-inline-block">
113131
<div class="product-list-item-header">
114132
<div class="feature-card-heading">Unified liquidity</div>
115133
<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">
@@ -118,14 +136,14 @@ hide:
118136
</div>
119137
<p class="feature-paragraph">Level up your understanding of zero-knowledge with whitepapers by the researchers at Polygon Labs.</p>
120138
</a>
121-
<a href="learn" class="flex-card-item w-inline-block">
139+
<a href="learn/polygon-protocols" class="flex-card-item w-inline-block">
122140
<div class="product-list-item-header">
123-
<div class="feature-card-heading">Architecture</div>
141+
<div class="feature-card-heading">Polygon protocols</div>
124142
<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">
125143
<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
126144
</svg></div>
127145
</div>
128-
<p class="feature-paragraph">The Polygon protocol that’s best for you. A guide and decision matrix.</p>
146+
<p class="feature-paragraph">The Polygon protocol that’s best for you. A guide and decision matrix designed to empower users to navigate the evolving world of decentralized.</p>
129147
</a>
130148
</div>
131149
</div>

docs/learn/index.md

Lines changed: 15 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -10,63 +10,48 @@ hide:
1010
}
1111
[data-md-color-scheme="default"] {
1212
.md-main, .md-sidebar__scrollwrap {
13-
background-color: #ebf5fa !important;
13+
background-color: #E8E8E8 !important;
1414
}
1515
}
1616
[data-md-color-scheme="slate"] {
1717
.md-main, .md-sidebar__scrollwrap {
18-
background-color: #b292f7 !important;
18+
background-color: #181818 !important;
1919
}
2020
}
2121
</style>
2222

2323
<div class="section-wrapper product-section-head">
24-
<div class="hero-image"><img src="../img/home/main-img.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
24+
<div class="hero-image"><img src="../img/learn/learn.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
2525
<div class="hero-left">
2626
<h1 class="hero-heading">Learn</h1>
27-
<p class="hero-subtext">The Learn section of docs contains resources, articles, papers, and protocol definitions for learning about Polygon and with specific emphasis on technology in development and the Polygon future vision.</p>
28-
<p class="hero-subtext">Find out about scaling technologies, both live and in-development Polygon protocols, and how everything fits together. </p>
27+
<p class="hero-subtext">The Polygon Knowledge Layer consists of two parts. Firstly, documents that developers need in order to build with Polygon protocols. Secondly, resources necessary for learning about Polygon technologies.</p>
28+
<p class="hero-subtext">This section gives you a peek into the future, the Polygon 2.0 vision which is community-driven.
29+
</p>
2930
</div>
3031
</div>
3132
<div class="grid-container">
32-
<div class="grid-item">
33-
<a href="./agglayer">
34-
<div class="product-list-item-header">
35-
<div class="feature-card-heading">What is the AggLayer?</div>
36-
</div>
37-
<p class="feature-paragraph">Polygon's new aggregation layer is the holy grail of seamless chain interoperability.</p>
38-
</a>
39-
</div>
4033
<div class="grid-item">
4134
<a href="./liquidity-and-scalability">
4235
<div class="product-list-item-header">
43-
<div class="feature-card-heading">Unified liquidity & scalability</div>
36+
<div class="feature-card-heading">Liquidity and scalability</div>
4437
</div>
45-
<p class="feature-paragraph">Read about Polygon's vision of unlimited network liquidity and scalability.</p>
46-
</a>
47-
</div>
48-
<div class="grid-item">
49-
<a href="https://polygon.technology/blog/polygon-2-0-protocol-vision-and-architecture">
50-
<div class="product-list-item-header">
51-
<div class="feature-card-heading">Architecture deep-dive</div>
52-
</div>
53-
<p class="feature-paragraph">Check out the blog post for a deep-dive into Polygon's architecture vision.</p>
38+
<p class="feature-paragraph">ZK-powered L2s to unify liquidity across ecosystem and scale on demand.</p>
5439
</a>
5540
</div>
5641
<div class="grid-item">
57-
<a href="./welcome.md">
42+
<a href="./polygon-protocols">
5843
<div class="product-list-item-header">
59-
<div class="feature-card-heading">Welcome</div>
44+
<div class="feature-card-heading">Polygon 2.0</div>
6045
</div>
61-
<p class="feature-paragraph">Introduction to the Learn section.</p>
46+
<p class="feature-paragraph">Widely-adopted EVM-compatible sidechain designed for low transaction costs and fast transaction times.</p>
6247
</a>
6348
</div>
64-
<div class="grid-item">
65-
<a href="./polygon-protocols.md">
49+
<div class="grid-item">
50+
<a href="./deep-dive-arch">
6651
<div class="product-list-item-header">
67-
<div class="feature-card-heading">Polygon 2.0</div>
52+
<div class="feature-card-heading">Deep dive into the architecture</div>
6853
</div>
69-
<p class="feature-paragraph">What is Polygon 2.0?</p>
54+
<p class="feature-paragraph">Read the blog for a deeper dive into the upcoming technologies.</p>
7055
</a>
7156
</div>
7257
</div>

docs/learn/liquidity-and-scalability.md

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,3 @@
1-
<style>
2-
[data-md-color-scheme="default"] {
3-
.md-main, .md-sidebar__scrollwrap {
4-
background-color: #ebf5fa !important;
5-
}
6-
}
7-
[data-md-color-scheme="slate"] {
8-
.md-main, .md-sidebar__scrollwrap {
9-
background-color: #b292f7 !important;
10-
}
11-
}
12-
</style>
13-
141
Polygon 2.0 envisions a network of ZK-powered L2s on Ethereum that unify liquidity across the ecosystem and can scale on demand. Here is how that vision comes into focus.
152

163
### Unified liquidity

docs/learn/polygon-protocols.md

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,3 @@
1-
<style>
2-
[data-md-color-scheme="default"] {
3-
.md-main, .md-sidebar__scrollwrap {
4-
background-color: #ebf5fa !important;
5-
}
6-
}
7-
[data-md-color-scheme="slate"] {
8-
.md-main, .md-sidebar__scrollwrap {
9-
background-color: #b292f7 !important;
10-
}
11-
}
12-
</style>
13-
141
## Polygon PoS
152

163
Polygon PoS is a widely-adopted EVM-compatible sidechain designed for low transaction costs and fast transaction times.

docs/learn/welcome.md

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,3 @@
1-
<style>
2-
[data-md-color-scheme="default"] {
3-
.md-main, .md-sidebar__scrollwrap {
4-
background-color: #ebf5fa !important;
5-
}
6-
}
7-
[data-md-color-scheme="slate"] {
8-
.md-main, .md-sidebar__scrollwrap {
9-
background-color: #b292f7 !important;
10-
}
11-
}
12-
</style>
13-
141
The Polygon Knowledge Layer consists of two parts. Firstly, documents that developers need in order to build with Polygon protocols. Secondly, resources necessary for learning about Polygon technologies.
152

163
The Learn section gives you a peek into the future, the Polygon 2.0 vision which is community-driven.

0 commit comments

Comments
 (0)