feat: add footer

main.js

@@ -68,6 +68,11 @@ document.querySelector("#app").innerHTML = `
         <button id="addData">Send Data</button>
     </div>
   </div>
+  <div id="footer">
+    <div> <a href="https://github.com/Pranav2612000/raft" target="_blank">View Source</a></div>
+    <div>
+      Made by <a href="https://vasusharma7.github.io" target="_blank">Vasu Sharma</a> and <a href="https://pranavjoglekarcodes.web.app" target="_blank">Pranav Joglekar</a></div>
+  </div>
 `;
 
 const NUM_NODES = 5; // Default number of nodes at the start

style.css

@@ -113,14 +113,33 @@ button:focus-visible {
     flex-wrap: wrap;
     gap: 0.5rem;
 }
+
+#footer {
+  display: flex;
+  justify-content: space-between;
+
+  padding-inline: 1rem;
+
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+
+  width: calc(100vw - 2rem);
+
+  background-color: #f5ebeb;
+}
+
 @media (max-width: 512px){
 
   #operations {
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 1rem;
-}
+  }
+  #footer {
+    flex-direction: column;
+  }
 }
 #board {
   position: relative;