_layouts/contact.html

@@ -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>
+							<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()"
+							<select id="hear-about" name="hear-about" class="form-select" onchange="toggleOtherField()">
-								required>
 								<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" placeholder="Please specify">
-								<input type="text" id="other-source" name="other-source" class="form-input">
 							</div>
 
                             <!-- TODO: add captcha of some sort -->
@@ -129,4 +127,4 @@
 	}
 </script>
 
-</html>
+</html>

_sass/_dark.scss

@@ -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;

_sass/base.scss

@@ -435,8 +435,8 @@ textarea {
  * Contact Form
  */
 .required:after {
-   content: " *";
+   content: "*";
-   color: white;
+   color: red;
 }
 
 .form-label {
@@ -1012,4 +1012,4 @@ body {
       padding-top: 50px;
       padding-left: 10px;
    }
-}
+}