| 1 | <!-- ~~~~~~~~~ Section 1: Get the pieces ~~~~~~~~~ --> |
| 2 | <section class="row" id="section1"> |
| 3 | <div> |
| 4 | <!-- ~~~~~~~~~ section title + graphics + intro ~~~~~~~~~ --> |
| 5 | <div class="section-intro"> |
| 6 | <div class="sidebar"> |
| 7 | <h2><em>#1</em> Get the pieces</h2> |
| 8 | </div><!-- /.sidebar --> |
| 9 | <!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ --> |
| 10 | <div class="main"> |
| 11 | <p>Before starting, you'll need Thunderbird or a similar desktop email program installed on your computer. Email programs are another way to access the same email accounts you can access in a browser (like GMail), but provide extra features.</p> |
| 12 | <p>If you are already have one of these, you can skip to <a href="#step-1b">Step 1.b</a>.</p> |
| 13 | </div><!-- End .main --> |
| 14 | </div><!-- End .section-intro --> |
| 15 | |
| 16 | <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ --> |
| 17 | <div id="step-1a" class="step"> |
| 18 | <div class="sidebar"> |
| 19 | <p><img src="http://static.fsf.org/nosvn/enc-dev0/img/screenshots/step1a-install-wizard.png" alt="Step 1.A: Install Wizard" /></p> |
| 20 | </div><!-- /.sidebar --> |
| 21 | <div class="main"> |
| 22 | <h3><em>Step 1.a</em> Set your email program up with your email account (if it isn't already)</h3> |
| 23 | <p>Open your email program and follow the wizard that sets it up with your email account.</p> |
| 24 | |
| 25 | <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ --> |
| 26 | <div class="troubleshooting"> |
| 27 | <h4>Troubleshooting</h4> |
| 28 | <dl> |
| 29 | <dt>What's a wizard?</dt> |
| 30 | <dd>A wizard is a series of windows that pop up to make it easy to get something done on a computer, like installing a program. You click through it, selecting options as you go.</dd> |
| 31 | <dt>My email program can't find my account or isn't downloading my mail?</dt> |
| 32 | <dd>Before Googling, we recommend you start by asking other people who use your email system, to figure out the correct settings.</dd> |
| 33 | </dl> |
| 34 | </div><!-- /.troubleshooting --> |
| 35 | |
| 36 | </div><!-- End .main --> |
| 37 | </div><!-- End #step1-a .step --> |
| 38 | |
| 39 | <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ --> |
| 40 | |
| 41 | <div id="step-1b" class="step"> |
| 42 | <div class="main"> |
| 43 | <h3><em>Step 1.b</em>Install GnuPG</h3> |
| 44 | <p><a rel="external" href="https://releases.gpgtools.org/GPG%20Suite%20-%202013.10.22.dmg">Download GPG Suite</a>, a software package that includes GnuPG. Install it, clicking through the installation wizard with all the default settings. If it opens any windows after installation, you can close them.</p> |
| 45 | </div><!-- End .main --> |
| 46 | </div><!-- End #step1b .step --> |
| 47 | |
| 48 | <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ --> |
| 49 | <div id="step-1c" class="step"> |
| 50 | <div class="main"> |
| 51 | <h3><em>Step 1.c</em> Install the Enigmail plugin for your email program</h3> |
| 52 | <p>In your email program's menu, select Add-ons (it may be in the Tools section). Make sure Extensions is selected on the left. Do you see Enigmail? if so, skip this step.</p> |
| 53 | <p>If not, search "Enigmail" with the search bar in the upper right. You can take it from here. Restart your email program when you're done.</p> |
| 54 | <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ --> |
| 55 | <div class="troubleshooting"> |
| 56 | <h4>Troubleshooting</h4> |
| 57 | <dl> |
| 58 | <dt>I can't find the menu.</dt> |
| 59 | <dd>In many new email programs, the main menu is represented by an image of three stacked horizontal bars.</dd> |
| 60 | </dl> |
| 61 | </div><!-- /.troubleshooting --> |
| 62 | </div><!-- End .main --> |
| 63 | </div><!-- End #step-1c .step --> |
| 64 | </div> |
| 65 | </section><!-- End #section1 --> |
| 66 | |
| 67 | |
| 68 | |
| 69 | <!-- first step of section 6 --> |
| 70 | |
| 71 | |
| 72 | <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ --> |
| 73 | <div id="step-gnulinux" class="step"> |
| 74 | <div class="main"> |
| 75 | <h3>Switch to GNU/Linux</h3> |
| 76 | <p>Coming soon</p> |
| 77 | </div><!-- End .main --> |
| 78 | </div><!-- End #step-gnulinux .step --> |