Refine demo content

1 files changed, 41 insertions, 24 deletions

diff --git a/public/assets/config-demo.yml.dist b/public/assets/config-demo.yml.dist
index 5bd9bae..153ff6c 100644
--- a/public/assets/config-demo.yml.dist
+++ b/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 !"
-  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>"
+  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
@@ -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"
-        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: "#"
       - name: "Pi-hole"
         logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/pihole.png"
-        url: "#"
+        url: "https://pi-hole.net/"
         endpoint: "https://homer-demo-content.netlify.app/pihole"
         type: "PiHole"
       - name: "Proxmox - Node1"
-        logo: "https://camo.githubusercontent.com/2df2ac41e1b8a1484be236c75e395981b31bfd670eff46b5c182ea0be9475310/68747470733a2f2f7777772e70726f786d6f782e636f6d2f696d616765732f70726f786d6f782f50726f786d6f785f73796d626f6c5f7374616e646172645f6865782e706e67"
+        logo: "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/proxmox.png"
         type: "Proxmox"
         tag: "sys"
-        url: "https://homer-demo-content.netlify.app/proxmox"
+        url: "https://www.proxmox.com/en/"
+        endpoint: "https://homer-demo-content.netlify.app/proxmox"
         node: "node1"
         warning_value: 50
         danger_value: 80
-        api_token: "PVEAPIToken=root@pam!monitoring=baaaa46c1-7aee-4f13-b3e5-754d856111a9"
+        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: "Example item"
+        logo: "assets/tools/sample.png"
+        subtitle: "This another example"
+        tag: "app"
+        keywords: "demo"
+        url: "#"
+        target: "_blank" 
+  - name: "interesting links"
+    icon: "fas fa-solid fa-arrow-up-right-from-square"
+    items:
+      - 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"