markjr commited on
Commit
a87ed57
·
verified ·
1 Parent(s): 2949ee0

make a Contact Email (Optional) not optinal

Browse files
Files changed (1) hide show
  1. 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 (Optional)
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
- </div>
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
- Any Links or References (Optional)
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
- </div>
146
-
147
- <button type="submit"
 
 
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 get back to you if we need more information.');
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>