diff --git a/caddy/site/orlop/orlop.png b/caddy/site/orlop/icon.png
similarity index 100%
rename from caddy/site/orlop/orlop.png
rename to caddy/site/orlop/icon.png
diff --git a/caddy/site/orlop/index.html b/caddy/site/orlop/index.html
index c95ed57..72bc0b3 100644
--- a/caddy/site/orlop/index.html
+++ b/caddy/site/orlop/index.html
@@ -4,7 +4,7 @@
    <meta name="description" content="caddy test" />
    <meta name="author" content="andy bunce." />
 	<title>Orlop domain</title>
-	<link rel="shortcut icon" href="orlop.png"/>
+	<link rel="shortcut icon" href="icon.png"/>
 	<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
 	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" >
   <link href="https://cdn.jsdelivr.net/npm/vuetify@2.6.x/dist/vuetify.min.css" rel="stylesheet">
@@ -22,6 +22,7 @@
 	  </div>
 	  <v-container>
 	   <v-row>
+         <!-- item={href,port,text} -->
         <v-col v-for="item in links">
           <v-card width="10em">
               <v-card-title class="text-caption">
diff --git a/caddy/site/orlop/index.js b/caddy/site/orlop/index.js
new file mode 100644
index 0000000..94f8124
--- /dev/null
+++ b/caddy/site/orlop/index.js
@@ -0,0 +1,27 @@
+// app
+var app = new Vue({ 
+    el: '#app',
+    vuetify: new Vuetify(),
+    data: {
+        message: 'Hello Vue!',
+        links: null,
+        hits:0,
+        loaded: null,
+        target: "caddy",
+        targets: ["srv","top","new"]
+        		
+    },
+
+  methods:{
+	  load() {
+		      this.loaded =  new Date()
+		      this.hits += 1
+			  fetch("links.json")
+		        .then(response => response.json())
+		        .then(data => (this.links = data));
+           }
+  },
+  mounted () {
+      this.load()  
+    }
+});
diff --git a/caddy/site/orlop/links.json b/caddy/site/orlop/links.json
new file mode 100644
index 0000000..26c0230
--- /dev/null
+++ b/caddy/site/orlop/links.json
@@ -0,0 +1,7 @@
+[
+ {"href": "about.orlop.duckdns.org", "text": "about", "port": "19999"},
+ {"href": "jellyfin.orlop.duckdns.org", "text": "jellyfin", "port": "9000"},
+ {"href": "emby.orlop.duckdns.org", "text": "emby", "port": "9981"},
+ {"href": "tvheadend.orlop.duckdns.org", "text": "tvheadend", "port": "8088"}
+ 
+]
\ No newline at end of file
diff --git a/caddy/site/quodatum/quodatum.png b/caddy/site/quodatum/icon.png
similarity index 100%
rename from caddy/site/quodatum/quodatum.png
rename to caddy/site/quodatum/icon.png
diff --git a/caddy/site/quodatum/index.js b/caddy/site/quodatum/index.js
new file mode 100644
index 0000000..94f8124
--- /dev/null
+++ b/caddy/site/quodatum/index.js
@@ -0,0 +1,27 @@
+// app
+var app = new Vue({ 
+    el: '#app',
+    vuetify: new Vuetify(),
+    data: {
+        message: 'Hello Vue!',
+        links: null,
+        hits:0,
+        loaded: null,
+        target: "caddy",
+        targets: ["srv","top","new"]
+        		
+    },
+
+  methods:{
+	  load() {
+		      this.loaded =  new Date()
+		      this.hits += 1
+			  fetch("links.json")
+		        .then(response => response.json())
+		        .then(data => (this.links = data));
+           }
+  },
+  mounted () {
+      this.load()  
+    }
+});
diff --git a/caddy/site/quodatum/links.json b/caddy/site/quodatum/links.json
new file mode 100644
index 0000000..a6e510a
--- /dev/null
+++ b/caddy/site/quodatum/links.json
@@ -0,0 +1,14 @@
+[
+ {"href": "http://n2-plus.local:19999/", "text": "netdata", "port": "19999"},
+ {"href": "http://n2-plus.local:9000/", "text": "portainer", "port": "9000"},
+ {"href": "http://n2-plus.local:9981/", "text": "tvheadend", "port": "9981"},
+ {"href": "http://n2-plus.local:8088/", "text": "tiddly", "port": "8088"},
+ {"href": "http://n2-plus.local:8002/", "text": "piwigo", "port": "8002"},
+ {"href": "http://n2-plus.local:3030/", "text": "fuseki", "port": "3030"},
+ {"href": "http://n2-plus.local:8002/", "text": "portainer", "port": "8002"},
+ {"href": "http://n2-plus.local:8443/", "text": "code-server", "port": "8443"},
+ {"href": "http://n2-plus.local:8444/", "text": "code-server4", "port": "8444"},
+ {"href": "http://n2-plus.local:8300/", "text": "gitea", "port": "8300"},
+ {"href": "http://n2-plus.local", "text": "caddy", "port": "80"},
+ {"href": "http://fish.local", "text": "fish", "port": ""}
+]
\ No newline at end of file