Merge pull request #36 from ankudinov/upadate_mkdocs

change mkdocs styles to match Arista colors

docs/assets/stylesheets/extra.css

@@ -0,0 +1,50 @@
+@keyframes heartbeat {
+    0%, 40%, 80%, 100% {
+        transform: scale(1);
+    }
+    20%, 60% {
+        transform: scale(1.15);
+    }
+    }
+    .heartbeat {
+    animation: heartbeat 1000ms infinite;
+    }
+    .opacity05 {
+        opacity: 0.5;
+    }
+    .opacity06 {
+        opacity: 0.6;
+    }
+    .opacity07 {
+        opacity: 0.7;
+    }
+    .opacity08 {
+        opacity: 0.8;
+    }
+    .opacity09 {
+        opacity: 0.9;
+    }
+    .contrast90 {
+        filter: contrast(90%);
+    }
+    .md-header {
+        background: linear-gradient(to right, #16325B, #146095);
+    }
+    .md-tabs {
+        background: linear-gradient(to right, #16325B, #146095);
+    }
+    .md-footer {
+        background: linear-gradient(to right, #16325B, #146095);
+    }
+    a.md-button.md-button--primary {
+        background-color: #4473a9;
+    }
+    [data-md-color-scheme="slate"] {
+        --md-footer-bg-color: linear-gradient(to right, #16325B, #146095);
+        --md-footer-bg-color--dark: linear-gradient(to right, #16325B, #146095);
+        --md-default-bg-color: #000000;
+    }
+    [data-md-color-scheme="default"] {
+        --md-footer-bg-color: linear-gradient(to right, #16325B, #146095);
+        --md-footer-bg-color--dark: linear-gradient(to right, #16325B, #146095);
+    }

docs/index.md

@@ -1,5 +1,7 @@
 # Arista Community Labs
 
-!!! Warning "WARNING!"
+!!! Warning "Under Construction!"
 
-    Under construction!
+    DO NOT ENTER! :skull_and_crossbones:{ .heartbeat }
+
+    ![stay back](assets/img/pexels-danne-555709.jpg)

mkdocs.yml

@@ -1,13 +1,14 @@
 ---
-site_name: Arista Community Labs
+site_name: acLabs
 site_url: https://aclabs.arista.com
 repo_name: Arista Community Labs
 repo_url: https://github.com/aristanetworks/aclabs
 
-# extra_css:
-#   - assets/stylesheets/extra.css
+extra_css:
+  - assets/stylesheets/extra.css
 
 theme:
+  logo: assets/img/arista-logo.png
   name: material
   features:
     - announce.dismiss
@@ -46,6 +47,20 @@ theme:
     repo: fontawesome/brands/github
     logo: fontawesome/solid/gears
 
+  palette:
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      accent: red
+      toggle:
+        icon: material/weather-sunny
+        name: Switch to dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      accent: amber
+      toggle:
+        icon: material/weather-night
+        name: Switch to light mode
+
 markdown_extensions:
   - attr_list
   - admonition
@@ -72,9 +87,41 @@ markdown_extensions:
 copyright: >
   &nbsp;&#x1F36A;&nbsp;<a href="#__consent">Change cookie settings</a>
 
+extra:
+  consent:
+    title: Cookie consent
+    actions:
+      - accept
+      - reject
+    description: >- 
+      We use cookies to recognize your repeated visits and preferences, as well
+      as to measure the effectiveness of our documentation and whether users
+      find what they're searching for. With your consent, you're helping us to
+      make our documentation better.
+  # analytics:
+  #   provider: google
+  #   property: G-SJDW948EQD
+  #   feedback:
+  #     title: Was this page helpful?
+  #     ratings:
+  #       - icon: material/emoticon-happy-outline
+  #         name: This page was helpful
+  #         data: 1
+  #         note: >-
+  #           Thanks for your feedback!
+  #       - icon: material/emoticon-sad-outline
+  #         name: This page could be improved
+  #         data: 0
+  #         note: >- 
+  #           Thanks for your feedback! Help us improve this page by
+  #           using our <a href="..." target="_blank" rel="noopener">feedback form</a>.
+
 plugins:
   - privacy
   - search
+  # - macros:
+  #     include_yaml:
+  #       - gh: docs/assets/data/github.yml
 
 nav:
   - Home: