Skip to content

Custom grid section #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Nov 15, 2022
Merged

Custom grid section #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4ccea27
Custom grid section
raulkele Nov 14, 2022
648af42
theme: remove light theme
rchamarthy Nov 15, 2022
d7f6c64
home: update home page with features
rchamarthy Nov 15, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 49 additions & 0 deletions docs/stylesheets/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
.default-bg {
background: none!important;
background-color:hsla(232,15%,21%,1)!important;
}

.content-container-centered {
padding: 5.2rem 0;
margin: 0 0.8rem;
}

.centered-content-grid {
margin-top: 2.4rem

}

.centered-content-grid ul.centered-content-grid__list {
display: flex;
flex-flow: row wrap;
gap: 1.6rem;
padding: 0;
margin: 0;
}

.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item{
display: flex;
flex: 1 0 48%;
gap: 0.6rem;
margin: 0;
}

.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item div.item_content{
color: hsla(232,75%,95%,1)!important;
}


.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item div.item_content h2.card_title{
font-weight: 700;
margin-top: 0.175em;
}

.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item div.content_icon{
fill: currentcolor;
background-color: var(--md-default-fg-color--lightest);
border-radius: 100%;
flex-shrink: 0;
height: 2.2rem;
padding: 0.55rem 0.4rem 0.4rem 0.4rem;
width: 2.2rem;
}
65 changes: 65 additions & 0 deletions material/overrides/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,71 @@ <h1>Stacker Build</h1>
</a>
</div>
</div>
</div>
</section>
<section class="tx-container default-bg">
<div class="md-grid md-typeset">
<div class="content-container-centered ">
<h1>OCI-native Image Builder</h1>
<div class="centered-content-grid">
<ul class="centered-content-grid__list">
<li class="centered-content-grid__item md-typeset">
<div class="content_icon">
{% include ".icons/fontawesome/solid/download.svg" %}
</div>
<div class="item_content">
<h2 class="card_title">Single Binary</h2>
<p>One statically built binary for simplified download and install.</p>
</div>
</li>
<li class="centered-content-grid__item md-typeset">
<div class="content_icon">
{% include ".icons/fontawesome/solid/repeat.svg" %}
</div>
<div class="item_content">
<h2 class="card_title">Repeatable</h2>
<p>Hermatically sealed environment for image builds using LXC containers.</p>
</div>
</li>
<li class="centered-content-grid__item md-typeset">
<div class="content_icon">
{% include ".icons/fontawesome/solid/lock.svg" %}
</div>
<div class="item_content">
<h2 class="card_title">Unprivileged</h2>
<p>Build inside a user namespace and avoid privilege on host.</p>
</div>
</li>
<li class="centered-content-grid__item md-typeset">
<div class="content_icon">
{% include ".icons/fontawesome/solid/forward.svg" %}
</div>
<div class="item_content">
<h2 class="card_title">Incremental</h2>
<p>Build only the images necessary and only if any input changed.</p>
</div>
</li>
<li class="centered-content-grid__item md-typeset">
<div class="content_icon">
{% include ".icons/fontawesome/brands/github.svg" %}
</div>
<div class="item_content">
<h2 class="card_title">Github Action</h2>
<p>Integrated with github as a build and push <a href="https://github.com/marketplace/actions/stacker-build-and-push-action">action</a>.</p>
</div>
</li>
<li class="centered-content-grid__item md-typeset">
<div class="content_icon">
{% include ".icons/fontawesome/brands/github-alt.svg" %}
</div>
<div class="item_content">
<h2 class="card_title">Opensource</h2>
<p>Built as an open source project ground up with Apache2 License.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
{% endblock %}
Expand Down
19 changes: 5 additions & 14 deletions mkdocs.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,20 +9,9 @@ theme:
name: material
custom_dir: material
palette:
- scheme: slate
toggle:
name: Light Mode
icon: material/toggle-switch-off-outline
primary: black
accent: lime
media: "(prefers-color-scheme: dark)"
- scheme: default
toggle:
name: Dark Mode
icon: material/toggle-switch
primary: black
accent: teal
media: "(prefers-color-scheme: light)"
scheme: slate
primary: black
accent: teal
favicon: assets/images/favicon.png
logo: assets/images/logo.png
features:
Expand Down Expand Up @@ -118,3 +107,5 @@ nav:
- LXC Usage: developer_guide/lxc_usage.md
- OverlayFS Usage: developer_guide/overlayfs_usage.md
- License: license.md
extra_css:
- stylesheets/custom.css