update docs

src/assets/css/style.css

@@ -2376,3 +2376,7 @@ code, .mono.address {
 @media only screen and (max-width: 480px) {
 
 }
+
+p + p.step-label {
+  margin-top: 2rem;
+}

src/start-here.html

@@ -110,7 +110,18 @@ <h3>Add Information About Yourself</h3>
                         <div class="feature">
                             <div class="wrapper">
                                 <div class="description">
-                                    <p class="step-label">Option 3.1.</p>    
+                                    <p class="step-label">Step 4.</p> 
+                                    <h3>Enable End-to-End Encryption</h3>
+                                    <p>To receive messages you need to add an encryption key. We make it *really* easy, so don't worry! </p>
+                                    <p>Some users may choose to decline using our messenger, and that's okay! Add your preferred contact method in your bio's extra links! Add yourself to the directory, and whistleblowers will know how to contact you.</p>
+                                </div>
+                                <img src="assets/img/docs/settings-encryption.webp" alt="Wireframe of the Email & Encryption tab in Settings with an arrow pointing to the Proton Mail search input.">
+                            </div>
+                        </div>
+                        <div class="feature">
+                            <div class="wrapper">
+                                <div class="description">
+                                    <p class="step-label">Option 4.1.</p>    
                                     <h4>Use with Proton Mail</h4>
                                         <p>Once set up, we'll deliver messages to your Proton Mail inbox, so you never have to worry about logging back into Hush Line to receive a message. The benefit of using Proton is that Hush Line uses the same encryption technology, so when your message is delivered, it will be seamlessly decrypted for you to read!</p>
                                         <p>If you don't have a Proton account, head to <a href="https://proton.me" target="_blank" rel="noopener noreferrer">https://proton.me</a> to create one. In Hush Line Settings, select the Email & Encryption tab. You'll see a search input with placeholder text reading "Search Proton email..." - enter the address you just created and click the Search Proton button. We'll automatically import your key into Hush Line, and your encryption setup will be complete!</p>
@@ -121,7 +132,7 @@ <h4>Use with Proton Mail</h4>
                         <div class="feature">
                             <div class="wrapper">
                                 <div class="description">
-                                    <p class="step-label">Option 3.2.</p> 
+                                    <p class="step-label">Option 4.2.</p> 
                                     <h4>Use with Mailvelope</h4>
                                     <p>If you prefer to use a mail provider like Gmail - or if you use Hush Line with no email forwarding at all - you should use Mailvelope, a browser extension for Chrome, Firefox, and Edge which allows you to read encrypted messages directly in the browser. To get it set up, <a href="https://mailvelope.com/en/help#installation" target="_blank" rel="noopener noreferrer">read their documentation on getting started</a>.</p>
                                     <p>Once you've created your PGP keypair, <a href="https://mailvelope.com/en/faq#backup" target="_blank" rel="noopener noreferrer">export your public key</a>. In Hush Line Settings, in the Email & Encryption tab, paste the key into the text area with the label "Or, Add Your Public PGP Key Manually."</p>
@@ -133,7 +144,7 @@ <h4>Use with Mailvelope</h4>
                         <div class="feature">
                             <div class="wrapper">
                                 <div class="description">
-                                    <p class="step-label">Step 4.</p> 
+                                    <p class="step-label">Step 5.</p> 
                                     <h3>Enable message forwarding</h3>
                                     <p>You can enable forwarding so you never have to check back into Hush Line to get messages. If you're using Hush Line with Proton Mail, enter your new Proton email address from Option 3.1 above. When messages arrive in your Proton inbox, they'll automatically be decrypted for you!</p>
                                     <p>If you prefer to forward to a different email provider like Gmail, you should have followed Option 3.2 above to set up Mailvelope. Go to your Gmail inbox in the same browser you have the Mailvelope extension installed. When an encrypted message arrives, you'll see a red seal with the Mailvelope logo. Click on it, and you'll be prompted to enter the password you created when you generated your key.</p>