fixed broken submit button

alechash · Jan 28, 2024 · e580611 · e580611
1 parent 9b0aad1
commit e580611
Show file tree

Hide file tree

Showing 5 changed files with 99 additions and 124 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/404.html b/404.html
@@ -1 +1 @@
-<script>window.location = 'https://fireholtmann.com'</script>
+<script>window.location = 'https://fireholtmann.com'</script>
diff --git a/index.html b/index.html
@@ -20,6 +20,7 @@
 	<meta property="og:description" content="After going 1-14, Chris Holtmann needs to go. Sign the petition with just your name to tell Ohio State Athletics that same message.">
 	<meta property="og:type" content="website">
 	<meta property="og:image" content="https://fireholtmann.com/thumb.png">
+	<link rel="stylesheet" href="/main.css">
 </head>
 
 <body>
@@ -31,7 +32,7 @@ <h1>FIRE&nbsp; CHRIS&nbsp; HOLTMANN.</h1>
 		<br><br>
 		<p class="title">Sign the Petition</p>
 		<br><br>
-		<form id="sign" method="POST" action="https://script.google.com/macros/s/AKfycbxnL4t-_20-DiDqkpl-PrJpfEUZ5POIhhjo8WIjZRPMXefvG9I-5H15TZVFIM5IFsljEA/exec">
+		<form id="sign" method="POST" action="https://script.google.com/macros/s/AKfycbxnL4t-_20-DiDqkpl-PrJpfEUZ5POIhhjo8WIjZRPMXefvG9I-5H15TZVFIM5IFsljEA/exec" onsubmit='document.getElementById("submit_button").setAttribute("disabled", "")'>
 			<input id="fname" name="FirstName" type="text" placeholder="First Name" required>
 			<input name="LastName" type="text" placeholder="Last Name" required>
 			<input autocomplete="off" name="fname" type="text" placeholder="First Name" value="" style="
@@ -41,7 +42,7 @@ <h1>FIRE&nbsp; CHRIS&nbsp; HOLTMANN.</h1>
         left: 0;
         height: 0;
         width: 0;
-        z-index: -1;">
+        z-index: -1;"> <span>from</span> 
 			<select name="State" required>
 				<option disabled>-- States --</option>
 				<option value="Alabama">Alabama</option>
@@ -110,84 +111,17 @@ <h1>FIRE&nbsp; CHRIS&nbsp; HOLTMANN.</h1>
 				<option value="Outside the USA">Outside the USA</option>
 			</select>
 			<br>
-			<button type="submit">Sign Petition</button>
+			<button type="submit" id="submit_button">Sign Petition</button>
 		</form>
 	</main>
 
 	<style>
 		body {
-			margin: 0;
-			padding: 0;
-			margin: 0;
 			position: absolute;
 			top: 50%;
 			left: 50%;
 			transform: translate(-50%, -50%);
 		}
-
-		.title {
-			background: black;
-			color: white;
-			text-align: center;
-		}
-
-		main {
-			width: 90vw;
-		}
-
-		h1 {
-			font-weight: 600;
-			font-size: calc(100vw / 14);
-			text-align: center;
-			font-family: 'Golos Text', sans-serif;
-			margin-bottom: 0;
-		}
-
-		p {
-			text-align: center;
-			font-size: 20px;
-			font-weight: 500;
-			margin: 0;
-			font-family: 'Golos Text', sans-serif;
-		}
-
-		a {
-			text-decoration: none;
-			color: blue;
-		}
-
-		a:hover {
-			text-decoration: none;
-			color: white;
-			background: red;
-		}
-
-		form {
-			text-align: center;
-		}
-
-		input,
-		select {
-			border: 2px solid black;
-			background-color: transparent;
-			color: black;
-			padding: 10px;
-			margin: 10px;
-		}
-
-		select {
-			padding: 9px;
-		}
-
-		button {
-			background: black;
-			color: white;
-			border: none;
-			padding: 10px;
-			margin: 10px;
-			font-family: 'Golos Text', sans-serif;
-			font-size: 20px;
-		}
 	</style>
 	<script>
 		$.getJSON('https://script.google.com/macros/s/AKfycbypv4Vf7apCVX1Lpo1eQiHTjp8ipiNoW88B5kEoaN-Ywe_KXKyoYMusC57pzZ2buFSXIw/exec', function(data) {

diff --git a/main.css b/main.css
@@ -0,0 +1,90 @@
+
+body {
+    margin: 0;
+    padding: 0;
+    margin: 0;
+}
+
+.title {
+    background: black;
+    color: white;
+    text-align: center;
+}
+
+main {
+    width: 90vw;
+}
+
+h1 {
+    font-weight: 600;
+    font-size: calc(100vw / 14);
+    text-align: center;
+    font-family: 'Golos Text', sans-serif;
+    margin-bottom: 0;
+}
+
+p {
+    text-align: center;
+    font-size: 20px;
+    font-weight: 500;
+    margin: 0;
+    font-family: 'Golos Text', sans-serif;
+}
+
+span {
+    font-family: 'Golos Text', sans-serif;
+}
+
+a {
+    text-decoration: none;
+    color: blue;
+}
+
+a:hover {
+    text-decoration: none;
+    color: white;
+    background: red;
+}
+
+form {
+    text-align: center;
+}
+
+input,
+select {
+    border: 2px solid black;
+    background-color: transparent;
+    color: black;
+    padding: 10px;
+    margin: 10px;
+}
+
+select {
+    padding: 9px;
+}
+
+button {
+    background: black;
+    color: white;
+    border: none;
+    padding: 10px;
+    margin: 10px;
+    font-family: 'Golos Text', sans-serif;
+    font-size: 20px;
+}
+
+h1 a {
+    text-decoration: none;
+    color: black;
+}
+
+a {
+    text-decoration: none;
+    color: blue;
+}
+
+a:hover {
+    text-decoration: none;
+    color: white;
+    background: red;
+}
diff --git a/signers.html b/signers.html
@@ -20,6 +20,7 @@
 	<meta property="og:description" content="After going 1-14, Chris Holtmann needs to go. Sign the petition with just your name to tell Ohio State Athletics that same message.">
 	<meta property="og:type" content="website">
 	<meta property="og:image" content="https://fireholtmann.com/thumb.png">
+	<link rel="stylesheet" href="/main.css">
 </head>
 
 <body>
@@ -51,59 +52,6 @@ <h1><a href="/">FIRE&nbsp; CHRIS&nbsp; HOLTMANN.</a></h1>
 			$("#count").html(data.firstNames.length);
 		});
 	</script>
-
-	<style>
-		body {
-			margin: 0;
-			padding: 0;
-		}
-
-		.title {
-			background: black;
-			color: white;
-			text-align: center;
-		}
-
-		h1 {
-			font-weight: 600;
-			font-size: calc(100vw / 14);
-			text-align: center;
-			font-family: 'Golos Text', sans-serif;
-			margin-bottom: 0;
-		}
-
-		h2 {
-			font-weight: 600;
-			font-size: calc(100vw / 25);
-			text-align: center;
-			font-family: 'Golos Text', sans-serif;
-			margin-TOP: 0;
-		}
-
-		p {
-			text-align: left;
-			margin: 0 5vw;
-			font-size: 20px;
-			font-weight: 500;
-			font-family: 'Golos Text', sans-serif;
-		}
-
-		h1 a {
-			text-decoration: none;
-			color: black;
-		}
-
-		a {
-			text-decoration: none;
-			color: blue;
-		}
-
-		a:hover {
-			text-decoration: none;
-			color: white;
-			background: red;
-		}
-	</style>
 </body>
 
 </html>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<script>window.location = 'https://fireholtmann.com'</script>
		<script>window.location = 'https://fireholtmann.com'</script>