update front page and names

Signed-off-by: Boris Kurktchiev <[email protected]>
back-stack · Feb 13, 2024 · 8204029 · 8204029
1 parent 7abf028
commit 8204029
Show file tree

Hide file tree

Showing 2 changed files with 104 additions and 76 deletions.
diff --git a/docs/overrides/home.html b/docs/overrides/home.html
@@ -1,36 +1,48 @@
-{% extends "main.html" %}
-{% block tabs %}
-{{ super() }}
+{% extends "main.html" %} {% block tabs %} {{ super() }}
 <style>
   :root {
     --backstack-primary-color: #72533b;
   }
   .md-header {
-    position: initial
+    position: initial;
   }
   .md-main .md-main__inner {
-    display: none
+    display: none;
   }
   .md-content {
-    display: none
+    display: none;
   }
-  [data-md-color-scheme=slate] .tx-container {
+  [data-md-color-scheme="slate"] .tx-container {
     padding-top: 1rem;
-    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)'/></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), var(--backstack-primary-color) 99%, #fff 99%);
+    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)'/></svg>")
+        no-repeat bottom,
+      linear-gradient(
+        to bottom,
+        var(--md-primary-fg-color),
+        var(--backstack-primary-color) 99%,
+        #fff 99%
+      );
   }
   .tx-container {
     padding-top: 1rem;
-    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), var(--backstack-primary-color) 99%, #fff 99%);
+    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>")
+        no-repeat bottom,
+      linear-gradient(
+        to bottom,
+        var(--md-primary-fg-color),
+        var(--backstack-primary-color) 99%,
+        #fff 99%
+      );
     height: calc(100vh - 4.8rem);
   }
   .tx-hero {
-    margin: 0 .8rem;
-    color: var(--md-primary-bg-color)
+    margin: 0 0.8rem;
+    color: var(--md-primary-bg-color);
   }
   .tx-hero h1 {
     margin-bottom: 1rem;
     color: currentColor;
-    font-weight: 700
+    font-weight: 700;
   }
   .tx-hero a {
     color: currentColor;
@@ -39,8 +51,8 @@
     padding-bottom: 0;
   }
   .tx-hero .md-button {
-    margin-top: .5rem;
-    margin-right: .5rem;
+    margin-top: 0.5rem;
+    margin-right: 0.5rem;
     color: var(--md-primary-bg-color);
   }
   .tx-hero .md-button--primary {
@@ -54,9 +66,9 @@
     color: var(--md-default-bg-color);
     border-color: var(--md-accent-fg-color);
   }
-  @media screen and (max-width:70em) {
+  @media screen and (max-width: 70em) {
     .tx-hero h1 {
-      font-size: 1.4rem
+      font-size: 1.4rem;
     }
     .tx-hero__image {
       text-align: center;
@@ -65,7 +77,7 @@
       max-width: 10rem;
     }
   }
-  @media screen and (min-width:70em) {
+  @media screen and (min-width: 70em) {
     .md-sidebar--secondary {
       display: none;
     }
@@ -87,9 +99,9 @@
       max-width: 15rem;
     }
   }
-  @media screen and (min-width:76.25em) {
+  @media screen and (min-width: 76.25em) {
     .md-sidebar--primary {
-      display: none
+      display: none;
     }
     .tx-hero__image {
       margin-left: auto;
@@ -110,18 +122,34 @@ <h2>Build a Developer Platform in seconds:</h2>
           <li>Which Streamlines Development</li>
           <li>Enhances Collaboration</li>
           <li>Reduces Complexity</li>
-          <li>... Together, let's unlock the future of platform engineering!</li>
+          <li>
+            ... Together, let's unlock the future of platform engineering!
+          </li>
         </ul>
-        <a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}" class="md-button md-button--primary">
+        <a
+          href="{{ page.next_page.url | url }}"
+          title="{{ page.next_page.title | striptags }}"
+          class="md-button md-button--primary"
+        >
           Learn more
         </a>
-                <a href="./install" title="{{ lang.t('source.link.title') }}" class="md-button">
+        <a
+          href="./install"
+          title="{{ lang.t('source.link.title') }}"
+          class="md-button"
+        >
           Try it out
         </a>
+        <a
+          href="https://cloud-native.slack.com/archives/C066BJRLS4B"
+          title="{{ lang.t('source.link.title') }}"
+          class="md-button"
+        >
+          Contact Us
+        </a>
       </div>
     </div>
   </div>
 </section>
-{% endblock %}
-{% block content %}{% endblock %}
-{% block footer %}{% endblock %}
+{% endblock %} {% block content %}{% endblock %} {% block footer %}{% endblock
+%}
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -61,66 +61,66 @@ theme:
     - toc.follow
 
   palette:
-  - media: "(prefers-color-scheme: light)" # Light mode
-    scheme: default
-    primary: light blue
-    accent: light blue
-    toggle:
-      icon: material/toggle-switch
-      name: Switch to light mode
-  - media: "(prefers-color-scheme: dark)" # Dark mode
-    scheme: slate
-    primary: light blue
-    accent: light blue
-    toggle:
-      icon: material/toggle-switch-off
-      name: Switch to dark mode
+    - media: "(prefers-color-scheme: light)" # Light mode
+      scheme: default
+      primary: light blue
+      accent: light blue
+      toggle:
+        icon: material/toggle-switch
+        name: Switch to light mode
+    - media: "(prefers-color-scheme: dark)" # Dark mode
+      scheme: slate
+      primary: light blue
+      accent: light blue
+      toggle:
+        icon: material/toggle-switch-off
+        name: Switch to dark mode
   favicon: static/back-stack-favicon.png
   icon:
     logo: octicons/stack-24
 
 plugins:
-- search
-- blog:
-    enabled: true
-    post_readtime: true
-    blog_toc: true
-    draft: false
-- rss:
-    enabled: !ENV [MKDOCS_ENABLE_RSS_PLUGIN, True]
-    match_path: blog/posts/.*
-    date_from_meta:
-      as_creation: date
-- minify:
-    minify_html: true
-- include-markdown
+  - search
+  - blog:
+      enabled: true
+      post_readtime: true
+      blog_toc: true
+      draft: false
+  - rss:
+      enabled: !ENV [MKDOCS_ENABLE_RSS_PLUGIN, True]
+      match_path: blog/posts/.*
+      date_from_meta:
+        as_creation: date
+  - minify:
+      minify_html: true
+  - include-markdown
 # - tags:
 #     enabled: true
 #     tags_file: catalog/index.md
 
 markdown_extensions:
-- attr_list
-- pymdownx.emoji:
-    emoji_index: !!python/name:material.extensions.emoji.twemoji
-    emoji_generator: !!python/name:material.extensions.emoji.to_svg
-- admonition
-- codehilite
-- footnotes
-- meta
-- toc:
-    permalink: true
-- pymdownx.tabbed:
-    alternate_style: true
-- pymdownx.superfences
-- pymdownx.tasklist:
-    custom_checkbox: true
+  - attr_list
+  - pymdownx.emoji:
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
+  - admonition
+  - codehilite
+  - footnotes
+  - meta
+  - toc:
+      permalink: true
+  - pymdownx.tabbed:
+      alternate_style: true
+  - pymdownx.superfences
+  - pymdownx.tasklist:
+      custom_checkbox: true
 
 nav:
-- Home: index.md
-- Documentation:
-    - intro.md
-    - Quickstart: install.md
-    - Architecture: arch.md
-    - Development: development.md
-- News:
-  - blog/index.md
+  - Home: index.md
+  - Documentation:
+      - intro.md
+      - Quickstart: install.md
+      - Architecture: arch.md
+      - Development: development.md
+  - Blog:
+      - blog/index.md