From a74f611e1d81a2cb01ecd9488654352873b7aa02 Mon Sep 17 00:00:00 2001
From: Gabriel Wilson <gabriel@libresolutions.network>
Date: Wed, 18 May 2022 04:30:31 -0400
Subject: [PATCH] Updated default interverse file Updated overall look-and-feel
 Cache is now ignored.

---
 Client/.well-known/interverse | 61 ++++++++++++++++---------
 Client/index.html             | 14 ++++--
 Client/theme.css              | 21 ++++++++-
 interverse-example.json       | 84 +++++++++++++++++++++++------------
 4 files changed, 126 insertions(+), 54 deletions(-)

diff --git a/Client/.well-known/interverse b/Client/.well-known/interverse
index c635127..ac65edd 100644
--- a/Client/.well-known/interverse
+++ b/Client/.well-known/interverse
@@ -4,31 +4,52 @@
     "image": "",
     "location": "https://my.website",
     "resource_groups": {
-        "Link group 1": [{
-            "label": "RSS Feed",
-            "icon": "",
-            "location": "https://my.website.com/rss.xml",
-            "description": ""
-        }],
-        "Website content": [{
-            "label": "Articles",
-            "icon": "https://libresolutions.network/logo.png",
-            "location": "https:libresolutions.network/articles/",
-            "description": ""
-        }]
+        "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://libresolutions.network/articles/7-interverse.html",
+                "description": ""
+            },
+            {
+                "label": "Demo video",
+                "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": {
-        "Group1": [
-            "https://libresolutions.network"
+        "Libre Solutions Network": [
+            "https://libresolutions.network",
+            "https://gabe.rocks"
         ],
-        "Group2": ["https://retroedge.tech"],
-        "Group3": ["https://small-web.org"]
+        "Known Interverse": [
+            "https://jamespearson.xyz",
+            "https://tomfasano.net"
+
+        ]
     },
-    "connections": [
-        "https://gabe.rocks",
-        "https://codeberg.org"
-    ],
+    "connections": [],
     "contact": {
         "e-mail": "contact@https://my.website",
         "matrix": "@me:https://my.website",
diff --git a/Client/index.html b/Client/index.html
index 5101e7c..64ff20a 100644
--- a/Client/index.html
+++ b/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);
diff --git a/Client/theme.css b/Client/theme.css
index aea5c69..bffff9e 100644
--- a/Client/theme.css
+++ b/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;
 }
diff --git a/interverse-example.json b/interverse-example.json
index e3ba15b..ac65edd 100644
--- a/interverse-example.json
+++ b/interverse-example.json
@@ -1,30 +1,58 @@
 {
-  "version": 0.1,
-  "name": "My website",
-  "image":"",
-  "location": "https://my.website",
-  "resources": [
-    {
-    "label": "RSS Feed",
-    "icon": "",
-    "location": "https://my.website.com/rss.xml",
-    "description": "Stay up to date!"
+    "version": 0.1,
+    "name": "My website",
+    "image": "",
+    "location": "https://my.website",
+    "resource_groups": {
+        "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://libresolutions.network/articles/7-interverse.html",
+                "description": ""
+            },
+            {
+                "label": "Demo video",
+                "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@https://my.website",
+        "matrix": "@me:https://my.website",
+        "fediverse": "@me@mastodon.social"
     }
-  ],
-  "connection_groups":{
-    "Group1":[
-      "https://libresolutions.network"
-    ],
-    "Group2":["https://retroedge.tech"],
-    "Group3":["https://small-web.org"]
-  },
-  "connections": [
-    "https://gabe.rocks",
-    "https://codeberg.org"
-  ],
-  "contact": {
-    "e-mail": "contact@my.website",
-    "matrix": "@me:https://my.website",
-    "fediverse": "@me@mastodon.social"
-  }
-  }
\ No newline at end of file
+}
\ No newline at end of file