fix index, again

public/index.html

@@ -21,25 +21,25 @@
 
     footer {
       margin-top: auto;
-      padding: 15px;
+      padding: 25px;
       background-color: #f8f9fa;
       text-align: center;
-      font-family: "Helvetica Neue", "Arial";
     }
     #footer-text {
       margin: -5px;
+      font-family:monospace;
+      font-size: small;
     }
 
     #footer-copy {
       margin: -5px;
       font-family:monospace;
-      font-size: small;
+      font-size: smaller;
       padding-top: 10px;
     }
 
     #copy {
       text-decoration: none;
-      
     }
   </style>
 </head>
@@ -66,8 +66,9 @@
 
   <!-- Footer Section  -->
   <footer>
-    <p id="footer-text"></p>
+    
     <p id="footer-copy"><a id="copy" href="https://github.com/quoije/oscars-pool">quoije</a> - deux mille vingt-cinq</p>
+    <p id="footer-text"></p>
   </footer>
  
 </div>
@@ -110,7 +111,7 @@
     if (res.ok) {
       const data = await res.json();
       // Update footer with the fetched version info
-      const footerText = `version: ${data.version} - ${data.message}`;
+      const footerText = `${data.date} - ${data.version} - ${data.message}`;
       document.getElementById('footer-text').textContent = footerText;
     } else {
       document.getElementById('footer-text').textContent = '';