theme change

LunarVigilante · Oct 9, 2022 · 0962e1d · 0962e1d
1 parent 62d2794
commit 0962e1d
Show file tree

Hide file tree

Showing 4 changed files with 81 additions and 7 deletions.
diff --git a/docs/saltbox/install/install.md b/docs/saltbox/install/install.md
@@ -186,7 +186,7 @@ If your server did not need to reboot you can run `su username` to switch user o
 
 Saltbox defaults to an rclone remote pointed at your Google Drive named `google` [as shown in the settings.yml above].
 
-There is nothing special about saltbox's implementation of this setup, aside from its opinions about the media paths.
+There is nothing special about Saltbox's implementation of this setup, aside from its opinions about the media paths.
 
 If you already know how to set that up, do so with your usual methods.  If not:
 
@@ -263,7 +263,7 @@ After rebooting, you're now ready to go through the basic setup for the apps!
 
 ## Step 6: App Setup
 
-If you would like to configure cloudplow to use service accounts to exceed the 750G daily upload limit, and you went through the scripted rclone setup above, you can do this now.  Instructions are [here](https://docs.saltbox.dev/reference/cloudplow-config/).
+If you would like to configure cloudplow to use service accounts to exceed the 750G daily upload limit, and you went through the scripted rclone setup above, you can do this now. Instructions are [here](https://docs.saltbox.dev/reference/cloudplow-config/).
 
 Go through these one at a time in order; some of the setups depend on previous setups.
 

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -20,4 +20,16 @@
     -webkit-transform: none;
     transform: none;   
   }
+}
+
+@keyframes heart {
+  0%, 40%, 80%, 100% {
+    transform: scale(1);
+  }
+  20%, 60% {
+    transform: scale(1.15);
+  }
+}
+.heart {
+  animation: heart 1000ms infinite;
 }
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -10,6 +10,9 @@ edit_uri: edit/main/docs/
 
 theme:
   name: material
+  icon:
+    logo: material/sofa
+    repo: fontawesome/brands/github-alt
   custom_dir: overrides
   features:
     - header.autohide
@@ -19,24 +22,39 @@ theme:
     - navigation.top
     - navigation.tracking
     - navigation.instant
+    - navigation.prune
     # - toc.integrate
+    - toc.follow
     - search.suggest
     - search.highlight
     - search.share
   language: en
   palette:
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      primary: teal
+      accent: teal
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default
-      primary: red
+      primary: teal
+      accent: teal
       toggle:
-        icon: material/toggle-switch-off-outline
+        icon: material/brightness-7
         name: Switch to dark mode
+
+    # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: red
+      primary: teal
+      accent: teal
       toggle:
-        icon: material/toggle-switch
-        name: Switch to light mode
+        icon: material/brightness-4
+        name: Switch to system preference
 
 plugins:
   - search:
@@ -46,18 +64,22 @@ extra:
   generator: false
   social:
   - icon: fontawesome/solid/heart
+    class: md-social__link heart
     link: 'https://github.com/sponsors/saltydk'
     name: Donate
   - icon: fontawesome/brands/discord
+    class: md-social__link
     link: 'https://discord.gg/ugfKXpFND8'
     name: Discord
   - icon: fontawesome/brands/github
+    class: md-social__link
     link: 'https://github.com/saltyorg/Saltbox'
     name: GitHub
 
 markdown_extensions:
   - meta
   - pymdownx.highlight
+  - pymdownx.details
   - pymdownx.superfences
   - pymdownx.tabbed:
       alternate_style: true

diff --git a/overrides/partials/social.html b/overrides/partials/social.html
@@ -0,0 +1,40 @@
+<!--
+  Copyright (c) 2016-2022 Martin Donath <[email protected]>
+
+  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.
+-->
+
+<!-- Social links -->
+<div class="md-social">
+  {% for social in config.extra.social %}
+    {% set title = social.name %}
+    {% if not title and "//" in social.link %}
+      {% set _, url = social.link.split("//") %}
+      {% set title  = url.split("/")[0] %}
+    {% endif %}
+    <a
+      href="{{ social.link }}"
+      target="_blank" rel="noopener"
+      title="{{ title | e }}"
+      class="{{ social.class | e }}"
+    >
+      {% include ".icons/" ~ social.icon ~ ".svg" %}
+    </a>
+  {% endfor %}
+</div>