Updated default interverse file

Updated overall look-and-feel
Cache is now ignored.

Client/.well-known/interverse

@@ -4,31 +4,52 @@
     "image": "",
     "location": "https://my.website",
     "resource_groups": {
-        "Link group 1": [{
+        "Website Content": [{
                 "label": "RSS Feed",
+                "icon": "https://upload.wikimedia.org/wikipedia/commons/d/d9/Rss-feed.svg",
+                "location": "https://my.website/rss.xml",
+                "description": ""
+            },
+            {
+                "label": "Videos",
+                "icon": "https://upload.wikimedia.org/wikipedia/commons/3/32/Video_icon_2.png",
+                "location": "https://my.website/videos",
+                "description": ""
+            }
+        ],
+        "Interverse Info": [{
+                "label": "An introduction to Interverse",
                 "icon": "",
-            "location": "https://my.website.com/rss.xml",
+                "location": "https://libresolutions.network/articles/7-interverse.html",
                 "description": ""
-        }],
+            },
-        "Website content": [{
+            {
-            "label": "Articles",
+                "label": "Demo video",
-            "icon": "https://libresolutions.network/logo.png",
+                "icon": "",
-            "location": "https:libresolutions.network/articles/",
+                "location": "https://storage.libresolutions.network/Videos/interverse-demo-01.mp4",
                 "description": ""
-        }]
+            },
+            {
+                "label": "Code",
+                "icon": "",
+                "location": "https://codeberg.org/gabe/Interverse",
+                "description": "Get started today!"
+            }
+        ]
     },
     "resources": [],
     "connection_groups": {
-        "Group1": [
+        "Libre Solutions Network": [
-            "https://libresolutions.network"
+            "https://libresolutions.network",
+            "https://gabe.rocks"
         ],
-        "Group2": ["https://retroedge.tech"],
+        "Known Interverse": [
-        "Group3": ["https://small-web.org"]
+            "https://jamespearson.xyz",
+            "https://tomfasano.net"
+
+        ]
     },
-    "connections": [
+    "connections": [],
-        "https://gabe.rocks",
-        "https://codeberg.org"
-    ],
     "contact": {
         "e-mail": "contact@https://my.website",
         "matrix": "@me:https://my.website",

Client/index.html

@@ -15,6 +15,8 @@
             <img x-bind:src="Alpine.store('data')['image']">
             <div id="interverse-contact">
                 <h1 x-text="Alpine.store('data')['name']"></h1>
+
+                <a x-bind:href="Alpine.store('data')['location']" x-text="Alpine.store('data')['location']"></a>
                 <template x-for="key in Object.keys(Alpine.store('data')['contact'])">
                     <p>
                         <strong x-text="key"></strong>
@@ -118,13 +120,15 @@
     </div>
 
     <script>
-        var main_url = "/.well-known/interverse";
+        var t = new Date();
+        var timestamp = t.getTime();
+        var main_url = "/.well-known/interverse?t=" + timestamp;
         if (getUrlParameter('s') && getUrlParameter("url")) {
             var uri = "";
-            main_url = getUrlParameter('s') + "://" + getUrlParameter("url") + '/.well-known/interverse';
+            main_url = getUrlParameter('s') + "://" + getUrlParameter("url") + '/.well-known/interverse?t=' + timestamp;
         } else {
             if (getUrlParameter('url')) {
-                main_url = "https://" + getUrlParameter('url') + '/.well-known/interverse';
+                main_url = "https://" + getUrlParameter('url') + '/.well-known/interverse?t=' + timestamp;
             }
         }
         document.addEventListener('alpine:init', function() {
@@ -143,8 +147,10 @@
                         connections.push(data['connection_groups'][group][link]);
                     }
                 }
+                var t = new Date();
+                var timestamp = t.getTime();
                 for (var i = 0; i < connections.length; i++) {
-                    fetchdata(connections[i] + '/.well-known/interverse', function(e) {
+                    fetchdata(connections[i] + '/.well-known/interverse?t=' + timestamp, function(e) {
                         try {
                             dat = JSON.parse(e.target.response);
                             console.log(dat);

Client/theme.css

@@ -8,6 +8,7 @@ body {
     margin: 0;
     display: flex;
     flex-direction: column;
+    align-items: center;
     font-size: 100%;
 }
 
@@ -15,6 +16,13 @@ img {
     max-width: 15rem;
 }
 
+div {
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 .interverse {
     display: flex;
     flex-direction: column;
@@ -52,6 +60,9 @@ img {
 .interverse-resource {
     padding: 2rem;
     max-width: 15rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .interverse-resource-icon {
@@ -62,13 +73,20 @@ img {
 #interverse-groups {
     display: flex;
     flex-wrap: wrap;
-    flex-direction: row;
+    flex-direction: column;
+    align-items: center;
 }
 
 .interverse-group {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    align-items: flex-end;
+    justify-content: center;
+}
+
+h1 {
+    text-align: center;
 }
 
 #interverse-connections {
@@ -87,7 +105,6 @@ img {
 
 .interverse-connection {
     width: fit-content;
-    border: 0.15rem solid var(--theme-accent-color);
     padding: 1rem;
     margin: 0.25rem;
 }

interverse-example.json

@@ -3,27 +3,55 @@
     "name": "My website",
     "image": "",
     "location": "https://my.website",
-  "resources": [
+    "resource_groups": {
-    {
+        "Website Content": [{
                 "label": "RSS Feed",
-    "icon": "",
+                "icon": "https://upload.wikimedia.org/wikipedia/commons/d/d9/Rss-feed.svg",
-    "location": "https://my.website.com/rss.xml",
+                "location": "https://my.website/rss.xml",
-    "description": "Stay up to date!"
+                "description": ""
+            },
+            {
+                "label": "Videos",
+                "icon": "https://upload.wikimedia.org/wikipedia/commons/3/32/Video_icon_2.png",
+                "location": "https://my.website/videos",
+                "description": ""
             }
         ],
-  "connection_groups":{
+        "Interverse Info": [{
-    "Group1":[
+                "label": "An introduction to Interverse",
-      "https://libresolutions.network"
+                "icon": "",
-    ],
+                "location": "https://libresolutions.network/articles/7-interverse.html",
-    "Group2":["https://retroedge.tech"],
+                "description": ""
-    "Group3":["https://small-web.org"]
             },
-  "connections": [
+            {
-    "https://gabe.rocks",
+                "label": "Demo video",
-    "https://codeberg.org"
+                "icon": "",
+                "location": "https://storage.libresolutions.network/Videos/interverse-demo-01.mp4",
+                "description": ""
+            },
+            {
+                "label": "Code",
+                "icon": "",
+                "location": "https://codeberg.org/gabe/Interverse",
+                "description": "Get started today!"
+            }
+        ]
+    },
+    "resources": [],
+    "connection_groups": {
+        "Libre Solutions Network": [
+            "https://libresolutions.network",
+            "https://gabe.rocks"
         ],
+        "Known Interverse": [
+            "https://jamespearson.xyz",
+            "https://tomfasano.net"
+
+        ]
+    },
+    "connections": [],
     "contact": {
-    "e-mail": "contact@my.website",
+        "e-mail": "contact@https://my.website",
         "matrix": "@me:https://my.website",
         "fediverse": "@me@mastodon.social"
     }