Add extra styles for video list

.github/workflows/main.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Install dependencies 
         run: | 
           python -m pip install --upgrade pip 
-          pip install mkdocs-material 
+          pip install mkdocs-material mkdocs-git-revision-date-localized-plugin
           
       - name: mkdocs deploy
         run: | 

custom_theme/main.html

@@ -1,10 +0,0 @@
-{% extends "base.html" %}
-
-{% block footer %}
-<div role="contentinfo">
-  <!-- Copyright etc -->
-  {% if config.copyright %}
-    <p>{{ config.copyright }}</p>
-  {% endif %}
-</div>
-{% endblock %}

docs/custom_theme/partials/footer.html

@@ -0,0 +1,98 @@
+<!--
+  Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to
+  deal in the Software without restriction, including without limitation the
+  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+  sell copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+  IN THE SOFTWARE.
+-->
+
+{% import "partials/language.html" as lang with context %}
+
+<!-- Application footer -->
+<footer class="md-footer">
+
+  <!-- Link to previous and/or next page -->
+  {% if page.previous_page or page.next_page %}
+    <div class="md-footer-nav">
+      <nav
+        class="md-footer-nav__inner md-grid"
+        aria-label="{{ lang.t('footer.title') }}"
+      >
+
+        <!-- Link to previous page -->
+        {% if page.previous_page %}
+          <a
+            href="{{ page.previous_page.url | url }}"
+            class="md-footer-nav__link md-footer-nav__link--prev"
+            rel="prev"
+          >
+            <div class="md-footer-nav__button md-icon">
+              {% include ".icons/material/arrow-left.svg" %}
+            </div>
+            <div class="md-footer-nav__title">
+              <div class="md-ellipsis">
+                <span class="md-footer-nav__direction">
+                  {{ lang.t("footer.previous") }}
+                </span>
+                {{ page.previous_page.title }}
+              </div>
+            </div>
+          </a>
+        {% endif %}
+
+        <!-- Link to next page -->
+        {% if page.next_page %}
+          <a
+            href="{{ page.next_page.url | url }}"
+            class="md-footer-nav__link md-footer-nav__link--next"
+            rel="next"
+          >
+            <div class="md-footer-nav__title">
+              <div class="md-ellipsis">
+                <span class="md-footer-nav__direction">
+                  {{ lang.t("footer.next") }}
+                </span>
+                {{ page.next_page.title }}
+              </div>
+            </div>
+            <div class="md-footer-nav__button md-icon">
+              {% include ".icons/material/arrow-right.svg" %}
+            </div>
+          </a>
+        {% endif %}
+      </nav>
+    </div>
+  {% endif %}
+
+  <!-- Further information -->
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+
+      <!-- Copyright and theme information -->
+      <div class="md-footer-copyright">
+        {% if config.copyright %}
+          <div class="md-footer-copyright__highlight">
+            {{ config.copyright }}
+          </div>
+        {% endif %}
+      </div>
+
+      <!-- Social links -->
+      {% include "partials/social.html" %}
+    </div>
+  </div>
+</footer>

docs/stylesheets/extra.css

@@ -1,23 +1,12 @@
-/* https://stackoverflow.com/questions/23211695/modifying-content-width-of-the-sphinx-theme-read-the-docs 
-
-and https://github.com/readthedocs/sphinx_rtd_theme/issues/295
-
-*/
-.wy-nav-content {
-  max-width: none !important;
+:root {
+  --md-primary-fg-color:        #3d90ce;
 }
 
-
-/* and fix wrap bug per https://rackerlabs.github.io/docs-rackspace/tools/rtd-tables.html */
-.wy-table-responsive table td {
-  /* !important prevents the common CSS stylesheets from overriding
-  this as on RTD they are loaded after this stylesheet */
-  white-space: normal !important;
+:root > * {
+  /* Footer */
+  --md-footer-bg-color:         #3d90ce;
 }
 
-.wy-table-responsive {
-  overflow: visible !important;
-}
 
 
 ul.video-list {

mkdocs.yml

@@ -1,4 +1,4 @@
-site_name: Documentation for Lens IDE
+site_name: Lens - The Kubernetes IDE Documentation
 site_description: Documentation for Lens IDE. The only system you’ll ever need to take control of your Kubernetes clusters. It's open source and free. Download it today!
 site_author: Mirantis, Inc.
 site_url: https://docs.k8slens.dev
@@ -36,7 +36,35 @@ theme:
   name: 'material'
   highlightjs: true
   language: 'en'
-  custom_dir: custom_theme
+  custom_dir: docs/custom_theme
+  favicon: img/favicon.ico
+  logo: img/lens-logo-icon.svg
+  palette:
+    scheme: preference
+  features:
+    - navigation.instant
 
 extra_css:
-  - css/extra.css
+  - stylesheets/extra.css
+
+plugins:
+  - search
+  - git-revision-date-localized
+
+markdown_extensions:
+  - toc:
+      permalink: true
+      toc_depth: 0
+
+extra:
+  generator: false
+  social:
+    - icon: fontawesome/brands/github
+      link: https://github.com/lensapp/lens
+      name: Lens on GitHub
+    - icon: fontawesome/brands/twitter
+      link: https://twitter.com/k8slens
+      name: Lens on Twitter
+    - icon: fontawesome/brands/slack
+      link: http://k8slens.slack.com/
+      name: Lens on Slack