Skip to content

Commit

Permalink
Merge pull request #120 from 0xPolygon/km/html-tidy-up
Browse files Browse the repository at this point in the history
Tidying up the html
  • Loading branch information
kmurphypolygon authored Jan 2, 2024
2 parents 7a7dfb7 + 18e4afa commit ca02dad
Show file tree
Hide file tree
Showing 7 changed files with 250 additions and 238 deletions.
73 changes: 40 additions & 33 deletions docs/cdk/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,38 +3,45 @@ hide:
- toc
---

<div class="section-wrapper product-section-head">
<div class="hero-image"><img src="../img/cdk/cdk.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
<div class="hero-left">
<h1 class="hero-heading">Polygon CDK</h1>
<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>
</div>
</br>
<style>
.git-revision-date-localized-plugin, .md-source-file, .md-content__button.md-icon {
display: none;
}
</style>

<div class="section-wrapper product-section-head">
<div class="hero-image"><img src="../img/cdk/cdk.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
<div class="hero-left">
<h1 class="hero-heading">Polygon CDK</h1>
<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>
</div>
</br>
</div>

<div class="grid-container">
<div class="grid-item">
<a href="./get-started/quickstart-rollup">
<div class="product-list-item-header">
<div class="feature-card-heading">CDK rollups</div>
</div>
<p class="feature-paragraph">Get started with the CDK zkRollup stack.</p>
</a>
</div>
<div class="grid-item">
<a href="./get-started/quickstart-validium">
<div class="product-list-item-header">
<div class="feature-card-heading">CDK validiums</div>
</div>
<p class="feature-paragraph">Get started with the CDK validium stack.</p>
</a>
</div>
<div class="grid-container">
<div class="grid-item">
<a href="./get-started/quickstart-rollup">
<div class="product-list-item-header">
<div class="feature-card-heading">CDK rollups</div>
</div>
<p class="feature-paragraph">Get started with the CDK zkRollup stack.</p>
</a>
</div>
<div class="grid-item">
<a href="./get-started/quickstart-validium">
<div class="product-list-item-header">
<div class="feature-card-heading">CDK validiums</div>
</div>
<p class="feature-paragraph">Get started with the CDK validium stack.</p>
</a>
</div>
<div class="grid-item">
<a href="./spec/validium-vs-rollup">
<div class="product-list-item-header">
<div class="feature-card-heading">Rollup versus validium</div>
</div>
<p class="feature-paragraph">Discover the key differences between the rollup and validium infrastructure options.</p>
</a>
</div>
<div class="grid-item">
<a href="./spec/validium-vs-rollup">
<div class="product-list-item-header">
<div class="feature-card-heading">Rollup versus validium</div>
</div>
<p class="feature-paragraph">Discover the key differences between the rollup and validium infrastructure options.</p>
</a>
</div>
</div>
</div>
</div>
4 changes: 4 additions & 0 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,10 @@ hide:

<style>

.md-content__button.md-icon {
display: none;
}

.hero-content-flex {
bottom: 5px;
}
Expand Down
114 changes: 38 additions & 76 deletions docs/miden/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,83 +4,45 @@ hide:
---

<style>
.feature-paragraph {
text-align: left;
}
* {
box-sizing: border-box;
}
.grid-container {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 10px;
align-items: stretch;
}
.grid-item {
background-color: white;
border-radius: 8px;
-webkit-box-shadow: 0 8px 16px 0 rgb(17 17 17 / 8%);
box-shadow: 0 8px 16px 0 rgb(17 17 17 / 8%);
padding: 33px;
margin: 5px;
text-align: center;
align-items: center;
flex: 32%;
width: 32%;
}
@media screen and (max-width: 1000px) {
.grid-item {
flex: 32%;
max-width: 32%;
}
}
@media screen and (max-width: 800px) {
.grid-item {
flex: 48%;
max-width: 48%;
}
}
@media screen and (max-width: 600px) {
.grid-item {
flex: 100%;
max-width: 100%;
}
.git-revision-date-localized-plugin, .md-source-file, .md-content__button.md-icon {
display: none;
}
</style>
<div class="section-wrapper product-section-head">
<div class="hero-image"><img src="../img/miden/miden.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
<div class="hero-left">
<h1 class="hero-heading">Polygon Miden</h1>
<h2><code>Software in development</code></h2>
<h2></h2>
<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>
</div>

<div class="section-wrapper product-section-head">
<div class="hero-image"><img src="../img/miden/miden.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
<div class="hero-left">
<h1 class="hero-heading">Polygon Miden</h1>
<h2><code>Software in development</code></h2>
<h2></h2>
<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>
</div>
</div>

<div class="grid-container">
<div class="grid-item">
<a href="./introduction/">
<div class="product-list-item-header">
<div class="feature-card-heading">zkRollup docs</div>
</div>
<p class="feature-paragraph">The Miden zkRollup docs detail the current state of the development and design.</p>
</a>
</div>
<div class="grid-item">
<a href="./roadmap">
<div class="product-list-item-header">
<div class="feature-card-heading">zkRollup roadmap</div>
</div>
<p class="feature-paragraph">Check out the Miden zkRollup roadmap for the latest updates.</p>
</a>
</div>
<div class="grid-container">
<div class="grid-item">
<a href="./introduction/">
<div class="product-list-item-header">
<div class="feature-card-heading">zkRollup docs</div>
</div>
<p class="feature-paragraph">The Miden zkRollup docs detail the current state of the development and design.</p>
</a>
</div>
<div class="grid-item">
<a href="./roadmap">
<div class="product-list-item-header">
<div class="feature-card-heading">zkRollup roadmap</div>
</div>
<p class="feature-paragraph">Check out the Miden zkRollup roadmap for the latest updates.</p>
</a>
</div>
<div class="grid-item">
<a href="./vm/intro/">
<div class="product-list-item-header">
<div class="feature-card-heading">Miden VM</div>
</div>
<p class="feature-paragraph">Check out the Miden zero-knowledge virtual machine documentation.</p>
</a>
</div>
<div class="grid-item">
<a href="./vm/intro/">
<div class="product-list-item-header">
<div class="feature-card-heading">Miden VM</div>
</div>
<p class="feature-paragraph">Check out the Miden zero-knowledge virtual machine documentation.</p>
</a>
</div>
</div>
</div>
</div>
54 changes: 47 additions & 7 deletions docs/pos/index.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,49 @@
<div class="flex-figure" markdown="1">
<div class="flex-figure-left" markdown="1">
# Polygon PoS
Polygon PoS is an EVM-compatible, proof-of-stake sidechain for Ethereum, with high throughput and low costs.
---
hide:
- toc
---

<style>
.git-revision-date-localized-plugin, .md-source-file, .md-content__button.md-icon {
display: none;
}
</style>

<div class="section-wrapper product-section-head">
<div class="hero-image"><img src="../img/pos/pos.svg" loading="lazy" class="hero-image" style="width: 40%; float: right;"></div>
<div class="hero-left">
<h1 class="hero-heading">Polygon PoS</h1>
<p class="hero-subtext">Polygon PoS is an EVM-compatible, proof-of-stake sidechain for Ethereum, with high throughput and low costs.</p>
</div>
</br>
</div>
<div class="flex-figure-right">
<img src="../img/pos/pos.svg" class="figure figure-right" alt="" />

<div class="grid-container">
<div class="grid-item">
<a href="./get-started/building-on-polygon">
<div class="product-list-item-header">
<div class="feature-card-heading">Get started with PoS</div>
</div>
<p class="feature-paragraph">Get started with building on Polygon PoS.</p>
</a>
</div>
<div class="grid-item">
<a href="./how-to/operating/">
<div class="product-list-item-header">
<div class="feature-card-heading">Run a PoS node</div>
</div>
<p class="feature-paragraph">Find out the differences between types of PoS nodes and how to set up, run, and deploy them.</p>
</a>
</div>
<div class="grid-item">
<a href="./architecture/">
<div class="product-list-item-header">
<div class="feature-card-heading">PoS architecture</div>
</div>
<p class="feature-paragraph">Find out about the PoS architecture and its Heimdall and Bor layers.</p>
</a>
</div>
</div>
</div>
</div>


Loading

0 comments on commit ca02dad

Please sign in to comment.