Our revolutionary new UI

app.py

@@ -8,7 +8,7 @@ app.secret_key = 'asdf'
 app.debug = True
 
 with open('config.yaml') as f:
-    yaml_data = yaml.load(f)
+    yaml_data = yaml.load(f, Loader=yaml.SafeLoader)
 
 search = yaml_data['search']
 account_url = yaml_data['accounts']['account_url']

config.yaml

@@ -8,21 +8,26 @@ accounts:
 apps:
   chat:
     name: "Rocket Chat"
-    description: "It's rocket chat"
-    link: "https://rocketchat.tia.moe"
+    description: "<br>Stay in touch with your friends, family, and people you've never even met with Technical Incompetence's amazing chat service. Experience the joy's of late-1990s AIM all over again."
+    link: "https://rocketchat.technicalincompetence.club"
+    image: "rocketchat.png"
   cloud:
     name: "Nextcloud"
-    description: "It's a cloud"
-    link: "https://cloud.tia.moe"
+    description: "<br>What would Technical Incompetence be without the ability to give up ownership of all your data and store it on our servers. Don't worry though, our servers will <sub>probably</sub> never crash or lose data so all you care about is safe with us."
+    link: "https://cloud.technicalincompetence.club"
+    image: "nextcloud.png"
   gitea:
     name: "Gitea"
-    description: "It's git"
-    link: "https://git.tia.moe"
+    description: "<br>It's git"
+    link: "https://git.technicalincompetence.club"
+    image: "gitea.png"
   jellyfin:
     name: "Jellyfin"
-    description: "It's a jellyfin"
-    link: "https://jellyfin.tia.moe"
+    description: "<br>It's a jellyfin"
+    link: "https://jellyfin.technicalincompetence.club"
+    image: "jellyfin.png"
   rss:
     name: "FreshRSS"
-    description: "It's rss"
-    link: "https://rss.tia.moe"
+    description: "<br>It's rss"
+    link: "https://rss.technicalincompetence.club"
+    image: "freshrss.png"

templates/card.j2

@@ -1,9 +1,11 @@
 <div class="col-xs-12 col-sm-6 col-md-4 mb-4">
-    <div class="card">
+    <div class="card" onclick="goToLink('{{ app['link'] }}');">
         <div class="card-body">
+            {% if app['image'] is defined %}
+                <img src="{{url_for('.static', filename='images/' )}}{{ app['image'] }}" class="card-img" style="float:left; width: 25% !important; padding-right: 1.25rem;">
+            {% endif %}
             <h5 class="card-title">{{ app['name'] }}</h5>
             <p class="card-text">{{ app['description'] }}</p>
-            <a href="#" class="btn btn-primary">{{ app['link'] }}</a>
         </div>
     </div>
 </div>

templates/index.j2

@@ -25,6 +25,7 @@
         </div>
         <br><br>
     {% endif %}
+    <p>It turns out dCloud's amazingness is just too great for this lame internet - we need a new one to maximize our full potential. Welcome to the Technical Incompetence internet. Population - US.</p>
         <div class="row">
             {% for app in apps %}
                 {% include "card.j2" %}
@@ -50,5 +51,9 @@ $( ".card" ).hover(
     $(this).removeClass('shadow-lg');
     $(this).removeClass('card-hover');
 });
+
+function goToLink(link) {
+    window.location = link;
+}
 </script>
 {% endblock %}