From b248d3a7ebf6e897ae9d9bacf44f211e852f5dc2 Mon Sep 17 00:00:00 2001
From: Abhijith Ganesh <g.abhijith14122003@gmail.com>
Date: Sat, 4 Sep 2021 16:19:56 +0530
Subject: [PATCH] Added some new styling and fixed the issue

---
 index.html | 35 +++++++++++++++++++++++++++++------
 main.css   | 11 +++++++++++
 2 files changed, 40 insertions(+), 6 deletions(-)
 create mode 100644 main.css
diff --git a/index.html b/index.html
index 0f5f8d9..75bd9c1 100644
--- a/index.html
+++ b/index.html
@@ -1,18 +1,41 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <title>Phaser Game</title>
+    <link rel="stylesheet" href="main.css">
     <script src="phaser.min.js"></script>
-   
-   <script src="StartGameScene.js"></script>
-   <script src="playgamescene.js"></script>
-   <script src="endgamescene.js"></script>
-   <script src="spacegame.js"></script>
+    <script src="startgamescene.js"></script>
+    <script src="playgamescene.js"></script>
+    <script src="endgamescene.js"></script>
+    <script src="spacegame.js"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi&family=Roboto:wght@300&display=swap" rel="stylesheet"> 
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
+
 </head>
 
 <body>
+    <p>
+        <form>
+            <input for = "Name" class = "FontStyles" id = "inputVal">
+                    Please enter your Name
+            <button type = "button" onclick = "Submitted()"  class = "btn btn-primary">Submit</button>
+            </input>
+        </form>
+    </p>
+    <p id="Name Updater">
+        Welcome to the game 
+    </p>
 
+    <script>
+        function Submitted() {
+            let ele = document.getElementById("inputVal").value;
+            document.getElementById("Name Updater").innerHTML = "Welcome to the game "+ele;
+        }
+    </script>
 </body>
 
 </html>
+</html>
diff --git a/main.css b/main.css
new file mode 100644
index 0000000..d95a291
--- /dev/null
+++ b/main.css
@@ -0,0 +1,11 @@
+.FontStyles{
+    font-family:'Roboto', sans-serif;
+    font-size: large;
+    font-weight: 400;
+}
+
+.FontSecondary {
+    font-family: 'Kaisei HarunoUmi', serif;
+    font-weight: 400;
+    font-size:medium;
+}
\ No newline at end of file
