2 # Homepage configuration
3 # See https://fontawesome.com/v5/search for icons options
5 title: "Demo dashboard"
8 # icon: "fas fa-skull-crossbones" # Optional icon
11 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.
13 # Optional theme customization
17 highlight-primary: "#3367d6"
18 highlight-secondary: "#4285f4"
19 highlight-hover: "#5a95f5"
21 card-background: "#ffffff"
23 text-header: "#ffffff"
25 text-subtitle: "#424242"
26 card-shadow: rgba(0, 0, 0, 0.1)
30 highlight-primary: "#3367d6"
31 highlight-secondary: "#4285f4"
32 highlight-hover: "#5a95f5"
34 card-background: "#2b2b2b"
36 text-header: "#ffffff"
38 text-subtitle: "#f5f5f5"
39 card-shadow: rgba(0, 0, 0, 0.4)
45 style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
47 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>"
50 # links: [] # Allows for navbar (dark mode, layout, and search) without any links
54 url: "https://github.com/bastienwirtz/homer"
55 target: "_blank" # optional html a tag target attribute
56 - name: "Documentation"
58 url: "https://github.com/bastienwirtz/homer/blob/main/README.md#table-of-contents"
59 # 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
60 # see url field and assets/additional-page.yml.dist used in this example:
61 - name: "another page!"
62 icon: "fas fa-file-alt"
63 url: "#additional-page"
66 # First level array represent a group.
67 # Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed).
73 logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/pihole.png"
74 url: "https://pi-hole.net/"
75 endpoint: "https://homer-demo-content.netlify.app/pihole"
77 - name: "Proxmox - Node1"
78 logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/proxmox.png"
81 url: "https://www.proxmox.com/en/"
82 endpoint: "https://homer-demo-content.netlify.app/proxmox"
86 api_token: "xxxxxxxxxxxx"
87 - name: "An awesome app"
88 logo: "assets/tools/sample.png"
89 subtitle: "Bookmark example"
91 keywords: "self hosted reddit"
92 url: "https://www.reddit.com/r/selfhosted/"
94 icon: "fa-solid fa-screwdriver-wrench"
97 logo: "https://cdn-icons-png.flaticon.com/512/3112/3112529.png"
98 apikey: "xxxxxxxxxxxx"
99 endpoint: "https://homer-demo-content.netlify.app/octoprint"
101 - name: "Example item"
102 logo: "assets/tools/sample.png"
103 subtitle: "This another example"
110 apikey: "xxxxxxxxxxxx" # insert your own API key here. Request one from https://openweathermap.org/api.
112 endpoint: "https://homer-demo-content.netlify.app/openweather/weather"
114 - name: "interesting links"
115 icon: "fas fa-solid fa-arrow-up-right-from-square"
117 - name: "Buy me a coffee !"
118 subtitle: "If you want to support me, buy me a coffee "
119 logo: "https://www.buymeacoffee.com/assets/img/guidelines/logo-mark-1.svg"
120 url: "https://www.buymeacoffee.com/bastien"
121 - name: "r/selfhosted"
122 icon: "fa-brands fa-reddit-alien"
123 subtitle: "Bookmark example"
125 url: "https://www.reddit.com/r/selfhosted/"
127 - name: "Awesome selfhosted"
128 icon: "fa-brands fa-github-alt"
129 subtitle: "Another application"
131 url: "https://github.com/awesome-selfhosted/awesome-selfhosted"