Refine demo content

dummy-data/README.md

@@ -11,5 +11,5 @@ The principle is simple: save a sample output of the API used in the service in
 Example:
 ```
 mkdir pihole
-curl http://my-pihile.me/admin/api.php -o pihole/api.php # /admin is omited because for PiHole, the implementation expect it to be in the base url (`url` or `enpoint` property)
+curl http://my-pihole.me/admin/api.php -o pihole/api.php # /admin is omited because for PiHole, the implementation expect it to be in the base url (`url` or `enpoint` property)
 ```

dummy-data/proxmox/api2/json/nodes/node1/qemu

@@ -0,0 +1,35 @@
+{
+	"data": [{
+		"disk": 0,
+		"mem": 983848043,
+		"cpus": 2,
+		"pid": 1218,
+		"maxdisk": 107374182400,
+		"netin": 43863882954,
+		"diskread": 0,
+		"diskwrite": 0,
+		"name": "HAOS",
+		"netout": 10426448652,
+		"cpu": 0.00879886290177172,
+		"uptime": 3390069,
+		"status": "running",
+		"maxmem": 3221225472,
+		"vmid": 100
+	}, {
+		"cpu": 0.00219971572544293,
+		"name": "debian1",
+		"netout": 919020028,
+		"vmid": 101,
+		"maxmem": 4294967296,
+		"uptime": 3390064,
+		"status": "running",
+		"maxdisk": 107374182400,
+		"pid": 1295,
+		"cpus": 2,
+		"disk": 0,
+		"mem": 2755160795,
+		"diskread": 0,
+		"diskwrite": 0,
+		"netin": 5105600872
+	}]
+}

dummy-data/proxmox/api2/json/nodes/node1/qemu/index.html

@@ -1 +0,0 @@
-{"data":[{"disk":0,"mem":983848043,"cpus":2,"pid":1218,"maxdisk":107374182400,"netin":43863882954,"diskread":0,"diskwrite":0,"name":"HAOS","netout":10426448652,"cpu":0.00879886290177172,"uptime":3390069,"status":"running","maxmem":3221225472,"vmid":100},{"cpu":0.00219971572544293,"name":"debian1","netout":919020028,"vmid":101,"maxmem":4294967296,"uptime":3390064,"status":"running","maxdisk":107374182400,"pid":1295,"cpus":2,"disk":0,"mem":2755160795,"diskread":0,"diskwrite":0,"netin":5105600872}]}

public/assets/config-demo.yml.dist

@@ -8,7 +8,7 @@ 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.
+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
@@ -42,11 +42,9 @@ colors:
 
 # Optional message
 message:
-  #url: https://b4bz.io
   style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
-  title: "Demo !"
+  title: "👋 Welcome !"
-  icon: "fa fa-grin"
+  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>"
-  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
@@ -55,9 +53,9 @@ links:
     icon: "fab fa-github"
     url: "https://github.com/bastienwirtz/homer"
     target: "_blank" # optional html a tag target attribute
-  - name: "Wiki"
+  - name: "Documentation"
     icon: "fas fa-book"
-    url: "https://www.wikipedia.org/"
+    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!"
@@ -68,32 +66,51 @@ links:
 # 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"
+  - name: "My apps"
     icon: "fas fa-cloud"
     items:
-      - name: "Awesome app"
+      - 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/"
-        target: "_blank" # optional html a tag target attribute
+  - name: "Tools"
-      - name: "Another one"
+    icon: "fa-solid fa-screwdriver-wrench"
-        logo: "assets/tools/sample2.png"
+    items:
-        subtitle: "Another application"
+      - name: "Example item"
+        logo: "assets/tools/sample.png"
+        subtitle: "This another example"
         tag: "app"
+        keywords: "demo"
         url: "#"
-      - name: "Pi-hole"
+        target: "_blank" 
-        logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/pihole.png"
+  - name: "interesting links"
-        url: "#"
+    icon: "fas fa-solid fa-arrow-up-right-from-square"
-        endpoint: "https://homer-demo-content.netlify.app/pihole"
+    items:
-        type: "PiHole"
+      - name: "r/selfhosted"
-      - name: "Proxmox - Node1"
+        icon: "fa-brands fa-reddit-alien"
-        logo: "https://camo.githubusercontent.com/2df2ac41e1b8a1484be236c75e395981b31bfd670eff46b5c182ea0be9475310/68747470733a2f2f7777772e70726f786d6f782e636f6d2f696d616765732f70726f786d6f782f50726f786d6f785f73796d626f6c5f7374616e646172645f6865782e706e67"
+        subtitle: "Bookmark example"
-        type: "Proxmox"
+        tag: "reddit"
-        tag: "sys"
+        url: "https://www.reddit.com/r/selfhosted/"
-        url: "https://homer-demo-content.netlify.app/proxmox"
+        target: "_blank" 
-        node: "node1"
+      - name: "Awesome selfhosted"
-        warning_value: 50
+        icon: "fa-brands fa-github-alt"
-        danger_value: 80
+        subtitle: "Another application"
-        api_token: "PVEAPIToken=root@pam!monitoring=baaaa46c1-7aee-4f13-b3e5-754d856111a9"
+        tag: "awesome-list"
+        url: "https://github.com/awesome-selfhosted/awesome-selfhosted"