Creating new files for mac and windows, and working on Section 1 in all three version...
[enc-live.git] / windows.html
CommitLineData
6c673e6f
ZR
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 any one of these desktop email programs installed on your computer: <a href="http://www.fossamail.org">FossaMail</a> or Thunderbird. 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="static/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="http://files.gpg4win.org/gpg4win-2.2.1.exe">Download GPG4win</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, it's 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 -->