mac.html

   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="//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 -->
  79
  80
  81
  82 <!-- paragraph at the end of the introduction -->
  83
  84 <p>This guide relies on software which is freely licensed; it's completely transparent and anyone can copy it or make their own version. This makes it safer from surveillance than proprietary software (like Mac OS). To be as safe as possible from surveillance, we recommend you switch to a free software operating system like GNU/Linux. Learn more about free software at <a href="https://u.fsf.org/ys">fsf.org</a>.</p>
  85
  86
  87 <!-- first step of section 6 -->
  88
  89
  90                                 <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
  91                                 <div id="step-gnulinux" class="step">
  92                                         <div class="main">
  93                                                 <h3>Switch to GNU/Linux for maximum safety</h3>
  94                                                 <p>Mac OS is a nonfree operating system, which means that no one but Apple gets to see the code it runs on. This makes running Mac OS risky for your privacy -- there's no way to know if it's spying on you.</p><p>To push back hard against surveillance, we recommend you switch to a free software operating system like GNU/Linux. Free operating systems are completely transparent, so anyone can find and remove dangerous code. Learn more about free software at <a href="https://u.fsf.org/ys">fsf.org</a>.</p>
  95                                         </div><!-- End .main -->
  96                                 </div><!-- End #step-gnulinux .step -->