feat: how-to email setup and stagger bio images

1 files changed, 68 insertions, 0 deletions

diff --git a/tutors/email/index.php b/tutors/email/index.php
new file mode 100644
index 0000000..666ebf0
--- /dev/null
+++ b/tutors/email/index.php
@@ -0,0 +1,68 @@
+<?php include('../../header.php'); ?>
+<section class="banner">
+	<h1>Email Setup</h1>
+</section>
+
+<section class="quiet flexible">
+	<div>
+		<p>
+			This guide is for Gmail users only. While most of this guide will also be applicable to other mail providers, additional steps may be required.
+		</p>
+
+		<h2>Receiving Mail</h2>
+
+		<p>
+			Once your <a href="/">carpentertutoring.com</a> email address is created, you will receive a verification email. In order to receive mail in your personal address from this alias, you will have to click the confirmation link in the verification email. Once complete, you can start receiving mail immediately.
+		</p>
+
+		<h2>Sending Mail</h2>
+
+		<p>
+			Sending mail from your <a href="/">carpentertutoring.com</a> address requires a small amount of setup.
+		</p>
+
+		<h3>App Password (for 2-Step Verification enabled accounts only)</h3>
+
+		<p>
+			If you have Google 2-Step Verification enabled, you must first generate an App Password. You can verify whether you have 2-Step Verification turned on for your Google account by <a href="https://myaccount.google.com/signinoptions/two-step-verification">visiting this link to your Google account settings</a>. If 2-Step Verification is turned off, you may skip the next step.
+		</p>
+
+		<p>
+			If 2-Step Verification is turned on, generate an App Password by <a href="https://myaccount.google.com/apppasswords">following this link</a>.
+
+		<ol>
+			<li>On your computer, open <a href="https://myaccount.google.com/apppasswords" target="_blank">App Passwords</a>.</li>
+			<li>In the bottom of the window, click <em>Select app</em> and choose <em>Mail</em> from the list.</li>
+			<li>Click <em>Select device</em> and choose <em>Other...</em> and enter "Carpenter Tutoring" in the box.</li>
+			<li>Click <em>Generate</em>. You will see 16 letters and numbers in a yellow box. Copy this or write it down for the next step.</li>
+			<li>Click <em>Done</em>. Keep in mind you will not be able to see the App Password anymore. If you forget it before the next step, you will have to create a new one.</li>
+		</ol>
+		</p>
+
+		<p>
+
+		<h3>Mail forwarding</h3>
+
+		<ol>
+			<li>On your computer, open <a href="https://mail.google.com" target="_blank">Gmail</a>.</li>
+			<li>In the top right, click settings (⚙️) and then <em>See all settings</em>.</li>
+			<li>Click the <em>Accounts and import</em> or <em>Accounts</em> tab.</li>
+			<li>In the "Send mail as" section, click <em>Add another email address</em>.</li>
+			<li>Enter your name and the address you want to send from. This will be your <a href="/">carpentertutoring.com</a> address. Leave the "Treat as an alias" box checked.</li>
+			<li>Click <em>Next Step</em>.</li>
+			<li>For the "SMTP server" enter <em>smtp.gmail.com</em>. Select <em>465</em> for the port.</li>
+			<li>For the username and password you will enter your personal Gmail address (with "@gmail.com" suffix) and password. If you generated an App Password for 2-Step Verification, you will use the App Password here instead of your Gmail password.</li>
+			<li>Check "Secured connection using SSL (recommended)" and click <em>Add Account</em>.</li>
+			<li>Return to the "Send mail as" section on the settings page and look for "When replying to a message." Check "Reply from the same address the message was sent to." This will ensure you respond to tutoring inquiries with your Carpenter Tutoring address and personal mail with your Gmail address.</li>
+		</ol>
+
+		</p>
+
+		<p>Now you should be able to immediately send mail as your Carpenter Tutoring alias. To test this, compose a new message an check the "From" box. You should see a menu there where you can choose which address to send mail from.</p>
+
+		<p>Thank you for being a part of Carpenter Tutoring!</p>
+	</div>
+
+</section>
+
+<?php include('../../footer.php'); ?>