Spaces:
Running
Running
make a Contact Email (Optional) not optinal
Browse files- contact.html +11 -23
contact.html
CHANGED
|
@@ -75,16 +75,15 @@
|
|
| 75 |
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 76 |
placeholder="Anonymous or your name">
|
| 77 |
</div>
|
| 78 |
-
|
| 79 |
<div>
|
| 80 |
<label for="email" class="block text-sm font-medium text-gray-300 mb-2">
|
| 81 |
-
Contact Email
|
| 82 |
</label>
|
| 83 |
-
<input type="email" id="email" name="email"
|
| 84 |
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 85 |
placeholder="your@email.com">
|
| 86 |
</div>
|
| 87 |
-
|
| 88 |
|
| 89 |
<div>
|
| 90 |
<label for="category" class="block text-sm font-medium text-gray-300 mb-2">
|
|
@@ -127,24 +126,15 @@
|
|
| 127 |
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 128 |
placeholder="e.g., Early 2000s, 1998-2001, Around 2010">
|
| 129 |
</div>
|
| 130 |
-
|
| 131 |
<div>
|
| 132 |
<label for="links" class="block text-sm font-medium text-gray-300 mb-2">
|
| 133 |
-
|
| 134 |
-
</label>
|
| 135 |
-
<textarea id="links" name="links" rows="3"
|
| 136 |
-
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 137 |
-
placeholder="Forum threads, screenshots, archive links, etc."></textarea>
|
| 138 |
-
</div>
|
| 139 |
-
|
| 140 |
-
<div class="flex items-center">
|
| 141 |
-
<input type="checkbox" id="newsletter" name="newsletter" class="mr-2">
|
| 142 |
-
<label for="newsletter" class="text-sm text-gray-300">
|
| 143 |
-
Send me updates on investigations (optional)
|
| 144 |
</label>
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
|
|
|
|
|
|
| 148 |
class="w-full md:w-auto px-8 py-3 bg-gradient-to-r from-amber-500 to-amber-600 text-white font-semibold rounded-lg hover:from-amber-600 hover:to-amber-700 transition-all duration-300 flex items-center justify-center">
|
| 149 |
<i data-feather="send" class="w-5 h-5 mr-2"></i>
|
| 150 |
Submit Lead
|
|
@@ -202,16 +192,14 @@
|
|
| 202 |
// Form submission handler
|
| 203 |
document.querySelector('form').addEventListener('submit', function(e) {
|
| 204 |
e.preventDefault();
|
| 205 |
-
|
| 206 |
// Get form data
|
| 207 |
const formData = new FormData(this);
|
| 208 |
const data = Object.fromEntries(formData);
|
| 209 |
|
| 210 |
// Here you would typically send the data to a server
|
| 211 |
// For now, we'll show a success message
|
| 212 |
-
alert('Thank you for your submission! We\'ll review your lead and
|
| 213 |
-
|
| 214 |
-
// Reset form
|
| 215 |
this.reset();
|
| 216 |
});
|
| 217 |
</script>
|
|
|
|
| 75 |
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 76 |
placeholder="Anonymous or your name">
|
| 77 |
</div>
|
|
|
|
| 78 |
<div>
|
| 79 |
<label for="email" class="block text-sm font-medium text-gray-300 mb-2">
|
| 80 |
+
Contact Email <span class="text-red-500">*</span>
|
| 81 |
</label>
|
| 82 |
+
<input type="email" id="email" name="email" required
|
| 83 |
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 84 |
placeholder="your@email.com">
|
| 85 |
</div>
|
| 86 |
+
</div>
|
| 87 |
|
| 88 |
<div>
|
| 89 |
<label for="category" class="block text-sm font-medium text-gray-300 mb-2">
|
|
|
|
| 126 |
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 127 |
placeholder="e.g., Early 2000s, 1998-2001, Around 2010">
|
| 128 |
</div>
|
|
|
|
| 129 |
<div>
|
| 130 |
<label for="links" class="block text-sm font-medium text-gray-300 mb-2">
|
| 131 |
+
Links or References
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 132 |
</label>
|
| 133 |
+
<textarea id="links" name="links" rows="3" required
|
| 134 |
+
class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent text-gray-100 placeholder-gray-400"
|
| 135 |
+
placeholder="Forum threads, screenshots, archive links, etc."></textarea>
|
| 136 |
+
</div>
|
| 137 |
+
<button type="submit"
|
| 138 |
class="w-full md:w-auto px-8 py-3 bg-gradient-to-r from-amber-500 to-amber-600 text-white font-semibold rounded-lg hover:from-amber-600 hover:to-amber-700 transition-all duration-300 flex items-center justify-center">
|
| 139 |
<i data-feather="send" class="w-5 h-5 mr-2"></i>
|
| 140 |
Submit Lead
|
|
|
|
| 192 |
// Form submission handler
|
| 193 |
document.querySelector('form').addEventListener('submit', function(e) {
|
| 194 |
e.preventDefault();
|
|
|
|
| 195 |
// Get form data
|
| 196 |
const formData = new FormData(this);
|
| 197 |
const data = Object.fromEntries(formData);
|
| 198 |
|
| 199 |
// Here you would typically send the data to a server
|
| 200 |
// For now, we'll show a success message
|
| 201 |
+
alert('Thank you for your submission! We\'ll review your lead and contact you at ' + data.email + ' if we need more information.');
|
| 202 |
+
// Reset form
|
|
|
|
| 203 |
this.reset();
|
| 204 |
});
|
| 205 |
</script>
|