apply patch from jeremy to fix the project layout, standardize project icons, and css fixes for both rtl and ltr languages.
Andrew Lewman commited on 2011-08-07 23:16:31
Zeige 11 geänderte Dateien mit 52 Einfügungen und 0 Löschungen.
- css/layout-rtl.css 04191aa4d..16bf3238a
- css/layout.css a7fe555ab..9d53f0984
- css/typography.css e2411e877..fb0f1dbbd
- en/index.wml 1c253e503..c8ae372b5
- images/icon-Arm.jpg 6a3f3ab88..095ed31a3
- images/icon-Tails.jpg 4ebbccc2a..20993d325
- images/icon-TorBrowser.jpg c1d13fdac..d63300ec3
- images/icon-TorButton.jpg 692e5906f..04d9047bf
- images/icon-TorCheck.jpg e0319aa6d..3b12bb12c
- images/icon-TorStatus.jpg e46c5b826..b669171dc
- images/icon-Vidalia.jpg feed5a7ba..c5ef594bc
| ... | ... |
@@ -424,6 +423,28 @@ table tr img {
|
| 424 | 423 |
height: 11px; |
| 425 | 424 |
} |
| 426 | 425 |
|
| 426 |
+#home-our-projects td {
|
|
| 427 |
+ height: 92px; |
|
| 428 |
+ width: 296px; |
|
| 429 |
+ padding: 6px; |
|
| 430 |
+ } |
|
| 431 |
+ |
|
| 432 |
+.project {
|
|
| 433 |
+ float: left; |
|
| 434 |
+ padding: 6px; |
|
| 435 |
+ border: 1px solid #CAC8A7; |
|
| 436 |
+ height: 76px; |
|
| 437 |
+ width: 284px; |
|
| 438 |
+ -webkit-border-radius: 10px; |
|
| 439 |
+ -moz-border-radius: 10px; |
|
| 440 |
+ border-radius: 10px; |
|
| 441 |
+ } |
|
| 442 |
+ |
|
| 443 |
+.project img {
|
|
| 444 |
+ border: none; |
|
| 445 |
+ margin-right: 6px; |
|
| 446 |
+ } |
|
| 447 |
+ |
|
| 427 | 448 |
.beige { background: #f5f5df; }
|
| 428 | 449 |
.gray { background: #e0e0e0; }
|
| 429 | 450 |
|
| ... | ... |
@@ -57,17 +57,21 @@ |
| 57 | 57 |
license: LGPL v2 |
| 58 | 58 |
--> |
| 59 | 59 |
<td> |
| 60 |
+ <div class="project"> |
|
| 60 | 61 |
<a href="http://tails.boum.org/"><img |
| 61 | 62 |
src="$(IMGROOT)/icon-Tails.jpg" alt="Tails Icon"></a> |
| 62 | 63 |
<h3><a href="http://tails.boum.org/">Tails</a></h3> |
| 63 | 64 |
<p>Live CD/USB distribution preconfigured to use Tor safely.</p> |
| 65 |
+ </div> |
|
| 64 | 66 |
</td> |
| 65 | 67 |
<td> |
| 68 |
+ <div class="project"> |
|
| 66 | 69 |
<a href="https://guardianproject.info/apps/orbot/"><img |
| 67 | 70 |
src="$(IMGROOT)/icon-Orbot.jpg" alt="Orbot Icon"></a> |
| 68 | 71 |
<h3><a href="https://guardianproject.info/apps/orbot/">Orbot</a></h3> |
| 69 | 72 |
<p>Tor for <a href="https://code.google.com/android/">Google |
| 70 | 73 |
Android</a> devices.</p> |
| 74 |
+ </div> |
|
| 71 | 75 |
</td> |
| 72 | 76 |
</tr> |
| 73 | 77 |
<tr> |
| ... | ... |
@@ -77,10 +81,12 @@ |
| 77 | 81 |
license: LGPL v3 |
| 78 | 82 |
--> |
| 79 | 83 |
<td> |
| 84 |
+ <div class="project"> |
|
| 80 | 85 |
<a href="http://torstatus.blutmagie.de/"><img |
| 81 | 86 |
src="$(IMGROOT)/icon-TorStatus.jpg" alt="TorStatus Icon"></a> |
| 82 | 87 |
<h3><a href="http://torstatus.blutmagie.de/">TorStatus</a></h3> |
| 83 | 88 |
<p>Site providing an overview of the Tor network.</p> |
| 89 |
+ </div> |
|
| 84 | 90 |
</td> |
| 85 | 91 |
<!-- Icon from the Crystal set |
| 86 | 92 |
author: Everaldo Coelho |
| ... | ... |
@@ -88,43 +94,53 @@ |
| 88 | 94 |
license: LGPL v2 |
| 89 | 95 |
--> |
| 90 | 96 |
<td> |
| 97 |
+ <div class="project"> |
|
| 91 | 98 |
<a href="http://www.atagar.com/arm/"><img |
| 92 | 99 |
src="$(IMGROOT)/icon-Arm.jpg" alt="Arm Icon"></a> |
| 93 | 100 |
<h3><a href="http://www.atagar.com/arm/">Arm</a></h3> |
| 94 | 101 |
<p>Terminal application for monitoring and configuring Tor.</p> |
| 102 |
+ </div> |
|
| 95 | 103 |
</td> |
| 96 | 104 |
</tr> |
| 97 | 105 |
<tr> |
| 98 | 106 |
<td> |
| 107 |
+ <div class="project"> |
|
| 99 | 108 |
<a href="<page torbutton/index>"><img |
| 100 | 109 |
src="$(IMGROOT)/icon-TorButton.jpg" alt="Torbutton Icon"></a> |
| 101 | 110 |
<h3><a href="<page torbutton/index>">Torbutton</a></h3> |
| 102 | 111 |
<p>Torbutton is a 1-click way for Firefox users to enable |
| 103 | 112 |
or disable Tor in Firefox.</p> |
| 113 |
+ </div> |
|
| 104 | 114 |
</td> |
| 105 | 115 |
<td> |
| 116 |
+ <div class="project"> |
|
| 106 | 117 |
<a href="https://check.torproject.org/"><img |
| 107 | 118 |
src="$(IMGROOT)/icon-TorCheck.jpg" alt="Tor Check Icon"></a> |
| 108 | 119 |
<h3><a href="https://check.torproject.org/">Check</a></h3> |
| 109 | 120 |
<p>Check determines if you are successfully browsing |
| 110 | 121 |
with Tor.</p> |
| 122 |
+ </div> |
|
| 111 | 123 |
</td> |
| 112 | 124 |
</tr> |
| 113 | 125 |
<tr> |
| 114 | 126 |
<td> |
| 127 |
+ <div class="project"> |
|
| 115 | 128 |
<a href="<page projects/vidalia>"><img |
| 116 | 129 |
src="$(IMGROOT)/icon-Vidalia.jpg" alt="Vidalia Icon"></a> |
| 117 | 130 |
<h3><a href="<page projects/vidalia>">Vidalia</a></h3> |
| 118 | 131 |
<p>Vidalia is a graphical way to control and view Tor's |
| 119 | 132 |
connections and settings.</p> |
| 133 |
+ </div> |
|
| 120 | 134 |
</td> |
| 121 | 135 |
<td> |
| 136 |
+ <div class="project"> |
|
| 122 | 137 |
<a href="<page projects/torbrowser>"><img |
| 123 | 138 |
src="$(IMGROOT)/icon-TorBrowser.jpg" alt="TorBrowser Icon"></a> |
| 124 | 139 |
<h3><a href="<page projects/torbrowser>">Tor |
| 125 | 140 |
Browser</a></h3> |
| 126 | 141 |
<p>Tor Browser contains everything you need to safely |
| 127 | 142 |
browse the Internet. </p> |
| 143 |
+ </div> |
|
| 128 | 144 |
</td> |
| 129 | 145 |
</tr> |
| 130 | 146 |
</table> |
