Adding copyright message to the botom

Author: zenineasa

DesktopApp/index.html

@@ -64,5 +64,8 @@
             <button id="close">&#x2715;</button>
         </div>
     </div>
+    <div id="bottom">
+        Copyright &copy; 2024 Zenin Easa Panthakkalakath
+    </div>
 </body>
 </html>

DesktopApp/styles.css

@@ -131,6 +131,7 @@ body > * {
     display: flex;
     justify-content: space-between;
     padding-left: 2em;
+    padding-right: 2em;
     text-align: center;
 }
 #content .grid .config .keyVal:hover {
@@ -153,3 +154,10 @@ body > * {
     vertical-align: middle;
     text-align: center;
 }
+
+#bottom {
+    position: fixed;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+}

JoystickWebApp/index.ejs

@@ -52,6 +52,9 @@
             Player <%= playerID %>
         </div>
     </div>
+    <div class="bottom">
+        Copyright &copy; 2024 Zenin Easa Panthakkalakath
+    </div>
 
     <script src="script.js"></script>
 </body>

JoystickWebApp/styles.css

@@ -107,3 +107,11 @@ html, body {
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.8);
 }
+
+.bottom {
+    position: fixed;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    color: rgba(255, 255, 255, 0.8);
+}