1 files changed, 21 insertions, 21 deletions
diff --git a/www/index.html b/www/index.html
index 32634d4..d542208 100644
--- a/www/index.html
+++ b/www/index.html
@@ -2,33 +2,33 @@
 <html>
 <head>
   <title>MiniMUN PDF Generator</title>
-  <script>
-    let curform = 'award';
-    function switchShow(id){
-      document.getElementById(curform).style.display = 'none';
-      document.getElementById(id).style.display = '';
-      curform = id;
+  <style>
+    input.sel {
+      display: inline;
+      text-align: center;
     }
-    window.addEventListener('load',function(){
-    if (document.getElementById('roombutton').checked) switchShow('room');
-    });
-  </script>
+    input#awardbutton:checked ~ form#room {
+      display: none;
+    }
+    input#roombutton:checked ~ form#award {
+      display: none;
+    }
+  </style>
 </head>
 
 <body>
-  <h4>Form Type:</h4>
-  <input type="radio" name="form" value="award" onchange="switchShow('award')" checked>Award</input><br>
-  <input type="radio" name="form" id="roombutton" value="room" onchange="switchShow('room')">Room</input><br>
+  <input type="radio" name="form" id="awardbutton" class="sel" value="award" checked>Award</input>
+  <input type="radio" name="form" id="roombutton" class="sel" value="room">Room</input>
   <form action="award" method="get" id="award" class="submit">
-    Committee: <input type="text" name="committee"/><br>
-    Country: <input type="text" name="country"/><br>
-    Award Name: <input type="text" name="award"/><br>
-    School: <input type="text" name="school"/><br>
-    <input type="submit"/>
+    <p>Committee: <input type="text" name="committee"/></p>
+    <p>Country: <input type="text" name="country"/></p>
+    <p>Award Name: <input type="text" name="award"/></p>
+    <p>School: <input type="text" name="school"/></p>
+    <p><input type="submit"/></p>
   </form>
-  <form action="room" style="display: none" id="room" class="submit">
-    Committee: <input type="text" name="committee"/><br>
-    <input type="submit"/>
+  <form action="room" id="room" class="submit">
+    <p>Committee: <input type="text" name="committee"/></p>
+    <p><input type="submit"/></p>
   </form>
 </body>
 </html>