diff --git a/site/config.yaml b/site/config.yaml index 4437316d63f..d9115fa742b 100644 --- a/site/config.yaml +++ b/site/config.yaml @@ -17,7 +17,7 @@ markup: lineNos: false lineNumbersInTable: true noClasses: true - style: friendly + style: vs tabWidth: 4 ## Only used if use_advanced_docs=false # menu: @@ -37,7 +37,6 @@ params: docs_versioning: true github_base_url: "https://github.com/vmware-tanzu/kubeapps" github_url: "https://github.com/vmware-tanzu/kubeapps/" - googleSiteVerification: xxxx gtmId: GTM-PGL7FMT oneTrustId: b9039ff0-42be-4f63-bc78-e2ecbbed5f06 sitename: Kubeapps @@ -45,6 +44,7 @@ params: twitter: vmwmarketplace twitter_url: "https://twitter.com/vmwmarketplace" use_advanced_docs: true + display_version_selector: false docs_versions: - latest privacy: diff --git a/site/content/community/_index.html b/site/content/community/_index.html index 9932d12a272..94cb27b6cb5 100644 --- a/site/content/community/_index.html +++ b/site/content/community/_index.html @@ -13,43 +13,30 @@

Do you want to help build Kubeapps?

- Github logo + GitHub logo

- Check out Github + + Check out GitHub

You can follow the work we do, be part of on-going discussions, and examine our improvement ideas on the - GitHub project page. + + GitHub project page.

-

- If you are a newcomer, check out the - good first issue label - in the repository. +

If you are a newcomer, check out the good first issue label + + in the repository.

- If you are ready to jump in and add code, tests, or help with - documentation, follow the guidelines in the - contributing documentation. + If you are ready to jump in and add code, tests, or help with documentation, follow the guidelines in the + + contributing documentation.

@@ -59,30 +46,21 @@

- Join our Slack channel + + Join our Slack channel

Join the - #kubeapps channel - on the Kubernetes Slack and talk to us and over 400 other community - members. + + #kubeapps channel + on the Kubernetes Slack and talk to us and over 400 other community members.

- If you aren't already a member on the Kubernetes Slack workspace, - please - request an invitation. + If you aren't already a member on the Kubernetes Slack workspace, please + request + an invitation.

We love discussing various Kubernetes workflows, patterns, helping @@ -96,24 +74,18 @@

- Bi-weekly meetings + + Bi-weekly meetings

Kubeapps Community Meetings are held every two Mondays at 10:30AM UTC

Add the - ics invitation + + ics invitation to your calendar.

diff --git a/site/content/resources/_index.html b/site/content/resources/_index.html index 34165151716..6a545029be3 100644 --- a/site/content/resources/_index.html +++ b/site/content/resources/_index.html @@ -10,170 +10,169 @@

Resources

- Some useful external resources about Kubeapps, such as videos, workshops, - and community articles. + Some useful external resources about Kubeapps, such as videos, workshops, and community articles.

- {{< resource-item - type="video" - videoID="rkci46GFlQA" - date="Jun 2022" - title="Tanzu Hispano meetup" - text="Kubeapps, una interfaz para gestionarlos a todos (in Spanish)" + {{< resource-item + type="video" + videoID="rkci46GFlQA" + date="Jun 2022" + title="Tanzu Hispano meetup" + text="Kubeapps, una interfaz para gestionarlos a todos (in Spanish)" >}} - {{< resource-item - type="video" - videoID="rS2AhcIPQEs" - date="Nov 2021" - title="Tanzu Tuesday video" - text="Carvel support in Kubeapps - New pluggable gRPC-based architecture" + {{< resource-item + type="video" + videoID="rS2AhcIPQEs" + date="Nov 2021" + title="Tanzu Tuesday video" + text="Carvel support in Kubeapps - New pluggable gRPC-based architecture" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Nov 2021" - title="Tanzu Developer Center post" - url="https://tanzu.vmware.com/developer/blog/kubeapps-meets-tanzu-kubernetes-grid-a-new-release-is-out/" - text="Kubeapps Meets Tanzu Kubernetes Grid: a New Release is out" + type="link" + icon="kubeapps-icon.svg" + date="Nov 2021" + title="Tanzu Developer Center post" + url="https://tanzu.vmware.com/developer/blog/kubeapps-meets-tanzu-kubernetes-grid-a-new-release-is-out/" + text="Kubeapps Meets Tanzu Kubernetes Grid: a New Release is out" >}} {{< resource-item - type="video" - videoID="ICEGPvHAiYY" - date="Nov 2021" - title="Demo video" - text="WIP flux and carvel support" + type="video" + videoID="ICEGPvHAiYY" + date="Nov 2021" + title="Demo video" + text="WIP flux and carvel support" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Sep 2021" - title="Tanzu Developer Center post" - url="https://tanzu.vmware.com/developer/blog/kubeapps-2.3.4-easier-deployment-in-vmware-tanzu-kubernetes-grid-clusters/" - text="Kubeapps 2.3.4 - Easier Deployment in VMware Tanzu™ Kubernetes Grid Clusters" + type="link" + icon="kubeapps-icon.svg" + date="Sep 2021" + title="Tanzu Developer Center post" + url="https://tanzu.vmware.com/developer/blog/kubeapps-2.3.4-easier-deployment-in-vmware-tanzu-kubernetes-grid-clusters/" + text="Kubeapps 2.3.4 - Easier Deployment in VMware Tanzu™ Kubernetes Grid Clusters" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Jun 2021" - title="Tanzu Developer Center post" - url="https://tanzu.vmware.com/developer/blog/kubeapps-meets-tanzu-kubernetes-grid-a-new-release-is-out/" - text="Kubeapps Meets Tanzu Kubernetes Grid: a New Release is out" + type="link" + icon="kubeapps-icon.svg" + date="Jun 2021" + title="Tanzu Developer Center post" + url="https://tanzu.vmware.com/developer/blog/kubeapps-meets-tanzu-kubernetes-grid-a-new-release-is-out/" + text="Kubeapps Meets Tanzu Kubernetes Grid: a New Release is out" >}} {{< resource-item - type="video" - videoID="DGMWRZ7SyqY" - date="Feb 2021" - title="Demo video" - text="Kubeapps on Tanzu Mission Control with Pinniped" + type="video" + videoID="DGMWRZ7SyqY" + date="Feb 2021" + title="Demo video" + text="Kubeapps on Tanzu Mission Control with Pinniped" >}} {{< resource-item - type="video" - videoID="d4WnWvQZmuE" - date="Feb 2021" - title="Demo video" - text="Kubeapps running on Tanzu Mission Control" + type="video" + videoID="d4WnWvQZmuE" + date="Feb 2021" + title="Demo video" + text="Kubeapps running on Tanzu Mission Control" >}} {{< resource-item - type="video" - videoID="btGJh99bsdA" - date="Dec 2020" - title="Demo video" - text="How to Install Kubeapps Using vSphere with Tanzu and Tanzu Kubernetes Clusters" + type="video" + videoID="btGJh99bsdA" + date="Dec 2020" + title="Demo video" + text="How to Install Kubeapps Using vSphere with Tanzu and Tanzu Kubernetes Clusters" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Oct 2020" - title="Bitnami Blog post" - url="https://blog.bitnami.com/2020/10/Kubeapps-2.0.html" - text="Kubeapps 2.0: Empowering Kubernetes users with a new UI and multi cluster support" + type="link" + icon="kubeapps-icon.svg" + date="Oct 2020" + title="Bitnami Blog post" + url="https://blog.bitnami.com/2020/10/Kubeapps-2.0.html" + text="Kubeapps 2.0: Empowering Kubernetes users with a new UI and multi cluster support" >}} {{< resource-item - type="video" - videoID="pzVMZGTK0vU" - date="Sep 2020" - title="Demo video" - text="Multi-cluster Kubeapps running on VMware Tanzu Kubernetes Grid" + type="video" + videoID="pzVMZGTK0vU" + date="Sep 2020" + title="Demo video" + text="Multi-cluster Kubeapps running on VMware Tanzu Kubernetes Grid" >}} {{< resource-item - type="video" - videoID="KIoW4zZDtdY" - date="Jul 2020" - title="Demo video" - text="Kubeapps multicluster preview" + type="video" + videoID="KIoW4zZDtdY" + date="Jul 2020" + title="Demo video" + text="Kubeapps multicluster preview" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Apr 2020" - title="Tanzu Developer Center guide" - url="https://tanzu.vmware.com/developer/guides/kubeapps-gs/" - text="Getting Started with Kubeapps" + type="link" + icon="kubeapps-icon.svg" + date="Apr 2020" + title="Tanzu Developer Center guide" + url="https://tanzu.vmware.com/developer/guides/kubeapps-gs/" + text="Getting Started with Kubeapps" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="May 2020" - title="Tanzu Developer Center guide" - url="https://tanzu.vmware.com/developer/guides/kubernetes/kubeapps-private-repo/" - text="Deploy from a Private Helm Repository Using Kubeapps" + type="link" + icon="kubeapps-icon.svg" + date="May 2020" + title="Tanzu Developer Center guide" + url="https://tanzu.vmware.com/developer/guides/kubernetes/kubeapps-private-repo/" + text="Deploy from a Private Helm Repository Using Kubeapps" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="May 2020" - title="Bitnami Blog post" - url="https://blog.bitnami.com/2020/05/kubeapps-now-supports-private-docker-registries.html" - text="Kubeapps Now Supports Private Helm and Docker Registries" + type="link" + icon="kubeapps-icon.svg" + date="May 2020" + title="Bitnami Blog post" + url="https://blog.bitnami.com/2020/05/kubeapps-now-supports-private-docker-registries.html" + text="Kubeapps Now Supports Private Helm and Docker Registries" >}} {{< resource-item - type="video" - videoID="g8uDC3mG1E0" - date="Apr 2020" - title="Demo video" - text="Kubeapps support for Private Docker Registries" + type="video" + videoID="g8uDC3mG1E0" + date="Apr 2020" + title="Demo video" + text="Kubeapps support for Private Docker Registries" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Apr 2020" - title="Bitnami Blog post" - url="https://blog.bitnami.com/2020/04/kubeapps-extends-its-catalog-support-operators.html" - text="Kubeapps Extends its Catalog with Support for Operators" + type="link" + icon="kubeapps-icon.svg" + date="Apr 2020" + title="Bitnami Blog post" + url="https://blog.bitnami.com/2020/04/kubeapps-extends-its-catalog-support-operators.html" + text="Kubeapps Extends its Catalog with Support for Operators" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Oct 2019" - title="Bitnami Blog post" - url="https://blog.bitnami.com/2019/10/kubeapps-v160-is-out.html" - text="Kubeapps v1.6.0 is out!" + type="link" + icon="kubeapps-icon.svg" + date="Oct 2019" + title="Bitnami Blog post" + url="https://blog.bitnami.com/2019/10/kubeapps-v160-is-out.html" + text="Kubeapps v1.6.0 is out!" >}} {{< resource-item - type="link" - icon="kubeapps-icon.svg" - date="Ago 2018" - title="Bitnami Blog post" - url="https://blog.bitnami.com/2018/08/automating-packaging.html" - text="Self-service Apps - Automating the Packaging-to-publishing Experience for Kubernetes with Bitnami Stacksmith and Kubeapps " + type="link" + icon="kubeapps-icon.svg" + date="Ago 2018" + title="Bitnami Blog post" + url="https://blog.bitnami.com/2018/08/automating-packaging.html" + text="Self-service Apps - Automating the Packaging-to-publishing Experience for Kubernetes with Bitnami Stacksmith and Kubeapps " >}} -
+
diff --git a/site/themes/template/assets/scss/_base.scss b/site/themes/template/assets/scss/_base.scss index 340a7c0037d..9087bb08255 100644 --- a/site/themes/template/assets/scss/_base.scss +++ b/site/themes/template/assets/scss/_base.scss @@ -1,50 +1,58 @@ @import "variables"; @import "mixins"; -$font-family-base: "Metropolis-Light", Helvetica, sans-serif; +$font-family-base: "Metropolis-Light", helvetica, sans-serif; $metropolis-light: $font-family-base; -$metropolis-light-italic: "Metropolis-LightItalic", Helvetica, sans-serif; -$metropolis-regular: "Metropolis-Regular", Helvetica, sans-serif; -$metropolis-regular-italic: "Metropolis-RegularItalic", Helvetica, sans-serif; -$metropolis-medium: "Metropolis-Medium", Helvetica, sans-serif; -$metropolis-medium-italic: "Metropolis-MediumItalic", Helvetica, sans-serif; -$metropolis-bold: "Metropolis-Bold", Helvetica, sans-serif; -$metropolis-bold-italic: "Metropolis-BoldItalic", Helvetica, sans-serif; -$metropolis-semibold: "Metropolis-SemiBold", Helvetica, sans-serif; -$metropolis-semibold-italic: "Metropolis-SemiBoldItalic", Helvetica, sans-serif; +$metropolis-light-italic: "Metropolis-LightItalic", helvetica, sans-serif; +$metropolis-regular: "Metropolis-Regular", helvetica, sans-serif; +$metropolis-regular-italic: "Metropolis-RegularItalic", helvetica, sans-serif; +$metropolis-medium: "Metropolis-Medium", helvetica, sans-serif; +$metropolis-medium-italic: "Metropolis-MediumItalic", helvetica, sans-serif; +$metropolis-bold: "Metropolis-Bold", helvetica, sans-serif; +$metropolis-bold-italic: "Metropolis-BoldItalic", helvetica, sans-serif; +$metropolis-semibold: "Metropolis-SemiBold", helvetica, sans-serif; +$metropolis-semibold-italic: "Metropolis-SemiBoldItalic", helvetica, sans-serif; body { + margin: 0; font-family: $font-family-base; - margin: 0px; line-height: 1.25; } + .wrapper { max-width: 980px; - margin: 0px auto; padding: 20px; + margin: 0 auto; + @include breakpoint(small) { max-width: 100%; } + @include breakpoint(medium) { } + &.docs { @include breakpoint(extra-large) { max-width: 80%; } } } + .clearfix { *zoom: 1; - &:before, - &:after { + + &::before, + &::after { display: table; content: ""; line-height: 0; } - &:after { + + &::after { clear: both; } } + h1, h2, h3, @@ -53,87 +61,106 @@ h5, h6 { font-weight: 300; } + h1 { font-size: 28px; } + h2 { - font-size: 22px; color: #333; + font-size: 22px; } + h3 { font-size: 20px; } + h4 { font-size: 18px; } + li { - list-style-type: none; display: inline; padding-right: 25px; font-size: 14px; line-height: 1.7em; + list-style-type: none; + &:last-of-type { - padding-right: 0px; + padding-right: 0; } } + p { - line-height: 1.7em; - font-weight: 300; - font-size: 16px; color: $darkgrey; + font-size: 16px; + font-weight: 300; + line-height: 1.7em; + &.intro { font-size: 18px; } } + a { + color: $indigo; + font-family: $metropolis-medium; font-size: 16px; text-decoration: none; - color: $blue; - font-family: $metropolis-medium; } + button { - background-color: unset; border: none; + background-color: unset; } + .button { - color: $blue; + min-width: 200px; + padding: 14px 10px; + border: 1px solid $white; + border-radius: 3px; + background-color: $white; + color: $indigo; font-size: 12px; font-weight: 600; - background-color: $white; - border-radius: 3px; - padding: 14px 10px; - min-width: 200px; text-transform: uppercase; - border: 1px solid $white; + &.secondary { - background-color: $mainblue; + background-color: $indigo; color: $white; } + &.tertiary { - border: 1px solid $blue; + border: 1px solid $indigo; } } + .buttons { margin-top: 40px; + .button:first-of-type { margin-right: 30px; + @include breakpoint(small) { - margin: 0px 0px 20px 0px; + margin: 0 0 20px; } } } + .strong { font-family: $metropolis-medium; } + .bg-grey { background-color: $lightgrey; } .grid.three { display: grid; + column-gap: 1em; grid-template-columns: 1fr 1fr 1fr; - row-gap: 20px; - column-gap: 20px; + row-gap: 1em; + @include breakpoint(small) { grid-template-columns: 1fr; } @@ -142,6 +169,7 @@ button { .grid.two { display: grid; grid-template-columns: 1fr 1fr; + @include breakpoint(small) { grid-template-columns: 1fr; } @@ -151,117 +179,121 @@ button { border-radius: 50% !important; } +table > caption { + margin-bottom: 1em; +} + noscript { - background-color: rgba(red, 0.25); display: block; - font-size: 14px; - font-weight: bold; padding: 10px; margin: 0 20px 20px 0; + background-color: rgba(red, 0.25); + font-size: 14px; + font-weight: bold; } // Metropolis @font-face { - font-family: "Metropolis-Bold"; + font-family: Metropolis-Bold; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-Bold.eot"); src: url("/fonts/Metropolis-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-Bold.woff2") format("woff2"), url("/fonts/Metropolis-Bold.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-BoldItalic"; + font-family: Metropolis-BoldItalic; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-BoldItalic.eot"); src: url("/fonts/Metropolis-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-BoldItalic.woff2") format("woff2"), url("/fonts/Metropolis-BoldItalic.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-Light"; + font-family: Metropolis-Light; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-Light.eot"); src: url("/fonts/Metropolis-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-Light.woff2") format("woff2"), url("/fonts/Metropolis-Light.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-LightItalic"; + font-family: Metropolis-LightItalic; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-LightItalic.eot"); src: url("/fonts/Metropolis-LightItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-LightItalic.woff2") format("woff2"), url("/fonts/Metropolis-LightItalic.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-Regular"; + font-family: Metropolis-Regular; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-Regular.eot"); src: url("/fonts/Metropolis-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-Regular.woff2") format("woff2"), url("/fonts/Metropolis-Regular.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-RegularItalic"; + font-family: Metropolis-RegularItalic; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-RegularItalic.eot"); src: url("/fonts/Metropolis-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-RegularItalic.woff2") format("woff2"), url("/fonts/Metropolis-RegularItalic.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-Medium"; + font-family: Metropolis-Medium; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-Medium.eot"); src: url("/fonts/Metropolis-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-Medium.woff2") format("woff2"), url("/fonts/Metropolis-Medium.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-MediumItalic"; + font-family: Metropolis-MediumItalic; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-MediumItalic.eot"); src: url("/fonts/Metropolis-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-MediumItalic.woff2") format("woff2"), url("/fonts/Metropolis-MediumItalic.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-SemiBold"; + font-family: Metropolis-SemiBold; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-SemiBold.eot"); src: url("/fonts/Metropolis-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-SemiBold.woff2") format("woff2"), url("/fonts/Metropolis-SemiBold.woff") format("woff"); - font-weight: normal; - font-style: normal; } @font-face { - font-family: "Metropolis-SemiBoldItalic"; + font-family: Metropolis-SemiBoldItalic; + font-style: normal; + font-weight: normal; src: url("/fonts/Metropolis-SemiBoldItalic.eot"); src: url("/fonts/Metropolis-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Metropolis-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Metropolis-SemiBoldItalic.woff") format("woff"); - font-weight: normal; - font-style: normal; } diff --git a/site/themes/template/assets/scss/_components.scss b/site/themes/template/assets/scss/_components.scss index 5aafbf161d6..c5c7cf11b96 100644 --- a/site/themes/template/assets/scss/_components.scss +++ b/site/themes/template/assets/scss/_components.scss @@ -1,19 +1,35 @@ @import "variables"; @import "mixins"; + +// Add a chevron (>) after the link text for a11y +main a:after { + content: " \203A"; +} + +// Hide chevron in buttons +main a.button:after, +a.section-link:after { + content: ""; +} + /* Homepage Hero */ .hero { - background-color: $mainblue; + background-color: $ocean; color: $white; .text-block { - max-width: 550px; - padding: 0px 0px 10px 0px; + max-width: 65%; + padding: 0 0 0.5em; p { - margin-bottom: 20px; - font-size: 18px; color: $white; + font-size: 19px; + font-weight: bold; + } + + h1 { + font-size: 36px; } h2 { @@ -22,21 +38,17 @@ } &.homepage { - //background-image: url(/img/hero-image.png); + padding-bottom: 5em; // same as .grid-container margin-top background-position: center center; background-repeat: no-repeat; background-size: cover; - padding-bottom: 80px; - h1 { - font-size: 36px; - } } @include breakpoint(small) { .text-block { max-width: unset; - margin-right: 0px; + margin-right: 0; } .button { @@ -51,17 +63,17 @@ } .grid-container { - margin-top: -80px; + margin-top: -5em; .grid.three { - padding-bottom: 20px; + padding-bottom: 1em; .card { position: relative; - padding: 30px 20px; + padding: 1.5em 1em; background-color: $white; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); text-align: center; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); h3 { color: $darkgrey; @@ -77,11 +89,10 @@ .introduction { .grid.two { - column-gap: 140px; - padding: 35px 20px; + padding: 2em; p { - margin: 0px; + margin: 0; font-size: 16px; &.strong { @@ -91,65 +102,53 @@ } @include breakpoint(small) { - padding: 0px 20px; - - .col:first-of-type { - padding-bottom: 50px; - } + padding: 0 1em; } } .use-cases { .grid { - grid-template-columns: 220px 1fr; - margin-bottom: 30px; + margin-bottom: 1em; grid-template-areas: "image text"; + grid-template-columns: 20% 1fr; .image { - background-color: $mainblue; - text-align: center; display: flex; align-items: center; justify-content: center; + background-color: $ocean; grid-area: image; + text-align: center; img { justify-self: center; } } - .text { - border: 1px solid $lightgrey; - padding: 30px; - grid-area: text; - - a.button { - display: block; - max-width: 138px; - text-align: center; - padding: 5px 10px; - min-width: unset; - } - } - &.image-right { - grid-template-columns: 1fr 220px; grid-template-areas: "text image"; + grid-template-columns: 1fr 20%; @include breakpoint(small) { - grid-template-columns: 1fr; grid-template-areas: "image" "text"; + grid-template-columns: 1fr; } } + .text { + padding: 1em; + border: 1px solid $lightgrey; + grid-area: text; + } + @include breakpoint(small) { - grid-template-columns: 1fr; - grid-template-rows: minmax(160px, 1fr); grid-template-areas: "image" "text"; + grid-template-columns: 1fr; + grid-template-rows: minmax(160px, 1fr); } } @@ -158,13 +157,13 @@ } p.strong { - color: #1b3951; + color: $darkgrey; font-size: 16px; } } .team { - background-color: $navyblue; + background-color: $indigo; h2, h3, @@ -179,33 +178,33 @@ a { color: $white; font-weight: 300; - text-decoration: underline; + // text-decoration: underline; } .grid.three { - row-gap: 40px; - margin: 40px 0px; + margin: 1em 0; + row-gap: 1.5em; } .bio { display: grid; - grid-template-columns: 120px 1fr; - column-gap: 20px; + column-gap: 1em; + grid-template-columns: 7em 1fr; .image img { - height: 120px; - width: 120px; + width: 7em; + height: 7em; } .info { align-self: center; p { - margin: 0px; + margin: 0; &.name { - font-size: 16px; font-family: $metropolis-medium; + font-size: 16px; } &.position { @@ -217,11 +216,11 @@ } .hero.subpage-hero { + padding-bottom: 90px; // background-image: url(/img/blog-hero-image.png); background-position: center center; background-repeat: no-repeat; background-size: cover; - padding-bottom: 90px; h1 { font-size: 46px; @@ -243,16 +242,16 @@ .experimental { .grid.three .col { - padding: 0px; + padding: 0; } .icon { - background-color: $mainblue; - padding: 25px; - min-height: 95px; display: flex; + min-height: 95px; align-items: center; justify-content: center; + padding: 25px; + background-color: $ocean; } .content { @@ -275,34 +274,34 @@ } .content { - padding: 0px 20px; + padding: 0 20px; } } &.landing { - background-color: #fff; margin-top: -90px; + background-color: #fff; h3 a { font-size: 16px; } .pagination { - margin: 30px auto 50px auto; + margin: 30px auto 50px; ul { - padding: 0px; + padding: 0; text-align: center; li { - padding: 0px; + padding: 0; a { padding: 5px 10px; &.active { - background-color: $lightgrey; border-radius: 50%; + background-color: $lightgrey; } } @@ -319,18 +318,18 @@ } .blog-post { - background-color: #fff; - margin: -110px 0px 0px -30px; padding: 30px 90px 30px 30px; + margin: -110px 0 0 -30px; + background-color: #fff; .author { - color: $blue; - margin: 0px; + margin: 0; + color: $indigo; } .date { + margin: 0; color: $black; - margin: 0px; font-weight: 600; } @@ -345,17 +344,17 @@ } ul { - list-style-type: disc; padding-left: 20px; + list-style-type: disc; li { - list-style-type: unset; display: list-item; margin-bottom: 10px; - font-size: 14px; color: $darkgrey; + font-size: 14px; line-height: 1.6em; list-style-image: url(/img/arrow.svg); + list-style-type: unset; &:first-child { margin-top: 10px; @@ -365,11 +364,11 @@ ol { li { - list-style-type: decimal; display: list-item; margin-bottom: 10px; - font-size: 16px; color: $darkgrey; + font-size: 16px; + list-style-type: decimal; &:first-child { margin-top: 10px; @@ -378,16 +377,16 @@ } code { - border: 2px solid #efefef; - color: $darkgrey; padding: 2px 8px; + border: 2px solid $lightgrey; + color: $darkgrey; } pre { code { display: block; - border: 15px solid #efefef; padding: 15px; + border: 15px solid $lightgrey; margin-bottom: 30px; overflow-x: auto; } @@ -423,21 +422,21 @@ } h2 { + margin-bottom: 0; font-size: 30px; - margin-bottom: 0px; } a { display: block; + min-width: unset; max-width: 138px; - text-align: center; padding: 10px; - min-width: unset; + text-align: center; } .button { + border: 1px solid $indigo; margin-top: 50px; - border: 1px solid $blue; } @include breakpoint(small) { @@ -457,30 +456,30 @@ .button { display: block; - text-align: center; max-width: unset; margin-top: 20px; + text-align: center; } } } .subpage { - background-color: #fff; + padding: 30px 30px 50px; margin-top: -90px; - padding: 30px 30px 50px 30px; + background-color: #fff; .section-header { margin-top: 3rem; - font-weight: 600; font-size: 20px; + font-weight: 600; } .embed-responsive { position: relative; - &:before { - padding-top: 56.25%; + &::before { display: block; + padding-top: 56.25%; content: ""; } @@ -503,25 +502,25 @@ .icon { display: flex; + min-height: 140px; align-items: center; justify-content: center; - min-height: 140px; } .content { - padding: 0px 20px 20px 20px; + padding: 0 20px 20px; &.plugins { padding-top: 20px; img { display: block; - margin: 0px auto 5px auto; + margin: 0 auto 5px; } } h3 { - margin-top: 0px; + margin-top: 0; text-align: center; a { @@ -545,18 +544,22 @@ } .docs { - background-color: #fff; - margin-top: -90px; - padding: 30px 30px 50px 30px; display: flex; + padding: 30px 30px 50px; + margin-top: -90px; + background-color: #fff; .side-nav { + position: relative; width: 25%; float: left; - position: relative; + + .heading { + font-size: 18px; + } ul { - padding-left: 0px; + padding-left: 0; margin-bottom: 35px; li { @@ -568,7 +571,7 @@ font-size: 14px; &.active { - color: $blue; + color: $indigo; } } @@ -580,23 +583,23 @@ } .dropdown { - font-size: 14px; - font-family: $metropolis-medium; margin-bottom: 10px; + font-family: $metropolis-medium; + font-size: 14px; button { - background-image: url(/img/down-arrow.svg); - background-repeat: no-repeat; - background-position: 90% center; - border-radius: 5px; display: inline; padding: 10px 30px 10px 10px; - border: 1px solid $blue; + border: 1px solid $indigo; + border-radius: 5px; + margin-bottom: 10px; + background-image: url(/img/down-arrow.svg); + background-position: 90% center; + background-repeat: no-repeat; color: $black; cursor: pointer; - font-size: 14px; font-family: $metropolis-medium; - margin-bottom: 10px; + font-size: 14px; &:focus { background-color: $lightgrey; @@ -606,14 +609,14 @@ .dropdown-menu { position: absolute; + top: 35px; + left: 0; + display: none; + min-width: 100px; + padding: 10px 0; border: 1px solid $grey; border-radius: 5px; - top: 35px; - left: 0px; background-color: $white; - padding: 10px 0; - min-width: 100px; - display: none; a { display: block; @@ -625,8 +628,8 @@ } &.dropdown-menu-visible { - display: block; z-index: 1; + display: block; } } @@ -635,22 +638,22 @@ width: 100%; height: 40px; padding: 0.375rem 0.75rem; - font-size: 1.125rem; - line-height: 1.5; - color: $darkgrey; - background-color: #fff; border: 1px solid #cecece; + border-radius: 5px; + background-color: #fff; background-image: url(/img/search-icon.svg); - background-repeat: no-repeat; background-position: 95% center; - border-radius: 5px; + background-repeat: no-repeat; + color: $darkgrey; + font-size: 1.125rem; + line-height: 1.5; &:focus { outline: none; } &::-webkit-search-cancel-button { - -webkit-appearance: none; + appearance: none; } } @@ -658,10 +661,10 @@ padding: 15px 15px 0; a { - color: $darkgrey; display: inline-block; - font-family: $metropolis-light; margin-bottom: 10px; + color: $darkgrey; + font-family: $metropolis-light; div { display: inline; @@ -675,8 +678,8 @@ } .algolia-docsearch-suggestion--highlight { - background-color: rgba($blue, 0.1); - color: $navyblue; + background-color: rgba($ocean, 0.1); + color: $indigo; } .algolia-docsearch-suggestion--title { @@ -699,16 +702,17 @@ } .ds-dropdown-menu { - background-color: #fff; + width: 130%; border: 1px solid #cecece; border-radius: 5px; - width: 130%; + background-color: #fff; } @include breakpoint(extra-large) { width: 22%; } + // @include breakpoint(large) { width: 22%; } @@ -727,17 +731,17 @@ } ul { - list-style-type: disc; padding-left: 20px; + list-style-type: disc; li { - list-style-type: unset; display: list-item; margin-bottom: 10px; - font-size: 16px; color: $darkgrey; + font-size: 16px; line-height: 1.6em; list-style-image: url(/img/arrow.svg); + list-style-type: unset; &:first-child { margin-top: 10px; @@ -747,11 +751,11 @@ ol { li { - list-style-type: decimal; display: list-item; margin-bottom: 10px; - font-size: 16px; color: $darkgrey; + font-size: 16px; + list-style-type: decimal; &:first-child { margin-top: 10px; @@ -760,9 +764,9 @@ } code { - border: 2px solid #efefef; - color: $grey; padding: 2px 8px; + border: 2px solid $lightgrey; + color: $darkgrey; } pre { @@ -770,8 +774,8 @@ code { display: block; - border: 15px solid #efefef; padding: 15px; + border: 15px solid $lightgrey; margin-bottom: 30px; overflow-x: auto; } @@ -794,37 +798,32 @@ .right-nav { width: 20%; + margin: -30px -30px 0 0; float: right; - margin: -30px -30px 0px 0px; .right-nav-content { - background-color: #efefef; - padding: 30px 30px 30px 20px; - margin-right: -20px; position: sticky; top: 0; + padding: 30px 30px 30px 20px; + margin-right: -20px; + background-color: $lightgrey; } .buttons { - margin-top: 0px; + margin-top: 0; li { - margin-bottom: 0px; - padding: 8px 0px; display: inline-block; - - &:first-of-type { - border-right: 1px solid #ddd; - padding-right: 5px; - } + padding: 8px 0; + margin-bottom: 0; a { - text-transform: uppercase; font-size: 14px; + text-transform: uppercase; img { - vertical-align: middle; width: 22px; + vertical-align: middle; } } } @@ -835,12 +834,12 @@ } ul { - padding-left: 0px; - margin-bottom: 0px; + padding-left: 0; + margin-bottom: 0; li { display: block; - padding-right: 0px; + padding-right: 0; margin-bottom: 7px; a { @@ -860,7 +859,7 @@ top: 0; } - @include breakpoint(small-medium) { + @include breakpoint(small) { display: none; } } @@ -876,9 +875,15 @@ } .home-snippet { - span { - max-width: 50vw; - overflow: auto; + pre { + white-space: pre-wrap; + + code { + display: block; + padding-right: 1em; + padding-left: 1em; + border: 7px solid $lightgrey; + } } } @@ -888,4 +893,19 @@ #search { width: 80%; + + input::placeholder { + color: $darkgrey; + } + + @include breakpoint(small) { + .aa-DetachedSearchButtonPlaceholder { + display: none; + } + } + + .aa-Form, .aa-DetachedSearchButton { + border-color: $ocean; + } + } diff --git a/site/themes/template/assets/scss/_footer.scss b/site/themes/template/assets/scss/_footer.scss index 5c514fbf3bd..7bec5391d78 100644 --- a/site/themes/template/assets/scss/_footer.scss +++ b/site/themes/template/assets/scss/_footer.scss @@ -4,8 +4,8 @@ footer { .top-links { - min-height: 52px; display: flex; + min-height: 52px; align-items: center; justify-content: space-between; } @@ -15,19 +15,19 @@ footer { } .left-links { - padding: 0px; + padding: 0; li { img { - vertical-align: bottom; margin-right: 10px; + vertical-align: bottom; } a { color: $darkgrey; - font-weight: 300; - font-size: 12px; font-family: $metropolis-light; + font-size: 12px; + font-weight: 300; } } @@ -38,34 +38,33 @@ footer { .right-links { p { - margin: 0px; + margin: 0; } .copywrite { - font-size: 12px; padding-right: 10px; + font-size: 12px; a { - font-size: 12px; color: $darkgrey; font-family: $metropolis-light; + font-size: 12px; } } a { vertical-align: middle; } - } .bottom-links { - margin: 10px 0px 30px 0px; + margin: 10px 0 30px; p { - font-size: 12px; display: flex; - justify-content: space-between; flex-wrap: wrap; + justify-content: space-between; + font-size: 12px; .ot-sdk-show-settings { cursor: pointer; @@ -73,14 +72,15 @@ footer { } a { - font-size: 12px; font-family: $metropolis-light; + font-size: 12px; + text-decoration: underline; } img { max-width: 75px; - vertical-align: middle; margin-left: 30px; + vertical-align: middle; } } @@ -93,8 +93,8 @@ footer { } .left-links { + margin: 10px 0; float: none; - margin: 10px 0px; .desktop { display: none; @@ -112,13 +112,13 @@ footer { } .bottom-links { - margin: 10px 0px 20px 0px; + margin: 10px 0 20px; float: none; img { - margin-left: 0px; display: block; margin-top: 10px; + margin-left: 0; } } } diff --git a/site/themes/template/assets/scss/_header.scss b/site/themes/template/assets/scss/_header.scss index 1a43e121b35..82941f5ebbf 100644 --- a/site/themes/template/assets/scss/_header.scss +++ b/site/themes/template/assets/scss/_header.scss @@ -2,13 +2,42 @@ @import "mixins"; @import "base"; + + +a.skip-link { + left: -999px; + position: absolute; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; + z-index: -999; +} + +a.skip-link:focus, +a.skip-link:active { + color: #fff; + background-color: $ocean; + left: auto; + top: auto; + width: 25%; + height: auto; + overflow: auto; + margin: 10px 25%; + padding: 5px; + border-radius: 10px; + text-align: center; + font-size: 1.2em; + z-index: 999; +} + header { .wrapper { - padding: 10px 20px; - min-height: 52px; display: flex; + min-height: 52px; align-items: center; justify-content: space-between; + padding: 10px 20px; } .kubeapps-header-logo { @@ -16,7 +45,7 @@ header { } .desktop-links { - padding-left: 0px; + padding-left: 0; } a { @@ -29,8 +58,8 @@ header { } li img { - vertical-align: bottom; margin-right: 10px; + vertical-align: bottom; } .mobile { @@ -46,7 +75,7 @@ header { @include breakpoint(small) { .expanded-icon { display: none; - padding: 11px 3px 0px 0px; + padding: 11px 3px 0 0; } .collapsed-icon { @@ -86,43 +115,43 @@ header { } ul { - padding-left: 0px; + padding-left: 0; li { display: block; - margin: 20px 0px; + margin: 20px 0; } } .mobile-menu { position: absolute; - background-color: #fff; - width: 100%; + z-index: 10; top: 70px; - left: 0px; - padding-bottom: 20px; + left: 0; display: none; - z-index: 10; + width: 100%; + padding-bottom: 20px; + background-color: #fff; .header-links { - margin: 0px 20px; + margin: 0 20px; } .social { - margin: 0px 20px; padding-top: 20px; + margin: 0 20px; img { - vertical-align: middle; padding-right: 10px; + vertical-align: middle; } a { - font-size: 14px; padding-right: 35px; + font-size: 14px; &:last-of-type { - padding-right: 0px; + padding-right: 0; } } } diff --git a/site/themes/template/assets/scss/_mixins.scss b/site/themes/template/assets/scss/_mixins.scss index 8a605e4ede4..9db907f8aee 100644 --- a/site/themes/template/assets/scss/_mixins.scss +++ b/site/themes/template/assets/scss/_mixins.scss @@ -32,13 +32,15 @@ @mixin clearfix { *zoom: 1; - &:before, - &:after { + + &::before, + &::after { display: table; content: ""; line-height: 0; } - &:after { + + &::after { clear: both; } } diff --git a/site/themes/template/assets/scss/_variables.scss b/site/themes/template/assets/scss/_variables.scss index 1e44c3e32c4..c94199de3aa 100644 --- a/site/themes/template/assets/scss/_variables.scss +++ b/site/themes/template/assets/scss/_variables.scss @@ -1,10 +1,6 @@ -$blue: #0095d3; -$darkgrey: #333333; +$darkgrey: #333; $lightgrey: #f2f2f2; -$darkblue: #002538; -$black: #111111; -$mainblue: #0091da; -$navyblue: #1d428a; +$black: #111; // Official palette // https://www.vmware.com/brand/portal/guidelines/color.html diff --git a/site/themes/template/layouts/404.html b/site/themes/template/layouts/404.html index 0abc1493af3..814328e7b64 100644 --- a/site/themes/template/layouts/404.html +++ b/site/themes/template/layouts/404.html @@ -1,14 +1,17 @@ {{ define "main"}} -
-
-
-
-

Page not found

-
- Go home -
+
+
+

Page not found

+
+
+
+

The page you requested was not found

+
+
+
+ Go home
-
+
{{ end }} diff --git a/site/themes/template/layouts/_default/_markup/render-heading.html b/site/themes/template/layouts/_default/_markup/render-heading.html index bc0b8dc06fc..5cd0f8bed8e 100644 --- a/site/themes/template/layouts/_default/_markup/render-heading.html +++ b/site/themes/template/layouts/_default/_markup/render-heading.html @@ -1 +1,7 @@ -{{ .Text | safeHTML }} \ No newline at end of file +{{ $level := .Level }} +{{- if not (eq .Level 6) }} + {{ $level = add $level 1 }} +{{- end }} + + {{ .Text | safeHTML }} ¶ + diff --git a/site/themes/template/layouts/_default/_markup/render-image.html b/site/themes/template/layouts/_default/_markup/render-image.html index 696e21f7146..2dd25d19f15 100644 --- a/site/themes/template/layouts/_default/_markup/render-image.html +++ b/site/themes/template/layouts/_default/_markup/render-image.html @@ -1,11 +1,11 @@ {{ $link := .Destination }} {{ if not (strings.HasPrefix $link "http") }} - {{ if strings.HasSuffix .Page.Parent.RelPermalink "docs/" }} - {{ $link = printf "%s%s" .Page.RelPermalink .Destination }} - {{ else }} - {{ $link = printf "%s%s" .Page.Parent.RelPermalink .Destination }} - {{ end }} + {{ if strings.HasSuffix .Page.Parent.RelPermalink "docs/" }} + {{ $link = printf "%s%s" .Page.RelPermalink .Destination }} + {{ else }} + {{ $link = printf "%s%s" .Page.Parent.RelPermalink .Destination }} + {{ end }} {{ end }}

- {{ .Text }} + {{ .Text }}

diff --git a/site/themes/template/layouts/_default/_markup/render-link.html b/site/themes/template/layouts/_default/_markup/render-link.html index ed8c1ba2af4..3357a9bd096 100644 --- a/site/themes/template/layouts/_default/_markup/render-link.html +++ b/site/themes/template/layouts/_default/_markup/render-link.html @@ -1,32 +1,53 @@ {{ $link := .Destination }} {{ $isRemote := strings.HasPrefix $link "http" }} {{- if not $isRemote -}} - - {{- if in .Page.RelPermalink "/docs/latest/project/" }} - - {{- if in .Destination "/docs/" }} - {{ $link = printf "../../../../%s" (replace (replace (replace (replace .Destination "docs/" "docs/latest/") ".md" "") "/README" "") "_" "-" | lower ) }} - {{- end }} - - {{- if in .Destination "/chart/kubeapps/" }} - {{ $link = printf "../%s" (replace (replace (replace .Destination "/chart/kubeapps/" "/chart-readme/") ".md" "") "/README" "" | lower ) }} - {{- end }} - - - {{- if in .Destination "_" }} - {{ $link = printf "../%s" (replace (replace $link "_" "-") ".md" "" | lower ) }} - {{- end }} + + {{- if in .Page.RelPermalink "/docs/latest/project/" }} + + {{- if in .Destination "/docs/" }} + {{ $link = printf "../../../../%s" (replace (replace (replace (replace .Destination "docs/" "docs/latest/") ".md" "") "/README" "") "_" "-" | lower ) }} {{- end }} - - {{ $url := urls.Parse .Destination }} - {{- if $url.Path -}} - {{ $fragment := "" }} - {{- with $url.Fragment }} - {{ $fragment = printf "#%s" . }} - {{ end -}} - {{- with .Page.GetPage $url.Path }} - {{ $link = printf "%s%s" .RelPermalink $fragment }} - {{ end }} + + {{- if in .Destination "/chart/kubeapps/" }} + {{ $link = printf "../%s" (replace (replace (replace .Destination "/chart/kubeapps/" "/chart-readme/") ".md" "") "/README" "" | lower ) }} + {{- end }} + + + {{- if in .Destination "_" }} + {{ $link = printf "../%s" (replace (replace $link "_" "-") ".md" "" | lower ) }} + {{- end }} + {{- end }} + + {{ $url := urls.Parse .Destination }} + {{- if $url.Path -}} + {{ $fragment := "" }} + {{- with $url.Fragment }} + {{ $fragment = printf "#%s" . }} {{ end -}} + {{- with .Page.GetPage $url.Path }} + {{ $link = printf "%s%s" .RelPermalink $fragment }} + {{ end }} + {{ end -}} {{- end -}} -{{ .Text | safeHTML }} + + +{{ $title := "" }} +{{- if .Title }} + + {{ $title = .Title }} +{{- else }} + + {{- if in .Text ">" }} + {{ $title = (urls.Parse .Destination).Host }} + {{- else }} + + {{ $title = .Text }} + {{- end }} +{{- end }} +{{- if $isRemote }} + {{ $title = printf "%s. This link will open in a new tab" $title }} +{{- end }} + +{{- if not (or (in $link "netlify.com") (in $link "circleci") )}} +{{ .Text | safeHTML }} +{{- end }} diff --git a/site/themes/template/layouts/_default/baseof.html b/site/themes/template/layouts/_default/baseof.html index 8c0a50cd148..af26e78ecd9 100644 --- a/site/themes/template/layouts/_default/baseof.html +++ b/site/themes/template/layouts/_default/baseof.html @@ -1,103 +1,110 @@ + - + - - - - + + + - + + {{ if .Title }} + {{ .Title }} + {{ else }} + Documentation + {{ end }} + + {{ with .Site.Params.description }} - - - - - {{ if .Title }}{{ .Title }}{{ else }}Documentation{{ end }} - {{ with .Site.Params.description }} - {{ end }} - {{ with .Site.Params.author }} - {{ end }} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -{{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed" "enableSourceMap" true "includePaths" (slice "node_modules/myscss")) }} -{{ $style := resources.Get "scss/site.scss" | resources.ToCSS $options }} - - - - - - - - - - - -{{ with .OutputFormats.Get "RSS" -}} - {{ printf `` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }} -{{- end }} + + + + {{ end }} + {{ with .Site.Params.author }} + {{ end }} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed" "enableSourceMap" true "includePaths" (slice "node_modules/myscss")) }} + {{ $style := resources.Get "scss/site.scss" | resources.ToCSS $options }} + + + + + + + + + + + + + + {{ with .OutputFormats.Get "RSS" -}} + {{ printf `` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }} + {{- end }} + - {{ partial "base-header" . }} - {{ block "main" . }}{{ end }} - {{ partial "base-getting-started" . }} - {{ partial "base-footer" . }} - {{ if .Site.Params.docs_search }} - - - + - {{ end }} + {{ end }} + diff --git a/site/themes/template/layouts/_default/docs.html b/site/themes/template/layouts/_default/docs.html index e2ff115c3dc..35c14502728 100644 --- a/site/themes/template/layouts/_default/docs.html +++ b/site/themes/template/layouts/_default/docs.html @@ -1,16 +1,16 @@ {{ define "main" }} -
-
-
-

Documentation

-
-
-
- {{ partial "docs-sidebar.html" . }} -
- {{ .Content }} -
- {{ partial "docs-right-bar.html" . }} -
-
-{{ end }} \ No newline at end of file +
+
+
+

Documentation

+
+
+
+ {{ partial "docs-sidebar.html" . }} +
+ {{ .Content }} +
+ {{ partial "docs-right-bar.html" . }} +
+
+{{ end }} diff --git a/site/themes/template/layouts/_default/list.html b/site/themes/template/layouts/_default/list.html index fe3cc0e4a63..a0924959307 100644 --- a/site/themes/template/layouts/_default/list.html +++ b/site/themes/template/layouts/_default/list.html @@ -1,14 +1,14 @@ {{ define "main" }} -
- {{ if or .Title .Content }} -
- {{ with .Title }}

{{ . }}

{{ end }} - {{ with .Content }}
{{ . }}
{{ end }} -
- {{ end }} +
+ {{ if or .Title .Content }} +
+ {{ with .Title }}

{{ . }}

{{ end }} + {{ with .Content }}
{{ . }}
{{ end }} +
+ {{ end }} - {{ range .Paginator.Pages }} - {{ .Render "summary" }} - {{ end }} -
+ {{ range .Paginator.Pages }} + {{ .Render "summary" }} + {{ end }} +
{{ end }} diff --git a/site/themes/template/layouts/_default/plugins.html b/site/themes/template/layouts/_default/plugins.html index a8238901531..f1bd1db5cef 100644 --- a/site/themes/template/layouts/_default/plugins.html +++ b/site/themes/template/layouts/_default/plugins.html @@ -1,13 +1,13 @@ {{ define "main" }} -
-
-
-

Plugins

-
-
-
- {{ .Content }} - {{ partial "plugins.html" . }} -
-
-{{ end }} \ No newline at end of file +
+
+
+

Plugins

+
+
+
+ {{ .Content }} + {{ partial "plugins.html" . }} +
+
+{{ end }} diff --git a/site/themes/template/layouts/_default/posts.html b/site/themes/template/layouts/_default/posts.html index 299a8726a07..975bb8d6a1d 100644 --- a/site/themes/template/layouts/_default/posts.html +++ b/site/themes/template/layouts/_default/posts.html @@ -1,17 +1,17 @@ {{ define "main" }} -
-
-
-

Blog

-
-
-
-
- {{ range (.Paginator 9).Pages.ByDate }} - {{ partial "blog-post-card.html" . }} - {{ end }} -
- {{ partial "pagination.html" . }} -
-
+
+
+
+

Blog

+
+
+
+
+ {{ range (.Paginator 9).Pages.ByDate }} + {{ partial "blog-post-card.html" . }} + {{ end }} +
+ {{ partial "pagination.html" . }} +
+
{{ end }} diff --git a/site/themes/template/layouts/_default/search.html b/site/themes/template/layouts/_default/search.html index bc0420f6020..ff85b639781 100644 --- a/site/themes/template/layouts/_default/search.html +++ b/site/themes/template/layouts/_default/search.html @@ -1,3 +1,17 @@ {{ if .Site.Params.docs_search }} + {{ end }} diff --git a/site/themes/template/layouts/_default/section.html b/site/themes/template/layouts/_default/section.html index 560a0253a49..f08b80fd3b5 100644 --- a/site/themes/template/layouts/_default/section.html +++ b/site/themes/template/layouts/_default/section.html @@ -1,8 +1,5 @@ {{ define "main" }} -
- {{ .Content }} -
+
+ {{ .Content }} +
{{ end }} - - - diff --git a/site/themes/template/layouts/_default/single.html b/site/themes/template/layouts/_default/single.html index eb8e402a49b..6942330bde6 100644 --- a/site/themes/template/layouts/_default/single.html +++ b/site/themes/template/layouts/_default/single.html @@ -1,30 +1,30 @@ {{ define "main" }} -
-
-
-
-

Blog

-
-
-
-
-

{{ .Title }}

-

- {{ .Params.author }} -

-

{{ dateFormat "Jan 2, 2006" .Date }}

- {{ .Content }} -
-

Related Content

-
- {{ $related := (where (.Site.RegularPages.Related .) "Type" "posts") | first 3 }} - {{ with $related }} - {{ range . }} - {{ partial "blog-post-card.html" . }} - {{ end }} - {{ end }} -
-
-
-
+
+
+
+
+

Blog

+
+
+
+
+

{{ .Title }}

+

+ {{ .Params.author }} +

+

{{ dateFormat "Jan 2, 2006" .Date }}

+ {{ .Content }} +
+

Related Content

+
+ {{ $related := (where (.Site.RegularPages.Related .) "Type" "posts") | first 3 }} + {{ with $related }} + {{ range . }} + {{ partial "blog-post-card.html" . }} + {{ end }} + {{ end }} +
+
+
+
{{ end }} diff --git a/site/themes/template/layouts/_default/summary.html b/site/themes/template/layouts/_default/summary.html index 9acf43418a0..8a09dd268c0 100644 --- a/site/themes/template/layouts/_default/summary.html +++ b/site/themes/template/layouts/_default/summary.html @@ -1,13 +1,13 @@
-

{{ .Title }}

- - {{ range .Params.tags }} - {{ . }} - {{ end }} -
- {{ .Summary }} - {{ if .Truncated }} - Read more... - {{ end }} -
+

{{ .Title }}

+ + {{ range .Params.tags }} + {{ . }} + {{ end }} +
+ {{ .Summary }} + {{ if .Truncated }} + Read more... + {{ end }} +
diff --git a/site/themes/template/layouts/_default/tag.html b/site/themes/template/layouts/_default/tag.html index 6d6c931f319..122277a72dc 100644 --- a/site/themes/template/layouts/_default/tag.html +++ b/site/themes/template/layouts/_default/tag.html @@ -1,16 +1,16 @@ {{ define "main" }} -
-
-
-

Blog Posts by {{ .Title }}

-
-
-
-
- {{ range .Pages.ByDate }} - {{ partial "blog-post-card.html" . }} - {{ end }} -
-
-
-{{ end }} \ No newline at end of file +
+
+
+

Blog Posts by {{ .Title }}

+
+
+
+
+ {{ range .Pages.ByDate }} + {{ partial "blog-post-card.html" . }} + {{ end }} +
+
+
+{{ end }} diff --git a/site/themes/template/layouts/_default/versions.html b/site/themes/template/layouts/_default/versions.html index 8b139649f6d..378098cffe4 100644 --- a/site/themes/template/layouts/_default/versions.html +++ b/site/themes/template/layouts/_default/versions.html @@ -1,22 +1,21 @@ -{{ if .Site.Params.Use_advanced_docs }} -
- {{ if .Site.Params.docs_versioning }} - - - {{ else }} - {{ .Site.Params.docs_latest }} - {{ end }} -
+{{ if and .Site.Params.display_version_selector .Site.Params.use_advanced_docs }} +
+ {{ if .Site.Params.docs_versioning }} + + + {{ else }} + {{ .Site.Params.docs_latest }} + {{ end }} +
{{ end }} diff --git a/site/themes/template/layouts/index.html b/site/themes/template/layouts/index.html index ff88ba2e3f0..70fb16da4ca 100644 --- a/site/themes/template/layouts/index.html +++ b/site/themes/template/layouts/index.html @@ -1,5 +1,5 @@ {{ define "main" }} -
+
{{ partial "home-hero.html" . }} {{ partial "home-grid.html" . }} {{ partial "home-grey-block.html" . }} {{ partial "use-cases.html" . }} {{ partial "home-contributors.html" . }} diff --git a/site/themes/template/layouts/partials/base-footer.html b/site/themes/template/layouts/partials/base-footer.html index 5bc207f2fd2..96a97dee99c 100644 --- a/site/themes/template/layouts/partials/base-footer.html +++ b/site/themes/template/layouts/partials/base-footer.html @@ -4,25 +4,32 @@

- + + +

@@ -30,18 +37,20 @@

© {{ now.Year }} the Kubeapps contributors. Apache 2.0 license. - A VMware-backed project. + + A VMware-backed project. - + - Terms of Use | - Privacy Policy | - Your California Privacy Rights | - Cookie Settings + Terms of Use | + Privacy Policy | + Your California Privacy Rights | + Cookie Settings

diff --git a/site/themes/template/layouts/partials/base-getting-started.html b/site/themes/template/layouts/partials/base-getting-started.html index d03e02536bb..f2064d2f760 100644 --- a/site/themes/template/layouts/partials/base-getting-started.html +++ b/site/themes/template/layouts/partials/base-getting-started.html @@ -1,6 +1,5 @@ -{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") -}} -
+{{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "")}} +
+ diff --git a/site/themes/template/layouts/partials/base-header.html b/site/themes/template/layouts/partials/base-header.html index 72f72564a7a..ccf2fcc91c8 100644 --- a/site/themes/template/layouts/partials/base-header.html +++ b/site/themes/template/layouts/partials/base-header.html @@ -1,31 +1,34 @@ {{ $latest := (cond (.Site.Params.docs_versioning) .Site.Params.docs_latest "") }}
-
- - - - -
+
+ + + + + + + +
diff --git a/site/themes/template/layouts/partials/blog-post-card.html b/site/themes/template/layouts/partials/blog-post-card.html index bdda6613d37..eff55ec5aed 100644 --- a/site/themes/template/layouts/partials/blog-post-card.html +++ b/site/themes/template/layouts/partials/blog-post-card.html @@ -1,9 +1,11 @@
-
- {{ .Title }} -
-
-

{{ .Title }}

-

{{ .Params.Excerpt }}

-
-
\ No newline at end of file +
+ {{ .Title }} +
+
+

+ {{ .Title }} +

+

{{ .Params.Excerpt }}

+
+ diff --git a/site/themes/template/layouts/partials/docs-right-bar.html b/site/themes/template/layouts/partials/docs-right-bar.html index e693cfece9b..e4d263448cf 100644 --- a/site/themes/template/layouts/partials/docs-right-bar.html +++ b/site/themes/template/layouts/partials/docs-right-bar.html @@ -1,18 +1,20 @@ {{ if .Site.Params.docs_right_sidebar }} -
-
-
    - {{ if (or .IsNode .IsPage) }} - {{ $issueTitle := printf "[Docs] ADD-A-TITLE" }} - {{ $issueBody := printf "#### On Page: [%s](%s)\n\n Describe the issue" .RelPermalink .Permalink | htmlEscape }} - {{ $issueQuery := (querify "body" $issueBody "title" $issueTitle) }} -
  • Report Issues
    • - {{ end }} -
- {{ if ne .TableOfContents "" }} -

On this page:

- {{ .TableOfContents }} - {{ end }} -
-
+ {{ end }} diff --git a/site/themes/template/layouts/partials/docs-sidebar.html b/site/themes/template/layouts/partials/docs-sidebar.html index 2bbebc70bd6..46e35f20b76 100644 --- a/site/themes/template/layouts/partials/docs-sidebar.html +++ b/site/themes/template/layouts/partials/docs-sidebar.html @@ -1,33 +1,39 @@ -
- {{ if .Site.Params.use_advanced_docs }} - - {{ $version := .CurrentSection.Params.version }} - {{ .Render "versions" }} - {{ .Render "search" }} - {{ if $version }} - {{ $tocTemplateName := index (index $.Site.Data.docs "toc-mapping") $version }} - {{ if not $tocTemplateName }} - {{ $tocTemplateName = "default" }} +
+ {{ else }} + + {{ end }} + diff --git a/site/themes/template/layouts/partials/home-contributors.html b/site/themes/template/layouts/partials/home-contributors.html index c7272eb4998..f24e490177a 100644 --- a/site/themes/template/layouts/partials/home-contributors.html +++ b/site/themes/template/layouts/partials/home-contributors.html @@ -6,20 +6,13 @@

Meet the Kubeapps team:

$contributors.Resources }}
- {{ .Params.full_name }} + {{ .Params.full_name }}

- {{ .Params.full_name }} - + + {{ .Params.full_name }}

{{ .Params.role }}

@@ -28,19 +21,16 @@

Meet the Kubeapps team:

Contributing

- Kubeapps is released as open-source software and provides community - support through our GitHub project page. If you encounter an issue or have - a question, feel free to reach out on the - GitHub issues page for Kubeapps. + Kubeapps is released as open-source software and provides community support through our GitHub project page. If + you encounter an issue or have a question, feel free to reach out on the + + GitHub issues page for Kubeapps.

- The Kubeapps project team welcomes contributions from the community — - please have a look at our - contributing documentation. + The Kubeapps project team welcomes contributions from the community — please have a look at our + + contributing documentation.

diff --git a/site/themes/template/layouts/partials/home-grey-block.html b/site/themes/template/layouts/partials/home-grey-block.html index 48cfa5ff587..0254f5aa211 100644 --- a/site/themes/template/layouts/partials/home-grey-block.html +++ b/site/themes/template/layouts/partials/home-grey-block.html @@ -3,16 +3,12 @@

Kubeapps Community Meeting

- We hold bi-weekly on Mondays at 10:30 AM UTC. We use these meetings to - share project updates, solicit feedback, and demo new upcoming features. - Add - the invitation + We hold bi-weekly on Mondays at 10:30 AM UTC. We use these meetings to share project updates, solicit feedback, + and demo new upcoming features. Add + + the invitation in your calendar and come by!

diff --git a/site/themes/template/layouts/partials/home-hero.html b/site/themes/template/layouts/partials/home-hero.html index 2fe9d7d9628..45bc7f35c87 100644 --- a/site/themes/template/layouts/partials/home-hero.html +++ b/site/themes/template/layouts/partials/home-hero.html @@ -3,9 +3,8 @@

Your Application Dashboard for Kubernetes

- Kubeapps is an in-cluster web-based application that enables users with - a one-time installation to deploy, manage, and upgrade applications on a - Kubernetes cluster.. + Kubeapps is an in-cluster web-based application that enables users with a one-time installation to deploy, + manage, and upgrade applications on a Kubernetes cluster

Getting started diff --git a/site/themes/template/layouts/partials/pagination.html b/site/themes/template/layouts/partials/pagination.html index 9c90baf2fc5..a15282a1b0b 100644 --- a/site/themes/template/layouts/partials/pagination.html +++ b/site/themes/template/layouts/partials/pagination.html @@ -1,16 +1,16 @@ {{ $paginator := .Paginator }} {{ if gt $paginator.TotalPages 1 }} -{{ end }} \ No newline at end of file +{{ end }} diff --git a/site/themes/template/layouts/partials/plugins.html b/site/themes/template/layouts/partials/plugins.html index adbc19b0726..eb4a6d89d1d 100644 --- a/site/themes/template/layouts/partials/plugins.html +++ b/site/themes/template/layouts/partials/plugins.html @@ -1,48 +1,48 @@
- {{ $limit := int (.Scratch.Get "limit") }} - {{ $pages := sort (.Site.GetPage "/plugins/list").Resources "Name" }} + {{ $limit := int (.Scratch.Get "limit") }} + {{ $pages := sort (.Site.GetPage "/plugins/list").Resources "Name" }} - {{ if gt $limit 0 }} - {{ $pages = first $limit $pages }} - {{ end }} + {{ if gt $limit 0 }} + {{ $pages = first $limit $pages }} + {{ end }} - {{ range $index, $page := $pages }} -
-
- {{ if .Params.link }} -

{{ .Title }}

- {{ else }} -

{{ .Title }}

- {{ end }} -

{{ .Content }}

- {{ if .Params.objectStorage }} - - {{ end }} - {{ if .Params.volumesnapshotter }} - - {{ end }} - {{ if .Params.localStorage }} - - {{ end }} - {{ if .Params.supportedByVeleroTeam }} - - {{ end }} - {{ if .Params.BackupItemAction }} - - {{ end }} - {{ if .Params.RestoreItemAction }} - - {{ end }} - {{ if .Params.beta }} - - {{ end }} -
+ {{ range $index, $page := $pages }} +
+
+ {{ if .Params.link }} +

{{ .Title }}

+ {{ else }} +

{{ .Title }}

+ {{ end }} +

{{ .Content }}

+ {{ if .Params.objectStorage }} + + {{ end }} + {{ if .Params.volumesnapshotter }} + + {{ end }} + {{ if .Params.localStorage }} + + {{ end }} + {{ if .Params.supportedByVeleroTeam }} + + {{ end }} + {{ if .Params.BackupItemAction }} + + {{ end }} + {{ if .Params.RestoreItemAction }} + + {{ end }} + {{ if .Params.beta }} + + {{ end }}
- {{ $currentIndex := add $index 1 }} - {{ $row := mod $currentIndex 3 }} - {{ if eq $row 0 }} +
+ {{ $currentIndex := add $index 1 }} + {{ $row := mod $currentIndex 3 }} + {{ if eq $row 0 }}
- {{ end }} - {{ end }} -
\ No newline at end of file + {{ end }} + {{ end }} +
diff --git a/site/themes/template/layouts/partials/use-cases.html b/site/themes/template/layouts/partials/use-cases.html index 91f4e0149bf..ac730100e4a 100644 --- a/site/themes/template/layouts/partials/use-cases.html +++ b/site/themes/template/layouts/partials/use-cases.html @@ -29,7 +29,7 @@

What is Kubeapps?

{{ end -}} -
+
@@ -39,13 +39,13 @@

What is Kubeapps?

Step 1: Install Kubeapps (for demo purposes)

{{ highlight ` - helm repo add bitnami https://charts.bitnami.com/bitnami + helm repo add bitnami https://charts.bitnami.com/bitnami ` "" "" }} {{ highlight ` - helm install -n kubeapps --create-namespace kubeapps bitnami/kubeapps + helm install -n kubeapps --create-namespace kubeapps bitnami/kubeapps ` "" "" }} -
+
@@ -54,55 +54,60 @@

What is Kubeapps?

Step 2: Create a demo credential with which to access Kubeapps and Kubernetes

+
{{ highlight ` - kubectl create --namespace default serviceaccount kubeapps-operator - ` "" "" }} + kubectl create --namespace default serviceaccount kubeapps-operator + ` "bash" "" }}
{{ highlight ` - kubectl create clusterrolebinding kubeapps-operator --clusterrole=cluster-admin --serviceaccount=default:kubeapps-operator - ` "" "" }} + kubectl create clusterrolebinding kubeapps-operator --clusterrole=cluster-admin --serviceaccount=default:kubeapps-operator + ` "bash" "" }}
{{ highlight ` - cat <
{{ highlight ` - kubectl get --namespace default secret kubeapps-operator-token -o go-template='{{.data.token | base64decode}}' - ` "" "" }} + kubectl get --namespace default secret kubeapps-operator-token -o go-template='{{.data.token | base64decode}}' + ` "bash" "" }}
+
-
- Business card -
-
-
-
- Icon user inside a shield +
+ Business card +
-
-

Step 3: Start the Kubeapps Dashboard

+
+
+ Icon user inside a shield +
+
+

Step 3: Start the Kubeapps Dashboard

{{ highlight ` - kubectl port-forward -n kubeapps svc/kubeapps 8080:80 + kubectl port-forward -n kubeapps svc/kubeapps 8080:80 ` "" "" }}
-

Go to localhost:8080

+

+ Go to localhost:8080 +

+
-
diff --git a/site/themes/template/layouts/shortcodes/resource-item.html b/site/themes/template/layouts/shortcodes/resource-item.html index 72214460fef..f6e349e9f02 100644 --- a/site/themes/template/layouts/shortcodes/resource-item.html +++ b/site/themes/template/layouts/shortcodes/resource-item.html @@ -1,38 +1,36 @@
-
-

{{ ( .Get "title") }}

-

{{ ( .Get "date") }}

-
- {{- if eq (.Get "type") "video" -}} - -
- {{- $pc := .Page.Site.Config.Privacy.YouTube | default true -}} - {{- if not $pc.Disable -}} - {{- $ytHost := cond $pc.PrivacyEnhanced "www.youtube-nocookie.com" "www.youtube.com" -}} - {{- $id := .Get "videoID" | default (.Get 0) -}} - {{- $class := .Get "class" | default (.Get 1) -}} - {{- $title := .Get "text" | default "YouTube Video" }} -
- -
- {{ end -}} -
- {{ else }} -
- -
- {{ end }} -
- {{- if eq (.Get "type") "video" -}} - {{- $pc := .Page.Site.Config.Privacy.YouTube | default true -}} - {{- $ytHost := cond $pc.PrivacyEnhanced "www.youtube-nocookie.com" "www.youtube.com" -}} - {{- $id := .Get "videoID" | default (.Get 0) -}} -

{{ (.Get "text") - }}. - {{ else }} -

{{ (.Get "text") }}. - {{ end }} -

+
+

{{ ( .Get "title") }}

+

{{ ( .Get "date") }}

+
+ {{- if eq (.Get "type") "video" -}} +
+ {{- $pc := .Page.Site.Config.Privacy.YouTube | default true -}} + {{- if not $pc.Disable -}} + {{- $ytHost := cond $pc.PrivacyEnhanced "www.youtube-nocookie.com" "www.youtube.com" -}} + {{- $id := .Get "videoID" | default (.Get 0) -}} + {{- $class := .Get "class" | default (.Get 1) -}} + {{- $title := .Get "text" | default "YouTube Video" }} +
+
+ {{ end -}} +
+ {{ else }} +
+ +
+ {{ end }} +
+ {{- if eq (.Get "type") "video" -}} + {{- $pc := .Page.Site.Config.Privacy.YouTube | default true -}} + {{- $ytHost := cond $pc.PrivacyEnhanced "www.youtube-nocookie.com" "www.youtube.com" -}} + {{- $id := .Get "videoID" | default (.Get 0) -}} +

{{ (.Get "text")}}. + {{ else }} +

{{ (.Get "text") }}. + {{ end }} +

+
diff --git a/site/themes/template/layouts/shortcodes/youtube.html b/site/themes/template/layouts/shortcodes/youtube.html index 0a2fc2e1698..7e8fd6a814b 100644 --- a/site/themes/template/layouts/shortcodes/youtube.html +++ b/site/themes/template/layouts/shortcodes/youtube.html @@ -10,6 +10,6 @@ {{- $class := .Get "class" | default (.Get 1) -}} {{- $title := .Get "title" | default "YouTube Video" }}
- -
+ +
{{ end -}}