Με αφορμή τη λύση του @sv1sjp αυτό που εγώ χρησιμοποιώ το homer
Χρησιμοποιώ dietpi και υπάρχει στα διαθέσιμα προγράμματα. To στήσιμο του απαιτεί να πειράξεις το αρχείο /var/www/homer/assets/config.yml. Το παραπάνω το φτιάχνει το παρακάτω αρχείο
---
# Homepage configuration
# See https://fontawesome.com/v5/search for icons options
title: "Local Appliances"
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: "GizmoPi"
icon: "fas fa-cloud"
items:
- name: "GizmoPi Cockpit"
subtitle: "System managment"
url: "http://gizmopi.local:9090"
logo: "http://gizmopi.local:9090/favicon.png"
- name: "Gitea"
subtitle: "iVersion Control"
url: "http://gizmopi.local:3000"
logo: "http://gizmopi.local:3000/assets/img/favicon.svg"
- name: Pihole
icon: "fas fa-cloud"
items:
- name: "PietPi"
logo: "http://pihole.local/admin/img/logo.svg"
subtitle: "add blocker"
keywords: "self hosted dietpi"
url: "http://pihole.local/admin/"
- name: "Dietpi Dashboard"
subtitle: "System stats and terminal"
url: "http://pihole.local:5252"
logo: "http://pihole.local:5252/favicon.png"
- name: "Dietpi Monitor"
subtitle: "System monitor"
url: "http://pihole.local:8888"
Είναι λίγο ποιο μπελαλίδικο, αλλά είναι ελαφρύ και μια φορά το κάνεις στην τελική. Το μόνο που με δυσκόλεψε είναι να βρω τα icons 
Και ένα /var/www/index.html που κάνει το redirect
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; url=http://gizmopi.local/homer/">
<script type="text/javascript">
window.location.href = "http://gizmopi.local/homer/"
</script>
<title>Page Redirection</title>
</head>
<body>
<!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
If you are not redirected automatically, follow this <a href='http://gizmopi.local/homer/'>Admin</a>.
</body>
</html>
Υπάρχουν κάποια θέματα που μπορείς να βρεις εδώ. Για περισσότερα στη σελίδα του