chore: Update landing page logo and favicon

Overrides/partials/logo.html

@@ -0,0 +1,25 @@
+<!--
+  Copyright (c) 2016-2024 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.
+-->
+
+<!-- Logo -->
+<img id="logo_light_mode" src="{{ config.theme.logo_light_mode | url }}" alt="logo">
+<img id="logo_dark_mode" src="{{ config.theme.logo_dark_mode | url }}" alt="logo">

Overrides/stylesheets/extra.css

@@ -0,0 +1,44 @@
+.md-header__button.md-logo {
+  margin: 0;
+  padding: 0;
+}
+.md-header__button.md-logo img, .md-header__button.md-logo svg {
+  height: 2.5rem;
+  width: 2.5rem;
+}
+
+#logo_light_mode {
+display: var(--md-footer-logo-light-mode);
+}
+#logo_dark_mode {
+display: var(--md-footer-logo-dark-mode);
+}
+
+[data-md-color-scheme="default"] {
+--md-footer-logo-dark-mode:         none;
+--md-footer-logo-light-mode:         block;
+}
+[data-md-color-scheme="slate"] {
+--md-footer-logo-dark-mode:         block;
+--md-footer-logo-light-mode:         none;
+--md-primary-fg-color: rgba(18, 19, 23, 0.8);
+--md-header-bg-color: rgba(18, 19, 23, 0.8);
+}
+
+[data-md-color-primary="black"] .md-header {
+background-color: var(--md-header-bg-color);
+}
+.md-header {
+box-shadow: none;
+transition: none;
+backdrop-filter: saturate(180%) blur(20px);
+-webkit-backdrop-filter: saturate(180%) blur(20px);
+background-color: var(--md-header-bg-color);
+}
+.md-tabs {
+box-shadow: none;
+transition: none;
+backdrop-filter: saturate(180%) blur(20px);
+-webkit-backdrop-filter: saturate(180%) blur(20px);
+background-color: var(--md-header-bg-color);
+}

mkdocs.yml

@@ -1,12 +1,15 @@
 site_name: Awesome Scripts
 site_author: ricolxwz
+site_url: https://awesome-scripts.ricolxwz.de/
 copyright: Copyright © 2024 ricolxwz
 site_description: A collection of useful scripts for daily use
 repo_url: https://github.com/ricolxwz/awesome-scripts
 repo_name: ricolxwz/awesome-scripts
 theme:
   name: material
-  logo: assets/favicon-faded-8.svg
+  custom_dir: Overrides
+  logo_light_mode: assets/favicon-d-212121-doc.svg
+  logo_dark_mode: assets/favicon-w-ffffff-doc.svg
   favicon: assets/favicon-white-background.svg
   language: zh
   features:
@@ -15,6 +18,7 @@ theme:
     - content.code.select
     - content.tabs.link
     - content.footnote.tooltips
+    - content.tooltips
     # - header.autohide
     # - announce.dismiss
     # - navigation.footer
@@ -34,20 +38,20 @@ theme:
         name: Switch to light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default 
-      primary: indigo
+      primary: white
       accent: indigo
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: black
       accent: indigo
       toggle:
         icon: material/brightness-4
         name: Switch to system preference 
   icon:
     repo: fontawesome/brands/github-alt
+    annotation: material/star-four-points-circle
     admonition:
       note: octicons/tag-16
       abstract: octicons/checklist-16
@@ -89,6 +93,7 @@ markdown_extensions:
   - pymdownx.tilde
   - pymdownx.magiclink
   - admonition
+  - abbr
   - attr_list
   - md_in_html
   - footnotes
@@ -112,6 +117,7 @@ markdown_extensions:
           format: !!python/name:pymdownx.superfences.fence_code_format
 plugins:
   - search
+  - open-in-new-tab
   - i18n:
       docs_structure: suffix
       fallback_to_default: true

requirements.txt

@@ -1,2 +1,3 @@
 mkdocs-material
-mkdocs-static-i18n
+mkdocs-static-i18n
+mkdocs-open-in-new-tab