diff --git a/docker-compose/homer/assets/catppuccin-frappe.css b/docker-compose/homer/assets/catppuccin-frappe.css
new file mode 100644
index 00000000..8561070c
--- /dev/null
+++ b/docker-compose/homer/assets/catppuccin-frappe.css
@@ -0,0 +1,174 @@
+@charset "UTF-8";
+
+
+/* Catppuccin theme for Homer */
+
+#app.theme-default.is-dark {
+ --catppuccin-base: #303446;
+ --catppuccin-surface0: #414559;
+ --catppuccin-text: #c6d0f5;
+ --catppuccin-surface2: #626880;
+ --catppuccin-teal: #81c8be;
+ --catppuccin-green: #a6d189;
+ --catppuccin-peach: #ef9f76;
+ --catppuccin-pink: #f4b8e4;
+ --catppuccin-mauve: #ca9ee6;
+ --catppuccin-red: #e78284;
+ --catppuccin-yellow: #e5c890;
+
+ --highlight-primary: transparent;
+ --highlight-secondary: var(--catppuccin-surface0);
+ --highlight-hover: var(--catppuccin-surface0);
+ --background: var(--catppuccin-base);
+ --highlight-hover: var(--catppuccin-surface0);
+ --card-background: var(--catppuccin-surface0);
+ --text: var(--catppuccin-text);
+ --text-header: var(--catppuccin-text);
+ --text-title: var(--catppuccin-text);
+ --text-subtitle: var(--catppuccin-teal);
+ --link: var(--catppuccin-green);
+ --link-hover: var(--catppuccin-green);
+}
+
+/* Header */
+
+/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
+
+#app.theme-default.is-dark #bighead {
+ background-image: url('../assets/images/romb.png');
+ background-size: cover;
+ background-position: center;
+}
+
+#app.theme-default.is-dark .logo {
+ color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.is-dark .first-line .headline {
+ color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.is-dark .navbar-start i {
+ color: var(--catppuccin-teal);
+}
+
+#app.theme-default.is-dark [title='Auto-switch'] {
+ color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.is-dark [title='Dark theme'] {
+ color: var(--catppuccin-peach);
+}
+
+#app.theme-default.is-dark .navbar-item .fa-columns {
+ color: var(--catppuccin-green);
+}
+
+#app.theme-default.is-dark .navbar-item .fa-list {
+ color: var(--catppuccin-teal);
+}
+
+#app.theme-default.is-dark .search-bar .search-label:before {
+ color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.is-dark .search-bar input {
+ background-color: var(--catppuccin-base);
+}
+
+#app.theme-default.is-dark .search-bar > input:nth-child(2) {
+ color: var(--catppuccin-text);
+}
+
+#app.theme-default.is-dark .search-bar input:focus-visible {
+ outline: none;
+}
+
+/* Message */
+
+#app.theme-default.is-dark .message-header {
+ color: var(--catppuccin-text);
+ background-color: var(--catppuccin-surface0);
+ border-style: none none solid none;
+ border-width: thin;
+}
+
+#app.theme-default.is-dark .is-info .message-header {
+ border-color: var(--catppuccin-teal);
+}
+
+#app.theme-default.is-dark .is-info .message-header i {
+ color: var(--catppuccin-teal);
+}
+
+#app.theme-default.is-dark .is-success .message-header {
+ border-color: var(--catppuccin-green);
+}
+
+#app.theme-default.is-dark .is-success .message-header i {
+ color: var(--catppuccin-green);
+}
+
+#app.theme-default.is-dark .is-warning .message-header {
+ border-color: var(--catppuccin-peach);
+}
+
+#app.theme-default.is-dark .is-warning .message-header i {
+ color: var(--catppuccin-peach);
+}
+
+#app.theme-default.is-dark .is-danger .message-header {
+ border-color: var(--catppuccin-red);
+}
+
+#app.theme-default.is-dark .is-danger .message-header i {
+ color: var(--catppuccin-red);
+}
+
+/* Cards */
+
+#app.theme-default.is-dark .tag {
+ background-color: var(--catppuccin-pink);
+ color: var(--catppuccin-text);
+}
+
+#app.theme-default.is-dark .status.unknown::before {
+ background-color: var(--catppuccin-yellow);
+ border-color: var(--catppuccin-yellow);
+ box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
+}
+
+#app.theme-default.is-dark .status.bad::before {
+ background-color: var(--catppuccin-red);
+ border-color: var(--catppuccin-red);
+ box-shadow: 0 0 5px 1px var(--catppuccin-red);
+}
+
+#app.theme-default.is-dark .status.running::before {
+ background-color: var(--catppuccin-green);
+ border-color: var(--catppuccin-green);
+ box-shadow: 0 0 5px 1px var(--catppuccin-green);
+}
+
+body #app .card:hover {
+ background-color: #51576d; /* Surface1 */
+}
+
+/* Footer */
+#app.theme-default.is-dark .footer {
+ color: var(--catppuccin-text);
+}
+
+/* Adds spacing to the bottom of cards */
+body #app .card-content {
+ margin-bottom: 0.55rem;
+}
+
+/* Custom font using Fira Code */
+body #bighead .navbar a {
+ font-family: 'Fira Code', monospace;
+}
+
+body #app .title {
+ font-family: 'Fira Code', monospace;
+}
diff --git a/docker-compose/homer/assets/config.yml b/docker-compose/homer/assets/config.yml
index f4378551..977c348c 100644
--- a/docker-compose/homer/assets/config.yml
+++ b/docker-compose/homer/assets/config.yml
@@ -1,41 +1,21 @@
---
# https://github.com/bastienwirtz/homer/blob/main/docs/configuration.md
title: "Homer"
-logo: "assets/icons/homer.png"
header: false
footer: false
columns: "4"
+# Set the default layout and color scheme
+defaults:
+ layout: columns # Either 'columns', or 'list'
+ colorTheme: dark # One of 'auto', 'light', or 'dark'
+
+stylesheet:
+ - 'assets/catppuccin-frappe.css'
-theme: default
-colors:
- light:
- highlight-primary: "#3367d6"
- highlight-secondary: "#4285f4"
- highlight-hover: "#5a95f5"
- background: "#f5f5f5"
- card-background: "#ffffff"
- text: "#363636"
- text-header: "#ffffff"
- text-title: "#303030"
- text-subtitle: "#424242"
- card-shadow: rgba(0, 0, 0, 0.1)
- link-hover: "#363636"
- dark:
- highlight-primary: "#3367d6"
- highlight-secondary: "#4285f4"
- highlight-hover: "#5a95f5"
- background: "#131313"
- card-background: "#2b2b2b"
- text: "#eaeaea"
- text-header: "#ffffff"
- text-title: "#fafafa"
- text-subtitle: "#f5f5f5"
- card-shadow: rgba(0, 0, 0, 0.4)
- link-hover: "#ffdd57"
@@ -47,69 +27,28 @@ links:
- name: "Management"
icon: "fas fa-code-branch"
url: "#mgmt"
- - name: "Extern"
- icon: "fas fa-file-alt"
- url: "#papa"
- - name: "Test"
- icon: "fas fa-globe"
- url: "#test"
# wetter
# https://github.com/bastienwirtz/homer/pull/181
services:
- - name: "Wetter"
- icon: "fas fa-cloud"
- items:
- - name: "Weather"
- location: "Burg" # your location.
- locationId: "2941501" # OpenWeatherMap city ID.
- apiKey: "c1ec4c040abfa80b991c72d48b49d4a0" # insert your own API key here. Request one from https://openweathermap.org/api.
- units: "metric" # units to display temperature. Can be one of: metric, imperial, kelvin. Defaults to kelvin.
- background: "none" # choose which type of background you want behind the image. Can be one of: square, cicle, none. Defaults to none.
- type: "OpenWeather"
- - name: "Weather"
- location: "Magdeburg"
- locationId: "2874545"
- apiKey: "c1ec4c040abfa80b991c72d48b49d4a0"
- units: "metric"
- background: "none"
- type: "OpenWeather"
-
-
- - name: "Help"
- icon: "fas fa-cloud"
- items:
- - name: "Crontab Guru"
- logo: "assets/icons/healthchecks.png"
- url: "https://crontab.guru"
- target: "_blank"
- - name: "Epoch Converter"
- logo: "assets/icons/epochconverter.png"
- url: "https://www.epochconverter.com"
- target: "_blank"
- - name: "fstab Generator"
- logo: "assets/icons/sabnzbd.png"
- url: "https://epistel.no/fstab/"
- target: "_blank"
- - name: "chmod Calculator"
- logo: "assets/icons/redis.png"
- url: "https://chmod-calculator.com"
- target: "_blank"
- - name: "composerizer"
- logo: "assets/icons/docker.png"
- url: "https://www.composerize.com"
- target: "_blank"
- subtitle: "docker-run to docker-compose"
- - name: "Umrechner Bytes"
- logo: "assets/icons/bytes.png"
- url: "https://www.fischerclan.de/byte_umrechner.html"
- target: "_blank"
- - name: "git revert..."
- logo: "assets/icons/netatmo.png"
- url: "https://sethrobertson.github.io/GitFixUm/fixup.html"
- target: "_blank"
-
+# - name: "Wetter"
+# icon: "fas fa-cloud"
+# items:
+# - name: "Weather"
+# location: "Burg" # your location.
+# locationId: "2941501" # OpenWeatherMap city ID.
+# apiKey: "c1ec4c040abfa80b991c72d48b49d4a0" # insert your own API key here. Request one from https://o#penweathermap.org/api. # key deactiviert
+# units: "metric" # units to display temperature. Can be one of: metric, imperial, kelvin. Defaults to kelvin.
+# background: "none" # choose which type of background you want behind the image. Can be one of: square, cicle, none. Defaults to none.
+# type: "OpenWeather"
+# - name: "Weather"
+# location: "Magdeburg"
+# locationId: "2874545"
+# apiKey: "c1ec4c040abfa80b991c72d48b49d4a0"
+# units: "metric"
+# background: "none"
+# type: "OpenWeather"
- name: "Dienste"
icon: "fas fa-cloud"
@@ -139,7 +78,7 @@ services:
url: "http://docker10.grote.lan:3001"
target: "_blank"
subtitle: "Facebook/Instagram-to-rss"
- - name: "Navidrome - mg"
+ - name: "Navidrome"
logo: "assets/icons/navidrome.png"
url: "https://audio.mgrote.net/mg"
target: "_blank"
@@ -150,8 +89,6 @@ services:
target: "_blank"
subtitle: "Website2rss"
-
-
- name: "Web"
icon: "fas fa-cloud"
items:
@@ -184,14 +121,30 @@ services:
url: "https://hub.docker.com/r/quotengrote"
target: "_blank"
+ - name: "Help"
+ icon: "fas fa-cloud"
+ items:
+ - name: "Crontab Guru"
+ logo: "assets/icons/healthchecks.png"
+ url: "https://crontab.guru"
+ target: "_blank"
+ - name: "chmod Calculator"
+ logo: "assets/icons/redis.png"
+ url: "https://chmod-calculator.com"
+ target: "_blank"
+ - name: "composerizer"
+ logo: "assets/icons/docker.png"
+ url: "https://www.composerize.com"
+ target: "_blank"
+ subtitle: "docker-run to docker-compose"
+ - name: "git revert..."
+ logo: "assets/icons/netatmo.png"
+ url: "https://sethrobertson.github.io/GitFixUm/fixup.html"
+ target: "_blank"
- name: "Diabetes"
icon: "fas fa-cloud"
items:
- - name: "LibreView"
- logo: "assets/icons/freestyle.png"
- url: "https://www.libreview.com/glucosereports"
- target: "_blank"
- name: "DexCom Clarity"
logo: "assets/icons/dexcom.png"
url: "https://clarity.dexcom.eu/#/overview"
@@ -201,18 +154,6 @@ services:
url: "https://de-fr.my.glooko.com"
target: "_blank"
-
-
- - name: "Spiele"
- icon: "fas fa-cloud"
- items:
- - name: "Gravity Simulator"
- logo: "assets/icons/freshrss.png"
- url: "https://testtubegames.com/gravity.html"
- target: "_blank"
-
-
-
- name: "Finanzen"
icon: "fas fa-cloud"
items:
@@ -225,16 +166,6 @@ services:
url: "https://sparen.leaseplanbank.de"
target: "_blank"
-
- - name: "Dataport"
- icon: "fas fa-cloud"
- items:
- - name: "Outlook"
- logo: "assets/icons/dataport.png"
- url: "https://webmail.ondataport.de"
- target: "_blank"
- subtitle: "Webmail"
-
- name: "Solar"
icon: "fas fa-cloud"
items:
diff --git a/docker-compose/homer/assets/icons/README.md b/docker-compose/homer/assets/icons/README.md
new file mode 100644
index 00000000..015169b1
--- /dev/null
+++ b/docker-compose/homer/assets/icons/README.md
@@ -0,0 +1,12 @@
+# PWA Icons / Images
+
+We suggest you to create a svg or png icon (if it is a png icon, with the maximum resolution possible) for your application and use it to generate a favicon package in [Favicon Generator](https://realfavicongenerator.net/).
+
+Once generated, download the ZIP and use android-* icons for pwa-*:
+
+- use `android-chrome-192x192.png` for `pwa-192x192.png`
+- use `android-chrome-512x512.png` for `pwa-512x512.png`
+- `apple-touch-icon.png` is `apple-touch-icon.png`
+- `favicon.ico` is `favicon.ico`
+
+`
diff --git a/docker-compose/homer/assets/icons/android-chrome-192x192.png b/docker-compose/homer/assets/icons/android-chrome-192x192.png
new file mode 100644
index 00000000..83308e56
Binary files /dev/null and b/docker-compose/homer/assets/icons/android-chrome-192x192.png differ
diff --git a/docker-compose/homer/assets/icons/android-chrome-512x512.png b/docker-compose/homer/assets/icons/android-chrome-512x512.png
new file mode 100644
index 00000000..df464572
Binary files /dev/null and b/docker-compose/homer/assets/icons/android-chrome-512x512.png differ
diff --git a/docker-compose/homer/assets/icons/apple-touch-icon.png b/docker-compose/homer/assets/icons/apple-touch-icon.png
new file mode 100644
index 00000000..cb15b0a5
Binary files /dev/null and b/docker-compose/homer/assets/icons/apple-touch-icon.png differ
diff --git a/docker-compose/homer/assets/icons/browserconfig.xml b/docker-compose/homer/assets/icons/browserconfig.xml
new file mode 100644
index 00000000..b3930d0f
--- /dev/null
+++ b/docker-compose/homer/assets/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
+ #da532c
+
+
+
diff --git a/docker-compose/homer/assets/icons/favicon-16x16.png b/docker-compose/homer/assets/icons/favicon-16x16.png
new file mode 100644
index 00000000..9b7f3115
Binary files /dev/null and b/docker-compose/homer/assets/icons/favicon-16x16.png differ
diff --git a/docker-compose/homer/assets/icons/favicon-32x32.png b/docker-compose/homer/assets/icons/favicon-32x32.png
new file mode 100644
index 00000000..ca3a7af4
Binary files /dev/null and b/docker-compose/homer/assets/icons/favicon-32x32.png differ
diff --git a/docker-compose/homer/assets/icons/favicon.ico b/docker-compose/homer/assets/icons/favicon.ico
new file mode 100644
index 00000000..50378918
Binary files /dev/null and b/docker-compose/homer/assets/icons/favicon.ico differ
diff --git a/docker-compose/homer/assets/icons/logo.svg b/docker-compose/homer/assets/icons/logo.svg
new file mode 100644
index 00000000..89b99a10
--- /dev/null
+++ b/docker-compose/homer/assets/icons/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docker-compose/homer/assets/icons/mstile-150x150.png b/docker-compose/homer/assets/icons/mstile-150x150.png
new file mode 100644
index 00000000..3adfe7c5
Binary files /dev/null and b/docker-compose/homer/assets/icons/mstile-150x150.png differ
diff --git a/docker-compose/homer/assets/icons/pwa-192x192.png b/docker-compose/homer/assets/icons/pwa-192x192.png
new file mode 100644
index 00000000..36d87752
Binary files /dev/null and b/docker-compose/homer/assets/icons/pwa-192x192.png differ
diff --git a/docker-compose/homer/assets/icons/pwa-512x512.png b/docker-compose/homer/assets/icons/pwa-512x512.png
new file mode 100644
index 00000000..8f276479
Binary files /dev/null and b/docker-compose/homer/assets/icons/pwa-512x512.png differ
diff --git a/docker-compose/homer/assets/icons/site.webmanifest b/docker-compose/homer/assets/icons/site.webmanifest
new file mode 100644
index 00000000..b20abb7c
--- /dev/null
+++ b/docker-compose/homer/assets/icons/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/docker-compose/homer/assets/images/romb.png b/docker-compose/homer/assets/images/romb.png
new file mode 100644
index 00000000..3ebceb2e
Binary files /dev/null and b/docker-compose/homer/assets/images/romb.png differ
diff --git a/docker-compose/homer/assets/mgmt.yml b/docker-compose/homer/assets/mgmt.yml
index cd91aa77..fc999e39 100644
--- a/docker-compose/homer/assets/mgmt.yml
+++ b/docker-compose/homer/assets/mgmt.yml
@@ -18,12 +18,6 @@ links:
- name: "Management"
icon: "fas fa-code-branch"
url: "#mgmt"
- - name: "Extern"
- icon: "fas fa-file-alt"
- url: "#papa"
- - name: "Test"
- icon: "fas fa-globe"
- url: "#test"
services:
- name: "Hardware"
@@ -42,11 +36,6 @@ services:
- name: "Infra"
icon: "fas fa-cloud"
items:
- - name: "ProxMox Virtual Environment"
- logo: "assets/icons/pve.png"
- url: "https://pve5.grote.lan:8006"
- target: "_blank"
- subtitle: "Selbstbau"
- name: "Apt-Cacher-NG"
logo: "assets/icons/acng.jpg"
url: "http://acng2.grote.lan:9999/acng-report.html"
@@ -78,8 +67,19 @@ services:
target: "_blank"
subtitle: "Package-Registry"
-
-
+ - name: "Infra"
+ icon: "fas fa-cloud"
+ items:
+ - name: "ProxMox Virtual Environment - Production"
+ logo: "assets/icons/pve.png"
+ url: "https://pve5.grote.lan:8006"
+ target: "_blank"
+ subtitle: "Selbstbau"
+ - name: "ProxMox Virtual Environment - Test"
+ logo: "assets/icons/pve.png"
+ url: "https://pve5-test.grote.lan:8006"
+ target: "_blank"
+ subtitle: "Test"
- name: "Monitoring"
icon: "fas fa-cloud"
@@ -98,23 +98,33 @@ services:
- name: "Internet-MGMT"
icon: "fas fa-cloud"
items:
- - name: "IONOS"
- logo: "assets/icons/1und1.jpg"
- url: "https://login.ionos.de/#/servers/F872D83983D453EA40074C5C59AFB7DD"
- target: "_blank"
- subtitle: "tor1.mgrote.net"
- name: "Scaleway"
logo: "assets/icons/scaleway.png"
url: "https://console.scaleway.com/object-storage/buckets"
target: "_blank"
subtitle: "Scaleway S3"
- - name: "gl.inet - Cloud"
- logo: "assets/icons/gl-cloud.png"
- url: "https://www.goodcloud.xyz/#/login"
- target: "_blank"
- subtitle: "Mango MGMT"
- name: "Strato - DNS"
logo: "assets/icons/strato.jpg"
url: "https://www.strato.de/apps/CustomerService#/skl"
target: "_blank"
subtitle: "Domainverwaltung"
+
+ - name: "Extern - NAS"
+ icon: "fas fa-cloud"
+ items:
+ - name: "QNAP TS-251+"
+ logo: "assets/icons/qnap.png"
+ url: "http://192.168.3.108:8080"
+ target: "_blank"
+
+ - name: "Extern - Network"
+ icon: "fas fa-cloud"
+ items:
+ - name: "Speedport Smart 3"
+ logo: "assets/icons/speedport.png"
+ url: "http://192.168.3.1"
+ target: "_blank"
+ - name: "Netgear GS308E"
+ logo: "assets/icons/switch.png"
+ url: "http://192.168.3.147"
+ target: "_blank"
diff --git a/docker-compose/homer/assets/papa.yml b/docker-compose/homer/assets/papa.yml
deleted file mode 100644
index bc86ff9a..00000000
--- a/docker-compose/homer/assets/papa.yml
+++ /dev/null
@@ -1,46 +0,0 @@
----
-# Additionnal page configuration
-
-# Additionnal configurations are loaded using its file name, minus the extension, as an anchor (https://#).
-# `config.yml` is still used as a base configuration, and all values here will overwrite it, so you don't have to re-defined everything
-
-
-subtitle: "Papa's Dienste"
-
-# This overwrites message config. Setting it to empty to remove message from this page and keep it only in the main one:
-message: "Nur per VPN erreichbar, @home über den Router als s2s-Tunnel umgesetzt."
-
-# as we want to include a differente link here (so we can get back to home page), we need to replicate all links or they will be revome when overwriting the links field:
-links:
- - name: "Homepage"
- icon: "fas fa-heartbeat"
- url: "http://docker10.grote.lan:333"
- - name: "Management"
- icon: "fas fa-code-branch"
- url: "#mgmt"
- - name: "Extern"
- icon: "fas fa-file-alt"
- url: "#papa"
- - name: "Test"
- icon: "fas fa-globe"
- url: "#test"
-
-services:
- - name: "Storage"
- icon: "fas fa-cloud"
- items:
- - name: "QNAP TS-251+"
- logo: "assets/icons/qnap.png"
- url: "http://192.168.3.108:8080"
- target: "_blank"
- - name: "Network"
- icon: "fas fa-cloud"
- items:
- - name: "Speedport Smart 3"
- logo: "assets/icons/speedport.png"
- url: "http://192.168.3.1"
- target: "_blank"
- - name: "Netgear GS308E"
- logo: "assets/icons/switch.png"
- url: "http://192.168.3.147"
- target: "_blank"
diff --git a/docker-compose/homer/assets/test.yml b/docker-compose/homer/assets/test.yml
deleted file mode 100644
index 97dbc928..00000000
--- a/docker-compose/homer/assets/test.yml
+++ /dev/null
@@ -1,36 +0,0 @@
----
-# Additionnal page configuration
-
-# Additionnal configurations are loaded using its file name, minus the extension, as an anchor (https://#).
-# `config.yml` is still used as a base configuration, and all values here will overwrite it, so you don't have to re-defined everything
-
-
-subtitle: "Test/Staging"
-
-# This overwrites message config. Setting it to empty to remove message from this page and keep it only in the main one:
-# message: ~
-
-# as we want to include a differente link here (so we can get back to home page), we need to replicate all links or they will be revome when overwriting the links field:
-links:
- - name: "Homepage"
- icon: "fas fa-heartbeat"
- url: "http://docker10.grote.lan:333"
- - name: "Management"
- icon: "fas fa-code-branch"
- url: "#mgmt"
- - name: "Extern"
- icon: "fas fa-file-alt"
- url: "#papa"
- - name: "Test"
- icon: "fas fa-globe"
- url: "#test"
-
-services:
- - name: "Infra"
- icon: "fas fa-cloud"
- items:
- - name: "ProxMox Virtual Environment"
- logo: "assets/icons/pve.png"
- url: "https://pve5-test.grote.lan:8006"
- target: "_blank"
- subtitle: "VM"