feat: updated yasgui and moved the logo

MathiasVDA · MathiasVDA · commit e4ab527b826f · 2025-12-06T17:35:13.000+01:00
diff --git a/src/index.html b/src/index.html
@@ -14,7 +14,7 @@
   <link rel="manifest" href="manifest.json" />
   
   <!-- YASGUI CSS -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@matdata/yasgui@4.7.3/build/yasgui.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@matdata/yasgui@4.7.4/build/yasgui.min.css">
   
   <!-- Font Awesome for icons -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@@ -27,17 +27,12 @@
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
-  
-  <!-- Header with logo -->
-  <div id="header">
-    <img id="logo" src="logo.svg" alt="Matdata Logo">
-  </div>
-  
+    
   <!-- YASGUI container -->
   <div id="yasgui"></div>
     
     <!-- YASGUI JavaScript -->
-    <script src="https://cdn.jsdelivr.net/npm/@matdata/yasgui@4.7.3/build/yasgui.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@matdata/yasgui@4.7.4/build/yasgui.min.js"></script>
 
     <!-- vis-network (required dependency) -->
     <script src="https://unpkg.com/vis-network@9.1.9/standalone/umd/vis-network.min.js"></script>
@@ -46,10 +41,15 @@
     <script src="main.js"></script>
 
   <div id="footer">
-    <small>Source code available on <a href="https://github.com/Matdata-eu/yasgui-matdata">Matdata-eu/yasgui-matdata</a> 
-      using <a href="https://github.com/Matdata-eu/yasgui">Matdata-eu/yasgui</a> with credits to <a href="https://github.com/zazuko/yasgui">Zazuko/Yasgui</a>, 
-      <a href="https://github.com/triplydb/Yasgui">TriplyDB/Yasgui</a>, <a href="https://github.com/Thib-G/yasgui-plugin-geo">Thib-G/yasgui-plugin-geo</a> 
-      and <a href="https://github.com/Matdata-eu/yasgui-graph-plugin">Matdata-eu/yasgui-graph-plugin</a></small>
+    <a href="https://matdata.eu/" target="_blank" rel="noopener noreferrer" class="footer-left">
+      <img id="logo" src="logo.svg" alt="Matdata Logo">
+    </a>
+    <div class="footer-center">
+      <small>Source code available on <a href="https://github.com/Matdata-eu/yasgui-matdata">Matdata-eu/yasgui-matdata</a> 
+        using <a href="https://github.com/Matdata-eu/yasgui">Matdata-eu/yasgui</a> with credits to <a href="https://github.com/zazuko/yasgui">Zazuko/Yasgui</a>, 
+        <a href="https://github.com/triplydb/Yasgui">TriplyDB/Yasgui</a>, <a href="https://github.com/Thib-G/yasgui-plugin-geo">Thib-G/yasgui-plugin-geo</a> 
+        and <a href="https://github.com/Matdata-eu/yasgui-graph-plugin">Matdata-eu/yasgui-graph-plugin</a></small>
+    </div>
   </div>
 </body>
 
diff --git a/src/main.css b/src/main.css
@@ -9,31 +9,10 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-/* Header with logo */
-#header {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 60px;
-  background-color: #ffffff;
-  border-bottom: 1px solid #e0e0e0;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-  z-index: 1000;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-
-#logo {
-  height: 40px;
-  width: auto;
-}
-
 /* YASGUI container */
 #yasgui {
-  margin-top: 60px;
-  height: calc(100vh - 90px);
+  margin-top: 0px;
+  height: calc(100vh - 60px);
 }
 
 /* Footer styles */
@@ -45,10 +24,33 @@ body {
   background-color: #f5f5f5;
   padding: 8px 20px;
   border-top: 1px solid #e0e0e0;
-  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   z-index: 1000;
 }
 
+.footer-left {
+  position: absolute;
+  left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.footer-center {
+  text-align: center;
+}
+
+#logo {
+  height: 35px;
+  width: auto;
+  transition: opacity 0.2s;
+}
+
+#logo:hover {
+  opacity: 0.8;
+}
+
 #footer a {
   color: #0066cc;
   text-decoration: none;
