From 5a8705b256fe745958643844aa94333037669d2a Mon Sep 17 00:00:00 2001
From: Gabriel Wilson <gabriel@libresolutions.network>
Date: Thu, 3 Mar 2022 14:22:04 -0500
Subject: [PATCH] minor changes

---
 Client/.well-known/interverse |  40 +++++++------
 Client/index.html             | 103 +++++++++++++++++-----------------
 2 files changed, 70 insertions(+), 73 deletions(-)
diff --git a/Client/.well-known/interverse b/Client/.well-known/interverse
index 0b0e87c..17a0aa7 100644
--- a/Client/.well-known/interverse
+++ b/Client/.well-known/interverse
@@ -1,30 +1,28 @@
 {
     "version": 0.1,
     "name": "My website",
-    "image":"",
+    "image": "",
     "location": "https://my.website",
-    "resources": [
-      {
-      "label": "RSS Feed",
-      "icon": "",
-      "location": "https://my.website.com/rss.xml",
-      "description": "Stay up to date!"
-      }
-    ],
-    "connection_groups":{
-      "Group1":[
-        "https://libresolutions.network"
-      ],
-      "Group2":["https://retroedge.tech"],
-      "Group3":["https://small-web.org"]
+    "resources": [{
+        "label": "RSS Feed",
+        "icon": "",
+        "location": "https://my.website.com/rss.xml",
+        "description": "<img src='example.com'>"
+    }],
+    "connection_groups": {
+        "Group1": [
+            "https://libresolutions.network"
+        ],
+        "Group2": ["https://retroedge.tech"],
+        "Group3": ["https://small-web.org"]
     },
     "connections": [
-      "https://gabe.rocks",
-      "https://codeberg.org"
+        "https://gabe.rocks",
+        "https://codeberg.org"
     ],
     "contact": {
-      "e-mail": "contact@https://my.website",
-      "matrix": "@me:https://my.website",
-      "fediverse": "@me@mastodon.social"
+        "e-mail": "contact@https://my.website",
+        "matrix": "@me:https://my.website",
+        "fediverse": "@me@mastodon.social"
     }
-    }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/Client/index.html b/Client/index.html
index a2cbea9..199d157 100644
--- a/Client/index.html
+++ b/Client/index.html
@@ -1,12 +1,14 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <link rel="stylesheet" href="/theme.css">
     <title>Interverse</title>
-    <script src="//unpkg.com/alpinejs" defer></script>
-    <! consider hosting on your site>
+    <script src="https://unpkg.com/alpinejs" defer></script>
+
     <script src="/helper.js"></script>
 </head>
+
 <body>
     <div class="interverse" x-data x-if="Alpine.store('data')">
         <div id="interverse-details">
@@ -21,14 +23,14 @@
                     <template x-if="resource['icon'] !=''">
                         <img class="interverse-resource-icon" x-bind:src="resource['icon']">
                     </template>
-                    <h2 x-text="resource['label']"></h2>
-                    <p x-text="resource['description']"></p>
-                </div>
-                </a>
-            </template>
+            <h2 x-text="resource['label']"></h2>
+            <p x-text="resource['description']"></p>
         </div>
-        <div id="interverse-groups">
-            <template x-for="(group,name) in Alpine.store('data')['connection_groups']">
+        </a>
+        </template>
+    </div>
+    <div id="interverse-groups">
+        <template x-for="(group,name) in Alpine.store('data')['connection_groups']">
                 <div>
                     <h3 x-text="name"></h3>
                     <div class="interverse-group">
@@ -41,7 +43,7 @@
                                         <a x-bind:href="link" x-text="link"></a>
                                     </div>
                                 </template>
-                                <template x-if="Alpine.store(link) == undefined">
+        <template x-if="Alpine.store(link) == undefined">
                                     <div>
                                         <a x-bind:href="link" x-text="link">
 
@@ -50,16 +52,16 @@
                                     </div>
     
                                 </template>
-                            </div>
-                        </template>
-                    </div>
-                    
-                </div>
-            </template>                
-        </div>
-        <h2>Links</h2>
-        <div id="interverse-connections">
-            <template x-for="connection in Alpine.store('data')['connections']">
+    </div>
+    </template>
+    </div>
+
+    </div>
+    </template>
+    </div>
+    <h2>Links</h2>
+    <div id="interverse-connections">
+        <template x-for="connection in Alpine.store('data')['connections']">
                 <div class="interverse-connection" >
                     <template x-if="Alpine.store(connection)['version'] >=0">
                         <div x-on:click="initialize(connection+'/.well-known/interverse')">
@@ -67,70 +69,67 @@
                             <template x-if="Alpine.store(connection)['image']!=''">
                                 <img x-bind:src="Alpine.store(connection)['image']">
                             </template>
-                        </div>
-                    
-                    </template>
-                    <template x-if="name == ''">
+    </div>
+
+    </template>
+    <template x-if="name == ''">
                         <a x-bind:href="connection" x-text="connection"></a>
                     </template>
 
-                </div>>
-            </template>
-        </div>
-        <div id="interverse-contact">
-            <template x-for="contact in Alpine.store('data')['contact']">
+    </div>>
+    </template>
+    </div>
+    <div id="interverse-contact">
+        <template x-for="contact in Alpine.store('data')['contact']">
                 <div class="interverse-contact">
                     
                 </div>
 
             </template>
-        </div>
+    </div>
 
     </div>
 
     <script>
-        var main_url="/.well-known/interverse";
-        if (getUrlParameter('s') && getUrlParameter("url")){
+        var main_url = "/.well-known/interverse";
+        if (getUrlParameter('s') && getUrlParameter("url")) {
             var uri = "";
-            main_url=getUrlParameter('s')+"://"+getUrlParameter("url")+'/.well-known/interverse';
-        }
-        else{
-            if (getUrlParameter('url')){
-                main_url = "https://" + getUrlParameter('url')+'/.well-known/interverse';
+            main_url = getUrlParameter('s') + "://" + getUrlParameter("url") + '/.well-known/interverse';
+        } else {
+            if (getUrlParameter('url')) {
+                main_url = "https://" + getUrlParameter('url') + '/.well-known/interverse';
             }
         }
-        document.addEventListener('alpine:init',function(){
+        document.addEventListener('alpine:init', function() {
             initialize(main_url);
         });
 
-        function initialize(url){
-            Alpine.store("data",{});
-            fetchdata(url,function(e){
+        function initialize(url) {
+            Alpine.store("data", {});
+            fetchdata(url, function(e) {
                 data = JSON.parse(e.target.response);
                 raw_data = JSON.parse(e.target.response);
-                Alpine.store("data",data);
+                Alpine.store("data", data);
                 var connections = raw_data['connections'];
-                for (group in data['connection_groups']){
-                    for (link in data['connection_groups'][group]){
+                for (group in data['connection_groups']) {
+                    for (link in data['connection_groups'][group]) {
                         connections.push(data['connection_groups'][group][link]);
                     }
                 }
-                for (var i =0; i<connections.length; i++){
-                    fetchdata(connections[i]+'/.well-known/interverse',function(e){
-                        try{
+                for (var i = 0; i < connections.length; i++) {
+                    fetchdata(connections[i] + '/.well-known/interverse', function(e) {
+                        try {
                             dat = JSON.parse(e.target.response);
                             console.log(dat);
-                            Alpine.store(dat['location'],dat);
-                        }
-                        catch{
+                            Alpine.store(dat['location'], dat);
+                        } catch {
                             console.log("Failed to parse connection JSON");
                         }
                     });
                 }
-                
+
             });
         }
-
     </script>
 </body>
 
