Update member_registration.html

genomicsafrica · Jun 7, 2024 · 5c78d28 · 5c78d28
1 parent ff1cd65
commit 5c78d28
Showing 1 changed file with 44 additions and 10 deletions.
diff --git a/member_registration.html b/member_registration.html
@@ -4,11 +4,45 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Member Registration</title>
+    <style>
+        .form {
+            display: flex;
+            flex-direction: column;
+            width: 300px;
+            margin: auto;
+        }
+        .form label {
+            margin-top: 10px;
+        }
+        .form input[type="text"],
+        .form input[type="email"],
+        .form input[type="radio"] {
+            margin-top: 5px;
+        }
+        .form .container {
+            display: flex;
+            align-items: center;
+        }
+        .form .container span {
+            margin-left: 5px;
+        }
+        .form input[type="submit"] {
+            margin-top: 20px;
+            padding: 10px;
+            background-color: #4CAF50;
+            color: white;
+            border: none;
+            cursor: pointer;
+        }
+        .form input[type="submit"]:hover {
+            background-color: #45a049;
+        }
+    </style>
 </head>
 <body>
     <h1>Member Registration</h1>
     <script type="text/javascript">var submitted=false;</script>
-    <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted)  {window.location='/registered';}"></iframe>
+    <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='/registered';}"></iframe>
     <form class="form" target="hidden_iframe" onsubmit="submitted=true;" action="https://docs.google.com/forms/d/e/1FAIpQLSenCYMl_vX-L9XP4N1CwOPT5L89Pk_bICzKfPlqbhvfKHtgEw/viewform">
         <label>Name</label>
         <input name="entry.287414696" type="text" required />
@@ -24,15 +58,15 @@ <h1>Member Registration</h1>
         <input name="entry.804654090" type="text" />
         <label>Interests</label>
         <input name="entry.1840383585" type="text" />
-        <label>Show email on Members page?</label><br>
-        <label class="container">Yes
-            <input type="radio" checked="checked" name="entry.460495396" value="Yes">
-            <span class="checkmark"></span>
-        </label>
-        <label class="container">No
-            <input type="radio" name="entry.460495396" value="No">
-            <span class="checkmark"></span>
-        </label>
+        <label>Show email on Members page?</label>
+        <div class="container">
+            <label>Yes
+                <input type="radio" checked="checked" name="entry.460495396" value="Yes">
+            </label>
+            <label>No
+                <input type="radio" name="entry.460495396" value="No">
+            </label>
+        </div>
         <input type="submit" value="Register" />
     </form>
 </body>