Add docs for sonarr anime logo

Use addon example template instead.

docs/themes/addons/bazarr/bazarr-4k-logo/index.md

@@ -0,0 +1,12 @@
+# Bazarr 4K logo
+
+Adds a 4K logo to your Bazarr css.
+
+<div class="row">
+<p><a href="desktop.png" rel="noopener"><img src="desktop.png" alt="Screen Shot 1" width="49.5%" /></a>
+<a href="mobile.png" rel="noopener"><img src="mobile.png" alt="Screen Shot 1" width="24%" /></a></p>
+</div>
+
+{% set addon_app = "bazarr" %}
+{% set addon_name = "bazarr-4k-logo" %}
+{% include-markdown "themes/addons/example.md" %}

docs/themes/addons/bazarr/bazarr-darker/index.md

@@ -6,70 +6,6 @@ A darker theme for Bazarr that uses the same accents and colors as the default t
 <a href="screenshot1.png" rel="noopener"><img src="screenshot1.png" alt="Screen Shot 1" /></a>
 </p>
 
-## Setup
-
-### Docker mod
-
-`-e TP_ADDON=bazarr-darker`
-
-If adding multiple mods, enter them in an array separated by  `|`. `-e TP_ADDON=addon1|addon2`
-
-### Nginx
-
-Examples of how to add it:
-
-```nginx
-proxy_set_header Accept-Encoding "";
-sub_filter
-'</head>'
-'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/bazarr/bazarr-base.css">
-<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css">
-</head>';
-sub_filter_once on;
-```
-
-### Apache
-
-```nginx
-AddOutputFilterByType SUBSTITUTE text/html
-   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/bazarr/bazarr-base.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css">
-</head>';|'
-```
-
-### Caddy
-
-```nginx
-filter rule {
-    content_type text/html.*
-    search_pattern </head>
-    replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/bazarr/bazarr-base.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css'></head>"
-}
-```
-
-### Stylus
-
-Just add another import line.
-
-```css
-@import "https://theme-park.dev/css/base/bazarr/bazarr-base.css";
-@import "https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css";
-```
-
-### Traefik
-
->
-!!! warning
-    Added in traefik-themepark version `v1.2.0`
-
-Use <a href="/setup/#traefik" rel="noopener">traefik-themepark middleware</a>. 
-
-```yaml
-middlewares:
-    bazarr-darker:
-        plugin:
-            themepark:
-                app: bazarr
-                theme: base
-                addons:
-                    - darker
-```
+{% set addon_app = "bazarr" %}
+{% set addon_name = "bazarr-darker" %}
+{% include-markdown "themes/addons/example.md" %}

docs/themes/addons/readarr/alt-logo/index.md → docs/themes/addons/example.md

@@ -1,17 +1,8 @@
-# Readarr Alternative Logo
-
-Adds a audiobook logo to your Readarr css.
-
-<p>
-<a href="desktop.png" rel="noopener"><img src="desktop.png" alt="Screen Shot 1" width="50%" /></a>
-<a href="mobile.png" rel="noopener"><img src="mobile.png" alt="Screen Shot 1" width="50%" /></a>
-</p>
-
 ## Setup
 
 ### Docker mod
 
-`-e TP_ADDON=readarr-alt-logo`
+`-e TP_ADDON={{ addon_name }}`
 
 If adding multiple mods, enter them in an array separated by  `|`. `-e TP_ADDON=addon1|addon2`
 
@@ -23,8 +14,8 @@ Examples of how to add it:
 proxy_set_header Accept-Encoding "";
 sub_filter
 '</head>'
-'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/readarr/THEME.css">
-<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css">
+'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/{{ addon_app }}/THEME.css">
+<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/{{ addon_app }}/{{ addon_name }}/{{ addon_name }}.css">
 </head>';
 sub_filter_once on;
 ```
@@ -33,7 +24,7 @@ sub_filter_once on;
 
 ```nginx
 AddOutputFilterByType SUBSTITUTE text/html
-   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/readarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css">
+   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/{{ addon_app }}/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/{{ addon_app }}/{{ addon_name }}/{{ addon_name }}.css">
 </head>';|'
 ```
 
@@ -43,7 +34,7 @@ AddOutputFilterByType SUBSTITUTE text/html
 filter rule {
     content_type text/html.*
     search_pattern </head>
-    replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css'></head>"
+    replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/addons/{{ addon_app }}/{{ addon_name }}/{{ addon_name }}.css'></head>"
 }
 ```
 
@@ -52,8 +43,8 @@ filter rule {
 Just add another import line.
 
 ```css
-@import "https://theme-park.dev/css/base/readarr/THEME.css";
-@import "https://theme-park.dev/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css";
+@import "https://theme-park.dev/css/base/{{ addon_app }}/THEME.css";
+@import "https://theme-park.dev/css/addons/{{ addon_app }}/{{ addon_name }}/{{ addon_name }}.css";
 ```
 
 ### Traefik
@@ -62,15 +53,15 @@ Just add another import line.
 !!! warning
     Added in traefik-themepark version `v1.2.0`
 
-Use <a href="/setup/#traefik" rel="noopener">traefik-themepark middleware</a>. 
+Use <a href="/setup/#traefik" rel="noopener">traefik-themepark middleware</a>.
 
 ```yaml
 middlewares:
-    readarr-alt-logo:
+    {{ addon_name }}:
         plugin:
             themepark:
-                app: readarr
+                app: {{ addon_app }}
                 theme: base
                 addons:
-                    - alt-logo
+                    - {{ addon_name }}
 ```

docs/themes/addons/lidarr/lidarr-alt-calendar/index.md

@@ -0,0 +1,11 @@
+# Lidarr Alt Calendar
+
+Alternative calendar colors.
+
+<p>
+<a href="screenshot1.png" rel="noopener"><img src="screenshot1.png" alt="Screen Shot 1" /></a>
+</p>
+
+{% set addon_app = "lidarr" %}
+{% set addon_name = "lidarr-alt-calendar" %}
+{% include-markdown "themes/addons/example.md" %}