]>
Commit | Line | Data |
---|---|---|
1 | --- | |
2 | # Homepage configuration | |
3 | # See https://fontawesome.com/v5/search for icons options | |
4 | ||
5 | title: "Demo dashboard" | |
6 | subtitle: "Homer" | |
7 | logo: "logo.png" | |
8 | # icon: "fas fa-skull-crossbones" # Optional icon | |
9 | ||
10 | header: true | |
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. | |
12 | ||
13 | # Optional theme customization | |
14 | theme: default | |
15 | colors: | |
16 | light: | |
17 | highlight-primary: "#3367d6" | |
18 | highlight-secondary: "#4285f4" | |
19 | highlight-hover: "#5a95f5" | |
20 | background: "#f5f5f5" | |
21 | card-background: "#ffffff" | |
22 | text: "#363636" | |
23 | text-header: "#ffffff" | |
24 | text-title: "#303030" | |
25 | text-subtitle: "#424242" | |
26 | card-shadow: rgba(0, 0, 0, 0.1) | |
27 | link: "#3273dc" | |
28 | link-hover: "#363636" | |
29 | dark: | |
30 | highlight-primary: "#3367d6" | |
31 | highlight-secondary: "#4285f4" | |
32 | highlight-hover: "#5a95f5" | |
33 | background: "#131313" | |
34 | card-background: "#2b2b2b" | |
35 | text: "#eaeaea" | |
36 | text-header: "#ffffff" | |
37 | text-title: "#fafafa" | |
38 | text-subtitle: "#f5f5f5" | |
39 | card-shadow: rgba(0, 0, 0, 0.4) | |
40 | link: "#3273dc" | |
41 | link-hover: "#ffdd57" | |
42 | ||
43 | # Optional message | |
44 | message: | |
45 | style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options. | |
46 | title: "👋 Welcome !" | |
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>" | |
48 | ||
49 | # Optional navbar | |
50 | # links: [] # Allows for navbar (dark mode, layout, and search) without any links | |
51 | links: | |
52 | - name: "Contribute" | |
53 | icon: "fab fa-github" | |
54 | url: "https://github.com/bastienwirtz/homer" | |
55 | target: "_blank" # optional html a tag target attribute | |
56 | - name: "Documentation" | |
57 | icon: "fas fa-book" | |
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" | |
64 | ||
65 | # Services | |
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). | |
68 | services: | |
69 | - name: "My apps" | |
70 | icon: "fas fa-cloud" | |
71 | items: | |
72 | - name: "Pi-hole" | |
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" | |
76 | type: "PiHole" | |
77 | - name: "Proxmox - Node1" | |
78 | logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/proxmox.png" | |
79 | type: "Proxmox" | |
80 | tag: "sys" | |
81 | url: "https://www.proxmox.com/en/" | |
82 | endpoint: "https://homer-demo-content.netlify.app/proxmox" | |
83 | node: "node1" | |
84 | warning_value: 50 | |
85 | danger_value: 80 | |
86 | api_token: "xxxxxxxxxxxx" | |
87 | - name: "An awesome app" | |
88 | logo: "assets/tools/sample.png" | |
89 | subtitle: "Bookmark example" | |
90 | tag: "app" | |
91 | keywords: "self hosted reddit" | |
92 | url: "https://www.reddit.com/r/selfhosted/" | |
93 | - name: "Tools" | |
94 | icon: "fa-solid fa-screwdriver-wrench" | |
95 | items: | |
96 | - name: "Octoprint" | |
97 | logo: "https://cdn-icons-png.flaticon.com/512/3112/3112529.png" | |
98 | apikey: "xxxxxxxxxxxx" | |
99 | endpoint: "https://homer-demo-content.netlify.app/octoprint" | |
100 | type: "OctoPrint" | |
101 | - name: "Example item" | |
102 | logo: "assets/tools/sample.png" | |
103 | subtitle: "This another example" | |
104 | tag: "app" | |
105 | keywords: "demo" | |
106 | url: "#" | |
107 | target: "_blank" | |
108 | - name: "Weather" | |
109 | location: "Lyon" | |
110 | apikey: "xxxxxxxxxxxx" # insert your own API key here. Request one from https://openweathermap.org/api. | |
111 | units: "metric" | |
112 | endpoint: "https://homer-demo-content.netlify.app/openweather/weather" | |
113 | type: "OpenWeather" | |
114 | - name: "interesting links" | |
115 | icon: "fas fa-solid fa-arrow-up-right-from-square" | |
116 | items: | |
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" | |
124 | tag: "reddit" | |
125 | url: "https://www.reddit.com/r/selfhosted/" | |
126 | target: "_blank" | |
127 | - name: "Awesome selfhosted" | |
128 | icon: "fa-brands fa-github-alt" | |
129 | subtitle: "Another application" | |
130 | tag: "awesome-list" | |
131 | url: "https://github.com/awesome-selfhosted/awesome-selfhosted" |