commit 3b647388ec91070e307a9e508f2d7ac597c799d8 Author: David Fifield david@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 &ldquo;Open&rdquo;.</td> + <td>Click &ldquo;Open&rdquo; on the next screen.</td> + </tr> + </table> </div> <!-- START LINUX --> <div id="linux" class="easy linux">