Skip to content

Commit 18e4afa

Browse files
kmurphypolygonkmurphypolygon
committed
tidying up the html
1 parent 7a7dfb7 commit 18e4afa

File tree

7 files changed

+250
-238
lines changed

7 files changed

+250
-238
lines changed

‎docs/cdk/index.md‎

Lines changed: 40 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -3,38 +3,45 @@ hide:
33
- toc
44
---
55

6-
<div class="section-wrapper product-section-head">
7-
<div class="hero-image"><img src="../img/cdk/cdk.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
8-
<div class="hero-left">
9-
<h1 class="hero-heading">Polygon CDK</h1>
10-
<p class="hero-subtext">Polygon Chain Development Kit (CDK) is a modular, open source software toolkit for blockchain developers to launch new L2 chains on Ethereum.</p>
11-
</div>
12-
</br>
6+
<style>
7+
.git-revision-date-localized-plugin, .md-source-file, .md-content__button.md-icon {
8+
display: none;
9+
}
10+
</style>
11+
12+
<div class="section-wrapper product-section-head">
13+
<div class="hero-image"><img src="../img/cdk/cdk.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
14+
<div class="hero-left">
15+
<h1 class="hero-heading">Polygon CDK</h1>
16+
<p class="hero-subtext">Polygon Chain Development Kit (CDK) is a modular, open source software toolkit for blockchain developers to launch new L2 chains on Ethereum.</p>
17+
</div>
18+
</br>
19+
</div>
20+
21+
<div class="grid-container">
22+
<div class="grid-item">
23+
<a href="./get-started/quickstart-rollup">
24+
<div class="product-list-item-header">
25+
<div class="feature-card-heading">CDK rollups</div>
26+
</div>
27+
<p class="feature-paragraph">Get started with the CDK zkRollup stack.</p>
28+
</a>
29+
</div>
30+
<div class="grid-item">
31+
<a href="./get-started/quickstart-validium">
32+
<div class="product-list-item-header">
33+
<div class="feature-card-heading">CDK validiums</div>
34+
</div>
35+
<p class="feature-paragraph">Get started with the CDK validium stack.</p>
36+
</a>
1337
</div>
14-
<div class="grid-container">
15-
<div class="grid-item">
16-
<a href="./get-started/quickstart-rollup">
17-
<div class="product-list-item-header">
18-
<div class="feature-card-heading">CDK rollups</div>
19-
</div>
20-
<p class="feature-paragraph">Get started with the CDK zkRollup stack.</p>
21-
</a>
22-
</div>
23-
<div class="grid-item">
24-
<a href="./get-started/quickstart-validium">
25-
<div class="product-list-item-header">
26-
<div class="feature-card-heading">CDK validiums</div>
27-
</div>
28-
<p class="feature-paragraph">Get started with the CDK validium stack.</p>
29-
</a>
30-
</div>
31-
<div class="grid-item">
32-
<a href="./spec/validium-vs-rollup">
33-
<div class="product-list-item-header">
34-
<div class="feature-card-heading">Rollup versus validium</div>
35-
</div>
36-
<p class="feature-paragraph">Discover the key differences between the rollup and validium infrastructure options.</p>
37-
</a>
38-
</div>
38+
<div class="grid-item">
39+
<a href="./spec/validium-vs-rollup">
40+
<div class="product-list-item-header">
41+
<div class="feature-card-heading">Rollup versus validium</div>
42+
</div>
43+
<p class="feature-paragraph">Discover the key differences between the rollup and validium infrastructure options.</p>
44+
</a>
3945
</div>
40-
</div>
46+
</div>
47+
</div>

‎docs/index.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ hide:
66

77
<style>
88

9+
.md-content__button.md-icon {
10+
display: none;
11+
}
12+
913
.hero-content-flex {
1014
bottom: 5px;
1115
}

‎docs/miden/index.md‎

Lines changed: 38 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -4,83 +4,45 @@ hide:
44
---
55

66
<style>
7-
.feature-paragraph {
8-
text-align: left;
9-
}
10-
* {
11-
box-sizing: border-box;
12-
}
13-
.grid-container {
14-
display: flex;
15-
flex-wrap: wrap;
16-
width: 100%;
17-
padding: 10px;
18-
align-items: stretch;
19-
}
20-
.grid-item {
21-
background-color: white;
22-
border-radius: 8px;
23-
-webkit-box-shadow: 0 8px 16px 0 rgb(17 17 17 / 8%);
24-
box-shadow: 0 8px 16px 0 rgb(17 17 17 / 8%);
25-
padding: 33px;
26-
margin: 5px;
27-
text-align: center;
28-
align-items: center;
29-
flex: 32%;
30-
width: 32%;
31-
}
32-
@media screen and (max-width: 1000px) {
33-
.grid-item {
34-
flex: 32%;
35-
max-width: 32%;
36-
}
37-
}
38-
@media screen and (max-width: 800px) {
39-
.grid-item {
40-
flex: 48%;
41-
max-width: 48%;
42-
}
43-
}
44-
@media screen and (max-width: 600px) {
45-
.grid-item {
46-
flex: 100%;
47-
max-width: 100%;
48-
}
7+
.git-revision-date-localized-plugin, .md-source-file, .md-content__button.md-icon {
8+
display: none;
499
}
5010
</style>
51-
<div class="section-wrapper product-section-head">
52-
<div class="hero-image"><img src="../img/miden/miden.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
53-
<div class="hero-left">
54-
<h1 class="hero-heading">Polygon Miden</h1>
55-
<h2><code>Software in development</code></h2>
56-
<h2></h2>
57-
<p class="hero-subtext">Polygon Miden is an in-development zero-knowledge (zk) rollup running on the Miden VM, a virtual machine that prioritizes zk-friendliness over EVM compatibility.</p>
58-
</div>
11+
12+
<div class="section-wrapper product-section-head">
13+
<div class="hero-image"><img src="../img/miden/miden.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
14+
<div class="hero-left">
15+
<h1 class="hero-heading">Polygon Miden</h1>
16+
<h2><code>Software in development</code></h2>
17+
<h2></h2>
18+
<p class="hero-subtext">Polygon Miden is an in-development zero-knowledge (zk) rollup running on the Miden VM, a virtual machine that prioritizes zk-friendliness over EVM compatibility.</p>
19+
</div>
20+
</div>
21+
22+
<div class="grid-container">
23+
<div class="grid-item">
24+
<a href="./introduction/">
25+
<div class="product-list-item-header">
26+
<div class="feature-card-heading">zkRollup docs</div>
27+
</div>
28+
<p class="feature-paragraph">The Miden zkRollup docs detail the current state of the development and design.</p>
29+
</a>
30+
</div>
31+
<div class="grid-item">
32+
<a href="./roadmap">
33+
<div class="product-list-item-header">
34+
<div class="feature-card-heading">zkRollup roadmap</div>
35+
</div>
36+
<p class="feature-paragraph">Check out the Miden zkRollup roadmap for the latest updates.</p>
37+
</a>
5938
</div>
60-
<div class="grid-container">
61-
<div class="grid-item">
62-
<a href="./introduction/">
63-
<div class="product-list-item-header">
64-
<div class="feature-card-heading">zkRollup docs</div>
65-
</div>
66-
<p class="feature-paragraph">The Miden zkRollup docs detail the current state of the development and design.</p>
67-
</a>
68-
</div>
69-
<div class="grid-item">
70-
<a href="./roadmap">
71-
<div class="product-list-item-header">
72-
<div class="feature-card-heading">zkRollup roadmap</div>
73-
</div>
74-
<p class="feature-paragraph">Check out the Miden zkRollup roadmap for the latest updates.</p>
75-
</a>
76-
</div>
77-
<div class="grid-item">
78-
<a href="./vm/intro/">
79-
<div class="product-list-item-header">
80-
<div class="feature-card-heading">Miden VM</div>
81-
</div>
82-
<p class="feature-paragraph">Check out the Miden zero-knowledge virtual machine documentation.</p>
83-
</a>
84-
</div>
39+
<div class="grid-item">
40+
<a href="./vm/intro/">
41+
<div class="product-list-item-header">
42+
<div class="feature-card-heading">Miden VM</div>
43+
</div>
44+
<p class="feature-paragraph">Check out the Miden zero-knowledge virtual machine documentation.</p>
45+
</a>
8546
</div>
86-
</div>
47+
</div>
48+
</div>

‎docs/pos/index.md‎

Lines changed: 47 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,49 @@
1-
<div class="flex-figure" markdown="1">
2-
<div class="flex-figure-left" markdown="1">
3-
# Polygon PoS
4-
Polygon PoS is an EVM-compatible, proof-of-stake sidechain for Ethereum, with high throughput and low costs.
1+
---
2+
hide:
3+
- toc
4+
---
5+
6+
<style>
7+
.git-revision-date-localized-plugin, .md-source-file, .md-content__button.md-icon {
8+
display: none;
9+
}
10+
</style>
11+
12+
<div class="section-wrapper product-section-head">
13+
<div class="hero-image"><img src="../img/pos/pos.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
14+
<div class="hero-left">
15+
<h1 class="hero-heading">Polygon PoS</h1>
16+
<p class="hero-subtext">Polygon PoS is an EVM-compatible, proof-of-stake sidechain for Ethereum, with high throughput and low costs.</p>
17+
</div>
18+
</br>
519
</div>
6-
<div class="flex-figure-right">
7-
<img src="../img/pos/pos.svg" class="figure figure-right" alt="" />
20+
21+
<div class="grid-container">
22+
<div class="grid-item">
23+
<a href="./get-started/building-on-polygon">
24+
<div class="product-list-item-header">
25+
<div class="feature-card-heading">Get started with PoS</div>
26+
</div>
27+
<p class="feature-paragraph">Get started with building on Polygon PoS.</p>
28+
</a>
29+
</div>
30+
<div class="grid-item">
31+
<a href="./how-to/operating/">
32+
<div class="product-list-item-header">
33+
<div class="feature-card-heading">Run a PoS node</div>
34+
</div>
35+
<p class="feature-paragraph">Find out the differences between types of PoS nodes and how to set up, run, and deploy them.</p>
36+
</a>
37+
</div>
38+
<div class="grid-item">
39+
<a href="./architecture/">
40+
<div class="product-list-item-header">
41+
<div class="feature-card-heading">PoS architecture</div>
42+
</div>
43+
<p class="feature-paragraph">Find out about the PoS architecture and its Heimdall and Bor layers.</p>
44+
</a>
45+
</div>
846
</div>
9-
</div>
47+
</div>
48+
49+

0 commit comments

Comments
 (0)