[tor-commits] [webwml/staging] Add screenshots that show how to run Tor Browser on OS X.

[sebastian at torproject.org]

commit 3b647388ec91070e307a9e508f2d7ac597c799d8
Author: David Fifield <david at bamsoftware.com>
Date:   Thu Feb 12 12:29:32 2015 -0800

    Add screenshots that show how to run Tor Browser on OS X.
    
    https://trac.torproject.org/projects/tor/ticket/14838
---
 css/layout.css                |   14 ++++++++++++++
 download/en/download-easy.wml |   18 ++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/css/layout.css b/css/layout.css
index 4e305f7..54d225b 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -660,6 +660,20 @@ table tr img {
 	padding-bottom: 8px;
 }
 
+.howto th, .howto td {
+	padding: 2px;
+}
+
+.howto th {
+	font-weight: bold;
+	text-align: center;
+}
+
+.howto img {
+	border: 0;
+	margin: 0;
+}
+
 #download-donate {
 	background-attachment: scroll;
 	background-clip: border-box;
diff --git a/download/en/download-easy.wml b/download/en/download-easy.wml
index 727a874..0868a0d 100644
--- a/download/en/download-easy.wml
+++ b/download/en/download-easy.wml
@@ -75,6 +75,24 @@
 	  </form>
 	  <p class="alt-dl">Not Using Mac? Download for <a href="#windows">Windows</a> or <a href="#linux">GNU/Linux</a></p>
         </div>
+        <!-- To update these screenshots: Press Command-Shift-4 and then Spacebar, then click on the window. See #14838. -->
+        <table class="howto">
+          <tr>
+            <th>1. Install</th>
+            <th>2. Control-click</th>
+            <th>3. Open</th>
+          </tr>
+          <tr>
+            <td><img src="$(IMGROOT)/tbb-macosx-step-1.png" alt="Screenshot showing the contents of the Tor Browser dmg file."></td>
+            <td><img src="$(IMGROOT)/tbb-macosx-step-2.png" alt="Screenshot of the Applications folder with the Tor Browser icon."></td>
+            <td><img src="$(IMGROOT)/tbb-macosx-step-3.png" alt="Dialog offering to open Tor Browser."></td>
+          </tr>
+          <tr>
+            <td>Drag the Tor Browser icon to the Applications folder and open the Applications folder.</td>
+            <td>Control-click on the Tor Browser icon (click the mouse button while pressing the Control key on the keyboard) and choose “Open”.</td>
+            <td>Click “Open” on the next screen.</td>
+          </tr>
+        </table>
       </div>
 <!-- START LINUX -->
       <div id="linux" class="easy linux">