feat: add contact form #13

Manually merged
ryan merged 3 commits from feat/contact-page-form into main 2024-09-24 15:20:46 +00:00
3 changed files with 10 additions and 12 deletions
Showing only changes of commit dae80e4eca - Show all commits

View File

@ -14,7 +14,7 @@
<h3>Contact us to take your security posture to the next level.</h3>
<p>We look forward to learning about your project and helping you bolster your security program.</p>
<p>Meet The Team</p>
<h4>Meet The Team</h4>
<p>Lance Vick | <a mailto="lance@distrust.co">lance@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/6B61ECD76088748C70590D55E90A401336C8AAA9">PGP</a></p>
<p>Ryan Heywood | <a mailto="ryan@distrust.co">ryan@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/88823A75ECAA786B0FF38B148E401478A3FBEF72">PGP</a></p>
<p>Danny Grove | <a mailto="danny@distrust.co">danny@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/C92FE5A3FBD58DD3EC5AA26BB10116B8193F2DBD">PGP</a></p>
@ -66,12 +66,11 @@
<option value="engineering">Engineering</option>
</select>
<label for="help" class="form-label required">How Can We Help?</label>
<label for="help" class="form-label required">How can we help?</label>
<textarea id="help" name="help" class="form-textarea" required></textarea>
<label for="hear-about" class="form-label">How Did You Hear About Distrust?</label>
<select id="hear-about" name="hear-about" class="form-select" onchange="toggleOtherField()"
required>
<label for="hear-about" class="form-label">How did you hear about Distrust?</label>
<select id="hear-about" name="hear-about" class="form-select" onchange="toggleOtherField()">
<option value="" disabled selected>Select option</option>
<option value="referral">Referral</option>
<option value="social-media">Social Media</option>
@ -80,8 +79,7 @@
</select>
<div id="other-field" style="display:none;">
<label for="other-source" class="form-label">How did you hear about us?</label>
<input type="text" id="other-source" name="other-source" class="form-input">
<input type="text" id="other-source" name="other-source" class="form-input" placeholder="Please specify">
</div>
<!-- TODO: add captcha of some sort -->

View File

@ -9,7 +9,7 @@
--selection-text: #000;
--background-color: #282828;
--text-color: var(--base-color);
--placeholder-color: var(--base-color);
--placeholder-color: rgba(0, 0, 0, 0.5);
--link-color: var(--base-color);
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;

View File

@ -435,8 +435,8 @@ textarea {
* Contact Form
*/
.required:after {
content: " *";
color: white;
content: "*";
color: red;
}
.form-label {