Add screenshots that show how to run Tor Browser on OS X.
David Fifield

David Fifield commited on 2015-04-25 02:17:38
Zeige 2 geänderte Dateien mit 32 Einfügungen und 0 Löschungen.


https://trac.torproject.org/projects/tor/ticket/14838
... ...
@@ -660,6 +660,20 @@ table tr img {
660 660
 	padding-bottom: 8px;
661 661
 }
662 662
 
663
+.howto th, .howto td {
664
+	padding: 2px;
665
+}
666
+
667
+.howto th {
668
+	font-weight: bold;
669
+	text-align: center;
670
+}
671
+
672
+.howto img {
673
+	border: 0;
674
+	margin: 0;
675
+}
676
+
663 677
 #download-donate {
664 678
 	background-attachment: scroll;
665 679
 	background-clip: border-box;
... ...
@@ -75,6 +75,24 @@
75 75
 	  </form>
76 76
 	  <p class="alt-dl">Not Using Mac? Download for <a href="#windows">Windows</a> or <a href="#linux">GNU/Linux</a></p>
77 77
         </div>
78
+        <!-- To update these screenshots: Press Command-Shift-4 and then Spacebar, then click on the window. See #14838. -->
79
+        <table class="howto">
80
+          <tr>
81
+            <th>1. Install</th>
82
+            <th>2. Control-click</th>
83
+            <th>3. Open</th>
84
+          </tr>
85
+          <tr>
86
+            <td><img src="$(IMGROOT)/tbb-macosx-step-1.png" alt="Screenshot showing the contents of the Tor Browser dmg file."></td>
87
+            <td><img src="$(IMGROOT)/tbb-macosx-step-2.png" alt="Screenshot of the Applications folder with the Tor Browser icon."></td>
88
+            <td><img src="$(IMGROOT)/tbb-macosx-step-3.png" alt="Dialog offering to open Tor Browser."></td>
89
+          </tr>
90
+          <tr>
91
+            <td>Drag the Tor Browser icon to the Applications folder and open the Applications folder.</td>
92
+            <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>
93
+            <td>Click &ldquo;Open&rdquo; on the next screen.</td>
94
+          </tr>
95
+        </table>
78 96
       </div>
79 97
 <!-- START LINUX -->
80 98
       <div id="linux" class="easy linux">
81 99