From 4ccea27d9270f45cb2ed39485f6d7316e4ed42ab Mon Sep 17 00:00:00 2001 From: Raul Kele Date: Mon, 14 Nov 2022 12:03:31 +0200 Subject: [PATCH 1/3] Custom grid section Signed-off-by: Raul Kele --- docs/stylesheets/custom.css | 49 +++++++++++++++++++++++++++ material/overrides/home.html | 65 ++++++++++++++++++++++++++++++++++++ mkdocs.yml | 12 +++---- 3 files changed, 120 insertions(+), 6 deletions(-) create mode 100644 docs/stylesheets/custom.css diff --git a/docs/stylesheets/custom.css b/docs/stylesheets/custom.css new file mode 100644 index 0000000..58405c0 --- /dev/null +++ b/docs/stylesheets/custom.css @@ -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; +} \ No newline at end of file diff --git a/material/overrides/home.html b/material/overrides/home.html index 694fef9..c11c399 100644 --- a/material/overrides/home.html +++ b/material/overrides/home.html @@ -19,6 +19,71 @@

Stacker Build

+ + +
+
+
+

This is a title

+
+
    +
  • +
    + {% include ".icons/fontawesome/brands/markdown.svg" %} +
    +
    +

    It's a card title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +
    +
    • +
  • +
    + {% include ".icons/fontawesome/brands/markdown.svg" %} +
    +
    +

    It's a card title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +
    +
    • +
  • +
    + {% include ".icons/fontawesome/brands/markdown.svg" %} +
    +
    +

    It's a card title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +
    +
    • +
  • +
    + {% include ".icons/fontawesome/brands/markdown.svg" %} +
    +
    +

    It's a card title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +
    +
    • +
  • +
    + {% include ".icons/fontawesome/brands/markdown.svg" %} +
    +
    +

    It's a card title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +
    +
    • +
  • +
    + {% include ".icons/fontawesome/brands/markdown.svg" %} +
    +
    +

    It's a card title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +
    +
    • +
+
+
{% endblock %} diff --git a/mkdocs.yml b/mkdocs.yml index fbc87dc..e6f7e2c 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -12,17 +12,15 @@ theme: - scheme: slate toggle: name: Light Mode - icon: material/toggle-switch-off-outline + icon: material/toggle-switch primary: black accent: lime - media: "(prefers-color-scheme: dark)" - - scheme: default + - scheme: slate toggle: name: Dark Mode - icon: material/toggle-switch + icon: material/toggle-switch-off-outline primary: black - accent: teal - media: "(prefers-color-scheme: light)" + accent: lime favicon: assets/images/favicon.png logo: assets/images/logo.png features: @@ -118,3 +116,5 @@ nav: - LXC Usage: developer_guide/lxc_usage.md - OverlayFS Usage: developer_guide/overlayfs_usage.md - License: license.md +extra_css: + - stylesheets/custom.css \ No newline at end of file From 648af427ca3490a73fd6bd3523bd3d90570f5a57 Mon Sep 17 00:00:00 2001 From: Ravi Chamarthy Date: Tue, 15 Nov 2022 00:28:59 +0000 Subject: [PATCH 2/3] theme: remove light theme Signed-off-by: Ravi Chamarthy --- mkdocs.yml | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/mkdocs.yml b/mkdocs.yml index e6f7e2c..0d985dc 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -9,18 +9,9 @@ theme: name: material custom_dir: material palette: - - scheme: slate - toggle: - name: Light Mode - icon: material/toggle-switch - primary: black - accent: lime - - scheme: slate - toggle: - name: Dark Mode - icon: material/toggle-switch-off-outline - primary: black - accent: lime + scheme: slate + primary: black + accent: teal favicon: assets/images/favicon.png logo: assets/images/logo.png features: From d7f6c649a20589933c98800b3792080e541b25f2 Mon Sep 17 00:00:00 2001 From: Ravi Chamarthy Date: Tue, 15 Nov 2022 06:23:17 +0000 Subject: [PATCH 3/3] home: update home page with features Signed-off-by: Ravi Chamarthy --- material/overrides/home.html | 38 ++++++++++++++++++------------------ 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/material/overrides/home.html b/material/overrides/home.html index c11c399..80b9a4e 100644 --- a/material/overrides/home.html +++ b/material/overrides/home.html @@ -24,61 +24,61 @@

Stacker Build

-

This is a title

+

OCI-native Image Builder

  • - {% include ".icons/fontawesome/brands/markdown.svg" %} + {% include ".icons/fontawesome/solid/download.svg" %}
    -

    It's a card title

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +

    Single Binary

    +

    One statically built binary for simplified download and install.

  • - {% include ".icons/fontawesome/brands/markdown.svg" %} + {% include ".icons/fontawesome/solid/repeat.svg" %}
    -

    It's a card title

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +

    Repeatable

    +

    Hermatically sealed environment for image builds using LXC containers.

  • - {% include ".icons/fontawesome/brands/markdown.svg" %} + {% include ".icons/fontawesome/solid/lock.svg" %}
    -

    It's a card title

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +

    Unprivileged

    +

    Build inside a user namespace and avoid privilege on host.

  • - {% include ".icons/fontawesome/brands/markdown.svg" %} + {% include ".icons/fontawesome/solid/forward.svg" %}
    -

    It's a card title

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +

    Incremental

    +

    Build only the images necessary and only if any input changed.

  • - {% include ".icons/fontawesome/brands/markdown.svg" %} + {% include ".icons/fontawesome/brands/github.svg" %}
    -

    It's a card title

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +

    Github Action

    +

    Integrated with github as a build and push action.

  • - {% include ".icons/fontawesome/brands/markdown.svg" %} + {% include ".icons/fontawesome/brands/github-alt.svg" %}
    -

    It's a card title

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra vel metus et sollicitudin.

    +

    Opensource

    +

    Built as an open source project ground up with Apache2 License.