Upload files to ""

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`
+
+`

additional-page.yml.dist

@@ -0,0 +1,35 @@
+---
+# Additional page configuration
+
+# Additional configurations are loaded using its file name, minus the extension, as an anchor (https://<mydashboad>#<config>). 
+# `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: "this is another dashboard page"
+
+# 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: "Home"
+    icon: "fas fa-home"
+    url: "#"
+  - name: "Contribute"
+    icon: "fab fa-github"
+    url: "https://github.com/bastienwirtz/homer"
+    target: "_blank" # optional html a tag target attribute
+  - name: "Wiki"
+    icon: "fas fa-book"
+    url: "https://www.wikipedia.org/"
+
+services:
+  - name: "More applications on another page!"
+    icon: "fas fa-cloud"
+    items:
+      - name: "Awesome app on a second page!"
+        logo: "assets/tools/sample.png"
+        subtitle: "Bookmark example"
+        tag: "app"
+        url: "https://www.reddit.com/r/selfhosted/"
+        target: "_blank"

config-demo.yml.dist

@@ -0,0 +1,131 @@
+---
+# Homepage configuration
+# See https://fontawesome.com/v5/search for icons options
+
+title: "Demo dashboard"
+subtitle: "Homer"
+logo: "logo.png"
+# icon: "fas fa-skull-crossbones" # Optional icon
+
+header: true
+footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">Bulma</a>, <a href="https://vuejs.org/">Vue.js</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
+
+# Optional theme customization
+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: "#3273dc"
+    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: "#3273dc"
+    link-hover: "#ffdd57"
+
+# Optional message
+message:
+  style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
+  title: "👋 Welcome !"
+  content: "This demo page shows an overview of Homer possibilities. Feel free to click anywhere!<br /> Find more information on <a href='https://github.com/bastienwirtz/homer'>github.com/bastienwirtz/homer</a>"
+
+# Optional navbar
+# links: [] # Allows for navbar (dark mode, layout, and search) without any links
+links:
+  - name: "Contribute"
+    icon: "fab fa-github"
+    url: "https://github.com/bastienwirtz/homer"
+    target: "_blank" # optional html a tag target attribute
+  - name: "Documentation"
+    icon: "fas fa-book"
+    url: "https://github.com/bastienwirtz/homer/blob/main/README.md#table-of-contents"
+  # this will link to a second homer page that will load config from additional-page.yml and keep default config values as in config.yml file
+  # see url field and assets/additional-page.yml.dist used in this example:
+  - name: "another page!"
+    icon: "fas fa-file-alt"
+    url: "#additional-page" 
+
+# Services
+# First level array represent a group.
+# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed).
+services:
+  - name: "My apps"
+    icon: "fas fa-cloud"
+    items:
+      - name: "Pi-hole"
+        logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/pihole.png"
+        url: "https://pi-hole.net/"
+        endpoint: "https://homer-demo-content.netlify.app/pihole"
+        type: "PiHole"
+      - name: "Proxmox - Node1"
+        logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/proxmox.png"
+        type: "Proxmox"
+        tag: "sys"
+        url: "https://www.proxmox.com/en/"
+        endpoint: "https://homer-demo-content.netlify.app/proxmox"
+        node: "node1"
+        warning_value: 50
+        danger_value: 80
+        api_token: "xxxxxxxxxxxx"
+      - name: "An awesome app"
+        logo: "assets/tools/sample.png"
+        subtitle: "Bookmark example"
+        tag: "app"
+        keywords: "self hosted reddit"
+        url: "https://www.reddit.com/r/selfhosted/"
+  - name: "Tools"
+    icon: "fa-solid fa-screwdriver-wrench"
+    items:
+      - name: "Octoprint"
+        logo: "https://cdn-icons-png.flaticon.com/512/3112/3112529.png"
+        apikey: "xxxxxxxxxxxx"
+        endpoint: "https://homer-demo-content.netlify.app/octoprint"
+        type: "OctoPrint"
+      - name: "Example item"
+        logo: "assets/tools/sample.png"
+        subtitle: "This another example"
+        tag: "app"
+        keywords: "demo"
+        url: "#"
+        target: "_blank" 
+      - name: "Weather"
+        location: "Lyon"
+        apikey: "xxxxxxxxxxxx" # insert your own API key here. Request one from https://openweathermap.org/api.
+        units: "metric"
+        endpoint: "https://homer-demo-content.netlify.app/openweather/weather"
+        type: "OpenWeather"
+  - name: "interesting links"
+    icon: "fas fa-solid fa-arrow-up-right-from-square"
+    items:
+      - name: "Buy me a coffee !"
+        subtitle: "If you want to support me, but me a coffee "
+        background: "#AC70DD"
+        logo: "data:image/png;base64,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"
+      - name: "r/selfhosted"
+        icon: "fa-brands fa-reddit-alien"
+        subtitle: "Bookmark example"
+        tag: "reddit"
+        url: "https://www.reddit.com/r/selfhosted/"
+        target: "_blank" 
+      - name: "Awesome selfhosted"
+        icon: "fa-brands fa-github-alt"
+        subtitle: "Another application"
+        tag: "awesome-list"
+        url: "https://github.com/awesome-selfhosted/awesome-selfhosted"

config.yml

@@ -0,0 +1,204 @@
+---
+# Homepage configuration
+# See https://fontawesome.com/v5/search for icons options
+
+title: "GCG.Dashboard"
+subtitle: "IT am GCG"
+logo: "assets/logo.png"
+# icon: "fas fa-skull-crossbones" # Optional icon
+
+header: true
+footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
+
+# Optional theme customization
+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: "#3273dc"
+    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: "#3273dc"
+    link-hover: "#ffdd57"
+
+# Optional message
+message:
+  #url: https://b4bz.io
+  style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
+  title: "Nur für interne Nutzung !"
+  icon: "fa fa-grin"
+  content: "Alle hier aufgelisteten Dienste werden intern für Schüler*innen und Lehrer*innen des Georg-Cantor-Gymnasium bereitgestellt. Der Zugang ist nicht öffentlich und wird nur auf Anfrage ermöglicht."
+
+# Optional navbar
+# links: [] # Allows for navbar (dark mode, layout, and search) without any links
+links:
+  - name: "Website des GCG"
+    icon: "fa-solid fa-globe"
+    url: "https://cantorgymnasium.de"
+    target: "_blank" # optional html a tag target attribute
+  - name: "Wiki"
+    icon: "fas fa-book"
+    url: "https://wiki.cantorgymnasium.de/"
+  # this will link to a second homer page that will load config from additional-page.yml and keep default config values as in config.yml file
+  # see url field and assets/additional-page.yml.dist used in this example:
+  #- name: "another page!"
+  #  icon: "fas fa-file-alt"
+  #  url: "#additional-page" 
+
+# Services
+# First level array represent a group.
+# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed).
+services:
+  - name: "Administration"
+    icon: "fa-solid fa-gear"
+    items:
+      - name: "NGING Proxy Manager"
+        logo: "assets/tools/npm.png"
+        subtitle: "Proxy-Verwaltung"
+        tag: "config"
+        keywords: "nginx proxy settings"
+        url: "https://npm.cantorgymnasium.de"
+        target: "_blank" # optional html a tag target attribute
+      - name: "Portainer"
+        logo: "assets/tools/portainer.png"
+        subtitle: "Docker-Verwaltung"
+        tag: "config"
+        url: "https://docker.cantorgymnasium.de"
+        target: "_blank" # optional html a tag target attribute
+      - name: "Webmin"
+        logo: "assets/tools/webmin.svg"
+        subtitle: "Server-Verwaltung"
+        tag: "config"
+        url: "https://webmin.cantorgymnasium.de:10000"
+        target: "_blank" # optional html a tag target attribute
+      - name: "Matomo"
+        logo: "assets/tools/matomo.png"
+        subtitle: "Analytik-Dashboard"
+        tag: "config"
+        url: "https://analytics.cantorgymnasium.de"
+        target: "_blank" # optional html a tag target attribute
+      - name: "Form Tools"
+        logo: "assets/tools/ft.png"
+        subtitle: "Formular-Verwaltung"
+        tag: "config"
+        url: "https://php.cantorgymnasium.de/formtools/"
+        target: "_blank" # optional html a tag target attribute
+      - name: "Uptime Kuma"
+        logo: "assets/tools/kuma.svg"
+        subtitle: "Status-Anzeige"
+        tag: "config"
+        url: "https://status.cantorgymnasium.de"
+        target: "_blank" # optional html a tag target attribute
+      - name: "CloudBeaver"
+        logo: "assets/tools/cloudbeaver.png"
+        subtitle: "Datenbankverwaltung"
+        tag: "config"
+        url: "https://db.cantorgymnasium.de"
+        target: "_blank"
+  - name: "Dienste"
+    icon: "fa-solid fa-globe"
+    items:
+      - name: "Gitea"
+        logo: "assets/tools/gitea.png"
+        subtitle: "Git Codeverwaltung"
+        tag: "gitea"
+        url: "https://git.cantorgymnasium.de"
+        target: "_blank" # optional html a tag target attribute
+      - name: "HedgeDoc"
+        logo: "assets/tools/hedgedoc.png"
+        subtitle: "Kollaborative Dokumente"
+        tag: "hedgedoc"
+        url: "https://pads.cantorgymnasium.de"
+        target: "_blank"
+      - name: "SOGo"
+        logo: "assets/tools/sogo.svg"
+        subtitle: "Webmail-Dienst"
+        tag: "mailcow"
+        url: "https://mail.cantorgymnasium.de/SOGo/"
+        target: "_blank"
+      - name: "mailcow UI"
+        logo: "assets/tools/mailcow.svg"
+        subtitle: "Mail-Verwaltung"
+        tag: "mailcow"
+        url: "https://mail.cantorgymnasium.de"
+        target: "_blank"
+      - name: "Seafile"
+        logo: "assets/tools/seafile.png"
+        subtitle: "Cloud-Dienst"
+        tag: "seafile"
+        url: "https://cloud.cantorgymnasium.de"
+        target: "_blank"
+      - name: "WikiJS"
+        logo: "assets/tools/wikijs.svg"
+        subtitle: "Internes Technik-Wiki"
+        tag: "wiki"
+        url: "https://wiki.cantorgymnasium.de"
+        target: "_blank"
+      - name: "Snipe-IT"
+        logo: "assets/tools/snipe.png"
+        subtitle: "Inventarsoftware"
+        url: "https://snipe.cantorgymnasium.de"
+        target: "_blank"
+    #  - name: "Mattermost"
+    #    logo: "assets/tools/mattermost.png"
+    #    subtitle: "Chat-Dienst"
+    #    url: "https://chat.cantorgymnasium.de"
+    #    target: "_blank"
+  - name: "Web-Dienste"
+    icon: "fa-solid fa-globe"
+    items:
+      - name: "Website"
+        logo: "assets/logo.png"
+        subtitle: "GCG-Homepage"
+        tag: "web"
+        url: "https://cantorgymnasium.de"
+        target: "_blank"
+      - name: "Website (Dev)"
+        logo: "assets/tools/logo_dev.png"
+        subtitle: "Entwicklungsinstanz"
+        tag: "web"
+        url: "https://dev.cantorgymnasium.de"
+        target: "_blank"
+      - name: "Website (Test)"
+        logo: "assets/tools/logo_dev.png"
+        subtitle: "Testinstanz"
+        tag: "web"
+        url: "https://test.cantorgymnasium.de"
+        target: "_blank"
+      - name: "Static CMS"
+        logo: "assets/tools/cms.png"
+        subtitle: "Website-Verwaltung"
+        tag: "web"
+        url: "https://cantorgymnasium.de/admin/"
+        target: "_blank"
+      - name: "Marzipano"
+        logo: "assets/tools/marzipano.png"
+        subtitle: "Digitaler Rundgang"
+        tag: "web"
+        url: "https://vr.cantorgymnasium.de"
+        target: "_blank"
+      - name: "Drone CI"
+        logo: "assets/tools/drone.svg"
+        subtitle: "Internes Pipeline-System"
+        tag: "gitea"
+        url: "https://drone.cantorgymnasium.de"
+        target: "_blank"

config.yml.dist

@@ -0,0 +1,85 @@
+---
+# Homepage configuration
+# See https://fontawesome.com/v5/search for icons options
+
+title: "Demo dashboard"
+subtitle: "Homer"
+logo: "logo.png"
+# icon: "fas fa-skull-crossbones" # Optional icon
+
+header: true
+footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
+
+# Optional theme customization
+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: "#3273dc"
+    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: "#3273dc"
+    link-hover: "#ffdd57"
+
+# Optional message
+message:
+  #url: https://b4bz.io
+  style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
+  title: "Demo !"
+  icon: "fa fa-grin"
+  content: "This is a dummy homepage demo. <br /> Find more information on <a href='https://github.com/bastienwirtz/homer'>github.com/bastienwirtz/homer</a>"
+
+# Optional navbar
+# links: [] # Allows for navbar (dark mode, layout, and search) without any links
+links:
+  - name: "Contribute"
+    icon: "fab fa-github"
+    url: "https://github.com/bastienwirtz/homer"
+    target: "_blank" # optional html a tag target attribute
+  - name: "Wiki"
+    icon: "fas fa-book"
+    url: "https://www.wikipedia.org/"
+  # this will link to a second homer page that will load config from additional-page.yml and keep default config values as in config.yml file
+  # see url field and assets/additional-page.yml.dist used in this example:
+  #- name: "another page!"
+  #  icon: "fas fa-file-alt"
+  #  url: "#additional-page" 
+
+# Services
+# First level array represent a group.
+# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed).
+services:
+  - name: "Applications"
+    icon: "fas fa-cloud"
+    items:
+      - name: "Awesome app"
+        logo: "assets/tools/sample.png"
+        subtitle: "Bookmark example"
+        tag: "app"
+        keywords: "self hosted reddit"
+        url: "https://www.reddit.com/r/selfhosted/"
+        target: "_blank" # optional html a tag target attribute
+      - name: "Another one"
+        logo: "assets/tools/sample2.png"
+        subtitle: "Another application"
+        tag: "app"
+        url: "#"

config.yml.dist.sample-sui

@@ -0,0 +1,64 @@
+---
+# Homepage configuration
+# See https://fontawesome.com/v5/search for icons options
+
+title: "Hello beautiful!"
+subtitle: "App dashboard"
+logo: false
+# icon: "fas fa-skull-crossbones" Optional icon
+
+header: true
+
+# Optional theme customization
+theme: sui
+colors:
+  light:
+    highlight-primary: transparent
+    highlight-secondary: transparent
+    highlight-hover: "#4a4a4a"
+    text-subtitle: "#424242"
+  dark:
+    background: "#2B2C56"
+    highlight-primary: transparent
+    highlight-secondary: transparent
+    highlight-hover: "#200b35"
+    text-subtitle: "#6375e8"
+
+# Optional navbar
+# links: [] # Allows for navbar (dark mode, layout, and search) without any links
+links: []
+
+# Services
+# First level array represent a group.
+# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed).
+services:
+  - name: "APPLICATIONS"
+    items:
+      - name: "Jenkins"
+        logo: "assets/tools/jenkins.png"
+        subtitle: "Continuous integration server"
+        url: "https://jenkins.io/"
+      - name: "RabbitMQ Management"
+        logo: "assets/tools/rabbitmq.png"
+        subtitle: "Manage & monitor RabbitMQ server"
+        # Optional tagstyle
+        # Same styling options as the optional message.
+        tagstyle: "is-success"
+        url: "https://www.rabbitmq.com/"
+      - name: "M/Monit"
+        logo: "assets/tools/monit.png"
+        subtitle: "Monitor & manage all monit enabled hosts"
+        url: "https://mmonit.com/monit/"
+      - name: "Grafana"
+        logo: "assets/tools/grafana.png"
+        subtitle: "Metric analytics & dashboards"
+        url: "https://grafana.com/"
+      - name: "Kibana"
+        logo: "assets/tools/elastic.png"
+        subtitle: "Explore & visualize logs"
+        url: "https://www.elastic.co/products/kibana"
+      - name: "Website monitoring"
+        logo: "assets/tools/pingdom.png"
+        subtitle: "Pingdom public reports overview"
+        tag: "CI"
+        url: "https://www.pingdom.com/"

custom.css.sample

@@ -0,0 +1,8 @@
+@charset "UTF-8";
+
+/* Custom card colors */
+/* Use with `class:` property of services in config.yml */
+body #app .card.green {
+  background-color: #006600;
+  color: #00ff00;
+}

manifest.json

@@ -0,0 +1 @@
+{"name":"Homer dashboard","short_name":"Homer","start_url":"../","display":"standalone","background_color":"#ffffff","lang":"en","scope":"../","description":"Home Server Dashboard","theme_color":"#3367D6","icons":[{"src":"./icons/pwa-192x192.png","sizes":"192x192","type":"image/png"},{"src":"./icons/pwa-512x512.png","sizes":"512x512","type":"image/png"}]}