From dae80e4eca95e6b49c2ab11a13cd3b28f93eaaec Mon Sep 17 00:00:00 2001
From: ryan <ryan@distrust.co>
Date: Wed, 10 Jul 2024 17:54:36 -0400
Subject: [PATCH] fix: styling and formatting of text on contacts page

---
 _layouts/contact.html | 14 ++++++--------
 _sass/_dark.scss      |  2 +-
 _sass/base.scss       |  6 +++---
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/_layouts/contact.html b/_layouts/contact.html
index 723bb40..c2aea5e 100644
--- a/_layouts/contact.html
+++ b/_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>
-							<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 -->
@@ -129,4 +127,4 @@
 	}
 </script>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/_sass/_dark.scss b/_sass/_dark.scss
index ea4372f..d854972 100644
--- a/_sass/_dark.scss
+++ b/_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;
diff --git a/_sass/base.scss b/_sass/base.scss
index ec9f7ea..bf69c1a 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -435,8 +435,8 @@ textarea {
  * Contact Form
  */
 .required:after {
-   content: " *";
-   color: white;
+   content: "*";
+   color: red;
 }
 
 .form-label {
@@ -1012,4 +1012,4 @@ body {
       padding-top: 50px;
       padding-left: 10px;
    }
-}
\ No newline at end of file
+}