Merge pull request #385 from Soumyadipgithub/main

multiverseweb · web-flow · commit aa2b7e8a7179 · 2025-01-19T03:46:15.000+05:30
Update the "versions.html" page
diff --git a/website/pages/versions.html b/website/pages/versions.html
@@ -7,6 +7,18 @@
     <link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
     <link rel="stylesheet" href="../styles/style.css">
     <title>Dataverse | Versions</title>
+    <style>
+    .center-text {
+      display: flex;
+      justify-content: center; /* Centers horizontally */
+      align-items: center;     /* Centers vertically */
+      height: 160px;           /* Set a specific height for the container */
+    }
+    h2 {
+      padding-top: 50px;  /* Adjust top padding */
+      padding-bottom: 0px;  /* Adjust bottom padding */
+    }
+  </style>
 </head>
 
 <body>
@@ -78,22 +90,31 @@
             </tr>
         </table>
     </div>
+    <div class="center-text"><h2>Dataverse VERSIONS</h2></div>
     <table id="versions">
-        <th>
-            Versions
-        </th>
-        <tr>
-            <td>v.XM45'24</td>
-        </tr>
-        <tr>
-            <td>v.6550(24)</td>
-        </tr>
-        <tr>
-            <td>v.06.02.24</td>
-        </tr>
+        <thead>
+            <tr>
+                <th>Version</th>
+                <th>Description</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>v.XM45.24 <span class="status highlight">Under Development</span></td>
+                <td class="description">High scale installable version currently being developed. It has an improved UI based on glassmorphism, making the project mobile-friendly and providing more analytical features. This version seeks major contributions through SWOC-S5.</td>
+            </tr>
+            <tr>
+                <td>v.6550.24 <span class="status highlight">Latest</span></td>
+                <td class="description">Current stable version that supports most of the data visualization techniques and finance tracking. Major development done during GSSoC'24.</td>
+            </tr>
+            <tr>
+                <td>v.06.02.24</td>
+                <td class="description">Initial version developed on 6th February, 2024. Only supports finance tracking.</td>
+            </tr>
+        </tbody>
     </table>
-
     <script src="../scripts/script.js" type="module"></script>
+    <a href="../../index.html"><button class="goBack">Go To Home</button></a>
 </body>
 
-</html>
+</html>
diff --git a/website/styles/style.css b/website/styles/style.css
@@ -1197,18 +1197,24 @@ input {
 
 #versions{
     width: 50vw;
-    margin-top: 70px;
-    border: 1px solid rgba(128, 128, 128, 0.352);
-    margin-left: 20px;
+    margin-top: 0px;
+    border: 2px solid rgba(128, 128, 128, 0.352);
+    margin-left: auto;
+    margin-right: auto;
 }
 #versions td{
     padding: 10px;
     border: 1px solid rgba(128, 128, 128, 0.352);
+    text-align: justify;
 }
 #versions th{
     padding: 10px;
     border: 1px solid rgba(128, 128, 128, 0.352);
 }
+.highlight {
+        font-weight: bold;
+        color: #ff4500;
+}
 
 /*===========================RESPONSIVE===================================*/
 @media screen and (max-width: 660px) {
@@ -1508,4 +1514,4 @@ input {
 
 #codeOfconduct a:hover {
     text-decoration: underline;
-}
+}
