fix: styling and formatting of text on contacts page

This commit is contained in:
Ryan Heywood 2024-07-10 17:54:36 -04:00
parent 9e58de5115
commit dae80e4eca
Signed by: ryan
GPG Key ID: 8E401478A3FBEF72
3 changed files with 10 additions and 12 deletions

View File

@ -14,7 +14,7 @@
<h3>Contact us to take your security posture to the next level.</h3> <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>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>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>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> <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> <option value="engineering">Engineering</option>
</select> </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> <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="" disabled selected>Select option</option>
<option value="referral">Referral</option> <option value="referral">Referral</option>
<option value="social-media">Social Media</option> <option value="social-media">Social Media</option>
@ -80,8 +79,7 @@
</select> </select>
<div id="other-field" style="display:none;"> <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> </div>
<!-- TODO: add captcha of some sort --> <!-- TODO: add captcha of some sort -->
@ -129,4 +127,4 @@
} }
</script> </script>
</html> </html>

View File

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

View File

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