diff --git a/gui/public/dj2ls.png b/gui/public/dj2ls.png
new file mode 100644
index 00000000..8f34b0fa
Binary files /dev/null and b/gui/public/dj2ls.png differ
diff --git a/gui/src/components/info.vue b/gui/src/components/info.vue
index 01f01324..eac18c71 100644
--- a/gui/src/components/info.vue
+++ b/gui/src/components/info.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { ref, onMounted } from 'vue';
+
 import { setActivePinia } from "pinia";
 import pinia from "../store/index";
 setActivePinia(pinia);
@@ -11,6 +13,29 @@ const version = import.meta.env.PACKAGE_VERSION;
 function openWebExternal(url) {
   open(url);
 }
+const cards = ref([
+    { title: 'Simon - DJ2LS', role: 'Founder & Core developer', imgSrc: 'dj2ls.png' },
+    { title: 'Alan - N1QM', role: 'developer', imgSrc: '' },
+    { title: 'Stefan - DK5SM', role: 'developer', imgSrc: '' },
+    { title: 'Wolfgang - DL4IAZ', role: 'developer', imgSrc: '' },
+    { title: 'David - VK5DGR', role: 'developer', imgSrc: '' },
+    { title: 'John - EI7IG', role: 'developer', imgSrc: '' },
+    { title: 'John - N2KIQ', role: 'developer', imgSrc: '' },
+    { title: 'Trip - KT4WO', role: 'developer', imgSrc: '' },
+    { title: 'Manuel - DF7MH', role: 'developer', imgSrc: '' },
+    { title: 'Darren - G0HWW', role: 'developer', imgSrc: '' },
+    { title: 'Kai - LA3QMA', role: 'developer', imgSrc: '' }
+  ]);
+
+// Shuffle cards
+  function shuffleCards(){
+    cards.value = cards.value.sort(() => Math.random() - 0.5);
+  };
+
+  onMounted(shuffleCards);
+
+
+
 </script>
 
 
@@ -118,154 +143,29 @@ function openWebExternal(url) {
               </div>
 
 
+<div class="d-flex flex-nowrap overflow-x-auto">
+<div class="row row-cols-1 row-cols-md-3 g-4">
 
-<div class="row row-cols-1 row-cols-md-3 g-4 scrollable-row">
-  <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">DJ2LS</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    Core developer
-  </div>
-</div>
-  </div>
-  <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-  <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-  <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
+  <div class="d-inline-block" v-for="card in cards" :key="card.title">
 
   <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
+
+    <div class="card border-dark mb-3 ms-1 me-1" style="max-width: 15rem;">
+      <img :src="card.imgSrc" class="card-img-top">
+      <div class="card-body">
+        <p class="card-text text-center">{{ card.role }}</p>
+      </div>
+      <div class="card-footer text-body-secondary text-center">
+        <strong>{{ card.title }}</strong>
+      </div>
+    </div>
   </div>
 </div>
-  </div>
 
-    <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-
-    <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-
-    <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-
-    <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-
-    <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
-
-    <div class="col">
-    <div class="card border-dark mb-3" style="max-width: 18rem;">
-  <div class="card-header">Header</div>
-  <div class="card-body">
-    <h5 class="card-title">Dark card title</h5>
-    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-  </div>
-  <div class="card-footer text-body-secondary">
-    2 days ago
-  </div>
-</div>
-  </div>
+            </div>
+            </div>
 
 
-
-
-
-
-</div>
             </div>
 </template>
 
diff --git a/gui/src/js/deprecated_preload-main.js b/gui/src/js/deprecated_preload-main.js
index 074ca5b2..edd98898 100644
--- a/gui/src/js/deprecated_preload-main.js
+++ b/gui/src/js/deprecated_preload-main.js
@@ -41,7 +41,7 @@ var configPath = path.join(configFolder, "config.json");
 var config = require(configPath);
 
 const contrib = [
-  "DK5SM",
+  "DK5SM",-
   "DL4IAZ",
   "DB1UJ",
   "EI3HIB",
@@ -49,10 +49,10 @@ const contrib = [
   "EI7IG",
   "N2KIQ",
   "KT4WO",
-  "DF7MH",
-  "G0HWW",
-  "N1QM",
-  "LA3QMA",
+  "DF7MH",-
+  "G0HWW",-
+  "N1QM", -
+  "LA3QMA", -
 ];
 
 //let elements = document.querySelectorAll('[id^="hamlib_"]'); // get all elements starting with...