diff --git a/docs-new/assets/stylesheets/home.css b/docs-new/assets/stylesheets/home.css index 97e4d356fd..57390b654c 100644 --- a/docs-new/assets/stylesheets/home.css +++ b/docs-new/assets/stylesheets/home.css @@ -1,3 +1,27 @@ +body { + overflow-x: hidden; +} + +.md-content__inner { + margin-bottom: 0; + padding: 2.2rem 0; +} + +.md-content__inner:before { + display: none; +} + +/* Prevent removing default title on the page */ +.md-content__inner h1:first-child { + display: block; +} + +@media (max-width: 600px) { + .md-typeset .header-link { + display: none; + } +} + .md-main { flex-grow: 0 } @@ -171,24 +195,8 @@ padding-bottom: 10px; } -.logos { - display: flex; - align-items: center; - justify-content: center; - flex-flow: row wrap; - margin: 0 auto; -} - -.logos img { - flex: 1 1 auto; - padding: 25px; - max-height: 130px; - vertical-align: middle; -} - -.hr-logos { - margin-top: 0; - margin-bottom: 30px; +.md-footer { + display: block; } .md-footer-meta__inner { @@ -202,97 +210,7 @@ padding-top: 20px; } -.tx-container { - background: linear-gradient( - to bottom, - var(--md-primary-fg-color), - var(--md-default-bg-color) 100% - ); -} -[data-md-color-scheme="slate"] .tx-container { - background: linear-gradient( - to bottom, - var(--md-primary-fg-color), - var(--md-default-bg-color) 100% - ); -} - -.tx-landing { - margin: 0 0.8rem; - color: var(--md-primary-bg-color); -} - -.tx-landing__logos { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; -} - -.tx-landing__quote { - display: flex; - border-radius: 1em; - padding: 1em 1em 5em 1em; - text-align: center; - background: var(--md-primary-fg-color); -} - -.tx-landing__quote blockquote { - border: 0; - color: #fff; -} - -.tx-landing__quotes figure { - margin: 2em auto 2em auto; -} - -.tx-landing__logos img { - height: 8vh; - max-height: 81px; /* max height of images */ - width: auto; - margin: 2vh; - vertical-align: middle; -} - -.tx-landing__quote a img { - height: 6vh; - max-height: 81px; /* max height of images */ - display: block; - margin-left: auto; - margin-right: auto; -} - -.tx-landing__content p a { - color: inherit; - text-decoration: underline; -} -.tx-landing__content p a:hover { - color: darkblue; - text-decoration: underline; -} - -.tx-landing .md-button { - margin-top: 0.5rem; - margin-right: 0.5rem; - color: var(--md-primary-bg-color); -} -.tx-landing .md-button:hover, -.tx-landing .md-button:focus { - color: var(--md-default-bg-color); - background-color: var(--md-default-fg-color); - border-color: var(--md-default-fg-color); -} - -.tx-landing__testimonials { - width: 100%; - text-align: center; -} - -.tx-landing h1 { - margin-bottom: 1rem; - color: currentColor; - font-weight: 700; -} +/* new stuff */ .md-typeset h2 + h3 { font-size: 1em; @@ -331,87 +249,10 @@ max-width: 100%; } -.mdx-spotlight__feature > #lottie-player { - display: block; - flex-shrink: 0; - border-radius: 0.2rem; - box-shadow: var(--md-shadow-z2); - width: 25rem; - max-width: 100%; - background-color: rgb(5 62 94); -} - .mdx-spotlight__feature figcaption { margin-top: 0.8rem; } -.mdx-parallax__group { - background-color: var(--md-default-bg-color); - color: var(--md-typeset-color); - display: block; - position: relative; - transform-style: preserve-3d; -} -.mdx-parallax__group:first-child { - background-color: initial; - contain: strict; - height: 140vh; -} -.mdx-parallax__group:last-child { - background-color: var(--md-default-bg-color); -} - -.mdx-installations { - display: block; -} - -.mdx-users { - display: flex; - gap: 3.2rem; - margin: 2.4rem 0; -} - -.mdx-users__testimonial { - display: flex; - flex: 1; - flex-direction: column; - gap: 1.2rem; - margin: 0; - text-align: center; -} - -.mdx-users__testimonial img { - border-radius: 5rem; - height: auto; - margin-left: auto; - margin-right: auto; - width: 10rem; -} - -.mdx-users__testimonial figcaption { - display: block; -} - -.mdx-users__testimonial hr { - margin-left: auto; - margin-right: auto; - width: 5rem; -} - -.mdx-users__testimonial cite { - display: block; - -webkit-hyphens: auto; - hyphens: auto; - text-align: justify; -} - -/* General media */ -@media screen and (max-width: 30em) { - .tx-landing h1 { - font-size: 1.4rem; - } -} - @media screen and (max-width: 59.9375em) { .mdx-spotlight__feature { flex-direction: column; @@ -423,87 +264,18 @@ margin-right: auto; height: auto; } - - .mdx-users { - flex-direction: column; - } - - /* Reset one padding between sections */ - .md-content__inner-testimonials { - padding: 0px 0px 2.2rem !important; - } } @media screen and (min-width: 60em) { .tx-container { - padding-bottom: 7vw; + padding-bottom: 1vw; } - .tx-landing { - display: flex; - align-items: stretch; - height: 85%; - } - - .tx-landing__content { - align-self: center; - max-width: 19rem; - margin-top: 3.5rem; - } - - .tx-landing__image { - order: 1; - width: 38rem; - } - - .tx-landing__quotes { - margin: 1em 5em; + .top-hr { + padding-bottom: 3vw; } .mdx-spotlight__feature:nth-child(odd) { flex-direction: row-reverse; } } - -/* Extra media for .mdx-parallax__group:first-child */ -@media (min-width: 125vh) { - .mdx-parallax__group:first-child { - height: 120vw; - } -} - -@media (min-width: 137.5vh) { - .mdx-parallax__group:first-child { - height: 125vw; - } -} - -@media (min-width: 150vh) { - .mdx-parallax__group:first-child { - height: 130vw; - } -} - -@media (min-width: 162.5vh) { - .mdx-parallax__group:first-child { - height: 135vw; - } -} - -@media (min-width: 175vh) { - .mdx-parallax__group:first-child { - height: 140vw; - } -} - -@media (min-width: 187.5vh) { - .mdx-parallax__group:first-child { - height: 145vw; - } -} - -@media (min-width: 200vh) { - .mdx-parallax__group:first-child { - height: 150vw; - } -} diff --git a/docs-new/index.md b/docs-new/index.md index 4c90f209de..6399c1c311 100644 --- a/docs-new/index.md +++ b/docs-new/index.md @@ -6,4 +6,3 @@ social: --- Keptn - Supercharge your Deployments -dsd diff --git a/docs-new/overrides/home.html b/docs-new/overrides/home.html index d2ba08149b..aed48a7248 100644 --- a/docs-new/overrides/home.html +++ b/docs-new/overrides/home.html @@ -34,108 +34,129 @@
-
- a ship going around in circles with an infinity symbol next to it -

- Deployment Observability -

-

Make ANY Kubernetes Deployment observable

-
-
- a lighthouse with a heartbeat line and a sheet with SLIs and SLOs on it -

- Gather metrics from anywhere -

-

Standardize access for all Observability Data for K8s

-
-
- a man holding a sheet of paper with cog on it -

- Orchestrate Deployment Checks -

-

Gain confidence in your work with pre-/post-deployment checks

-
+ +
+ a ship going around in circles with an infinity symbol next to it +

+ Deployment Observability +

+

Make ANY Kubernetes Deployment observable

+
+ + + +
+ a lighthouse with a heartbeat line and a sheet with SLIs and SLOs on it +

+ Gather metrics from anywhere +

+

Standardize access for all Observability Data for K8s

+
+ + +
+ a seaman holding a sheet of paper with cog on it +

+ Orchestrate Deployment Checks +

+

Gain confidence in your work with pre-/post-deployment checks

+
+
-
-
-
-
- - a ship going around in circles with an infinity symbol next to it - -
-

Deployment Observability

-

Make any Kubernetes workload observable

-

- If you deploy with ArgoCD, Flux, GitLab, kubectl, etc. we provide you: -

-
    -
  • Automated App-Aware DORA metrics (OTel Metrics)
    • -
  • Troubleshoot failed deployments (OTel Traces)
    • -
  • Trace deployments from Git to cloud (traces across stages)
    • -
-
-
-
- - a ship going around in circles with an infinity symbol next to it - -
-

Gather metrics from anywhere

-

Standardize access for all Observability Data for K8s

-

- The Keptn Metrics Operator provides the following features: -

-
    -
  • Define Keptn Metrics once for Dynatrace, DataDog, AWS, Azure, GCP, …
    • -
  • Access all those metrics via Prometheus or K8s Metric API
    • -
  • Eliminate the need of multiple plugins for Argo Rollouts, KEDA, HPA, …
    • -
-
-
-
- - a ship going around in circles with an infinity symbol next to it - -
-

Orchestrate Deployment Checks

-

- To reduce complexity of custom checks use Keptn to: -

-
    -
  • - Pre-Deploy: -
      -
    • Validate external dependencies
      • -
    • Confirm that images are scanned
      • -
    • ...
      • -
    -
    • -
  • - Post-Deploy: -
      -
    • Execute tests
      • -
    • Notify stakeholders
      • -
    • Promote to next state
      • -
    • ...
      • -
    -
    • -
  • Automatically validate against your SLOs (Service Level Objectives)
    • -
-
-
+
+
+
+
+

+ Supercharge your Deployments +

+
+
+
+ a ship going around in circles with an infinity symbol next to it +
+

Deployment Observability

+

Make any Kubernetes workload observable

+

+ If you deploy with ArgoCD, Flux, GitLab, kubectl, etc. we provide you: +

+
    +
  • Automated App-Aware DORA metrics (OTel Metrics)
    • +
  • Troubleshoot failed deployments (OTel Traces)
    • +
  • Trace deployments from Git to cloud (traces across stages)
    • +
+
+
+
+ a lighthouse with a heartbeat line and a sheet with SLIs and SLOs on it +
+

Gather metrics from anywhere

+

Standardize access for all Observability Data for K8s

+

+ The Keptn Metrics Operator provides the following features: +

+
    +
  • Define Keptn Metrics once for Dynatrace, DataDog, AWS, Azure, GCP, …
    • +
  • Access all those metrics via Prometheus or K8s Metric API
    • +
  • Eliminate the need of multiple plugins for Argo Rollouts, KEDA, HPA, …
    • +
+
+
+
+ a seaman holding a sheet of paper with cog on it +
+

Orchestrate Deployment Checks

+

+ To reduce complexity of custom checks use Keptn to: +

+
    +
  • + Pre-Deploy: +
      +
    • Validate external dependencies
      • +
    • Confirm that images are scanned
      • +
    +
    • +
  • + Post-Deploy: +
      +
    • Execute tests
      • +
    • Notify stakeholders
      • +
    • Promote to next state
      • +
    +
    • +
  • Automatically validate against your SLOs (Service Level Objectives)
    • +
+

+
+
+
-
+ {% endblock %} {% block content %}{% endblock %} -{% block footer %}{% endblock %}