[release-1.12] Fix deprecation warnings and update CSS (#5748)

* Fix deprecation warnings and update CSS

* fix order of right nav in blog

---------

Co-authored-by: Reto Lehmann <retocode@icloud.com>

blog/config/nav.yml

@@ -9,8 +9,6 @@ nav:
     - Knative CLI: /docs/client/
     - Code samples: /docs/samples/
     - Reference: /docs/reference/security/
-    - Community: /docs/community/
-    - About: /docs/about/testimonials/
   #####################################################
     # Blog
   #####################################################
@@ -96,3 +94,7 @@ nav:
           - events/install-fest-04-2022.md
           - events/knative-at-kubecon-eu-2019.md
           - events/knative-at-kubecon-seattle.md
+    #####################################################          
+    # keep the same order as on the main page
+    - About: /docs/about/testimonials/
+    - Community: /docs/community/

blog/mkdocs.yml

@@ -27,8 +27,8 @@ markdown_extensions:
   # - mdx_include:
   #     base_path: docs
   - pymdownx.emoji:
-      emoji_index: !!python/name:materialx.emoji.twemoji
-      emoji_generator: !!python/name:materialx.emoji.to_svg
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
   - attr_list
   - meta
   - pymdownx.superfences

config/nav.yml

@@ -305,10 +305,7 @@ nav:
     - Reference:
       - Security: reference/security/README.md
       - Release notes: reference/relnotes/README.md
-    - Community:
-      - How To Get Involved: community/README.md
-      - Contribute to Knative: community/contributing.md
-      - Community Rules and Practices: community/governance.md
+    - Blog: /blog/
     - About:
       - Testimonials: about/testimonials.md
       - Case studies:
@@ -316,4 +313,7 @@ nav:
         - Outfit7: about/case-studies/outfit7.md
         - Puppet: about/case-studies/puppet.md
         - PNC Bank: about/case-studies/pnc.md
-    - Blog: /blog/
+    - Community:
+      - How To Get Involved: community/README.md
+      - Contribute to Knative: community/contributing.md
+      - Community Rules and Practices: community/governance.md

docs/index.md

@@ -1,5 +1,8 @@
 ---
 template: home.html
 title: Home
+hide:
+  - navigation
+  - toc
 hide_next: true
 ---

docs/stylesheets/extra.css

@@ -99,10 +99,13 @@ a.md-header__button.md-logo img {
   font-weight: bold;
 }
 
+.md-tabs__list li:nth-last-child(3) {
+  margin-left: auto;
+}
+
 .md-tabs__list li:nth-last-child(1),
 .md-tabs__list li:nth-last-child(2),
 .md-tabs__list li:nth-last-child(3) {
-  float: right;
   background-color: #024c93;
   color: white;
   padding: 0 2em;

mkdocs.yml

@@ -24,8 +24,8 @@ markdown_extensions:
   # - mdx_include:
   #     base_path: docs
   - pymdownx.emoji:
-      emoji_index: !!python/name:materialx.emoji.twemoji
-      emoji_generator: !!python/name:materialx.emoji.to_svg
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
   - attr_list
   - meta
   - pymdownx.superfences

requirements.txt

@@ -1,4 +1,4 @@
-mkdocs-material==8.2.7
+mkdocs-material<10.0
 mkdocs-exclude>=1.0
 mkdocs-macros-plugin>=0.5.12
 mkdocs-awesome-pages-plugin>=2.5