[tor-commits] [webwml/staging] download/tor: improve design
hiro at torproject.org
hiro at torproject.org
Mon Aug 27 11:02:58 UTC 2018
commit 8fbe9adb9dabcd0f0db861d2c858534d9b4b648c
Author: traumschule <traumschuleriebau at riseup.net>
Date: Sat Aug 25 12:33:39 2018 +0200
download/tor: improve design
---
download/en/tor.wml | 85 ++++++++++++++++++++++++++++-------------------------
1 file changed, 45 insertions(+), 40 deletions(-)
diff --git a/download/en/tor.wml b/download/en/tor.wml
index 588d4e9d..bda66352 100644
--- a/download/en/tor.wml
+++ b/download/en/tor.wml
@@ -19,50 +19,55 @@
#include "dlhead.wmi" TITLE="Download Tor" CHARSET="UTF-8"
-<div id="content" class="clearfix">
+<div id="content" class="clearfix" style="border-bottom: 1px solid #888888;">
<div id="breadcrumbs"><a href="<page index>">Home » </a><a href="<page download/download>">Download</a> » <a href="<page download/tor>">Tor</a></div>
<div id="maincol-left">
<!-- BEGIN TEASER WARNING -->
<div class="warning-top">
<h2>Want Tor to really work?</h2>
- <p>You need to change some of your habits, as some things won't work exactly as
+ <p>You need to change some of your habits, as some things won't work exactly as
you are used to. Please read the <a href="#warning">full list of warnings</a> for details.
- </p>
- </div>
+ </p>
+ </div>
<!-- END TEASER WARNING -->
<!-- START DOWNLOADS -->
- <div class="package" style="padding-top: 13px; border-top: 0px; border-bottom: 1px solid #888888;">
- <p class="all-dl"><a href="<page download/download>">What is Tor</a>? Looking for <a href="<page download/download>">Tor Browser</a>,
- <a href="<page download/download-unix>">Tor packages</a> or <a href="<page download/download>">other downloads</a>? <a href="<page projects/projects>">All projects</a></p>
- <div class="downloads">
- <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Stable)</span></a>
+ <div -class="package" style="padding-top: 35px;">
+ <div -class="downloads">
+ <h1 style="text-align: center">Tor Source Tarballs</h1>
+ <p style="text-align:center">Build and run with: <code style="color: #666666;">./configure && make && src/or/tor</code><br/>
+ See the <a href="<gitblob>ChangeLog">Changelog</a> for what's new.</p>
+ <div id="stable" style="margin-left:75px; float: left;">
+ <h2 style="text-align: center">Stable</h2>
+ <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Stable</span><span class="normal">Version <version-stable></span></a>
<div class="sig">
- (<a href="../dist/tor-<version-stable>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ <p>
+ <a href="<gitblob>ReleaseNotes<cgitstable>">Release notes</a> ‒ <a href="../dist/tor-<version-stable>.tar.gz.asc">signature</a> ‒ <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ </p>
</div>
- <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Oldstable)</span></a>
+ <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Oldstable</span><span class="normal">Version <version-oldstable></span></a>
<div class="sig">
- (<a href="../dist/tor-<version-oldstable>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ <p>
+ <a href="<gitblob>ReleaseNotes<cgitoldstable>">Release notes</a> ‒ <a href="../dist/tor-<version-oldstable>.tar.gz.asc">signature</a> ‒ <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ </p>
</div>
- <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Testing)</span></a>
+ </div>
+ <div id="unstable" style="margin-left:75px; float: left;">
+ <h2 style="text-align: center">Unstable</h2>
+ <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-testing></span></a>
<div class="sig">
- (<a href="../dist/tor-<version-testing>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
- <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Unstable - beta)</span></a>
+ <a href="../dist/tor-<version-testing>.tar.gz.asc">signature</a> ‒ <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ </div>
+ <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-beta></span></a>
<div class="sig">
- (<a href="../dist/tor-<version-beta>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
- <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Unstable - alpha)</span></a>
+ <a href="../dist/tor-<version-beta>.tar.gz.asc">signature</a> ‒ <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ </div>
+ <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-alpha></span></a>
<div class="sig">
- (<a href="../dist/tor-<version-alpha>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
+ <a href="../dist/tor-<version-alpha>.tar.gz.asc">signature</a> ‒ <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
</div>
- </div>
-
- <h2>Source Tarball</h2>
- <p>Configure with:<br/>
- <code style="color: #666666;">./configure && make && src/or/tor</code>
- </p>
- <p>The current stable version of Tor is <version-stable>. Its <a href="<gitblob>ReleaseNotes<cgitstable>">release notes</a> are available.</p>
- <p>The current unstable/alpha version of Tor is <version-alpha>. Its <a href="<gitblob>ChangeLog">Changelog</a> is available.</p>
-
+ </div>
</div>
+ </div>
</div>
<!-- END DOWNLOADS -->
<!-- START DONATION WIDGET -->
@@ -70,20 +75,21 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
<!-- END DONATION WIDGET -->
<!-- START SIDECOL -->
<div id="sidecol-right">
-<div class="img-shadow sidenav">
+<div class="img-shadow">
+<div class="sidenav-sub">
+<h2>What is Tor?</h2>
+<ul>
+<li class="dropdown"><a href="<page about/overview>">Take the tour</a></li>
+</ul>
+</div>
+</div>
+<div class="img-shadow">
<div class="sidenav-sub">
-<h2>Jump To:</h2>
+<h2><a href="<page download/download>">Other Downloads</a></h2>
<ul>
-<li class="dropdown"><a href="<page
-download/download>#windows">Microsoft Windows</a></li>
-<li class="dropdown"><a href="<page download/download>#apple">Apple OS
-X</a></li>
-<li class="dropdown"><a href="<page
-download/download>#linux">Linux/Unix</a></li>
-<li class="dropdown"><a href="<page
-download/download>#smartphone">Smartphones</a></li>
-<li class="dropdown"><a href="<page download/download>#source">Source
-Code</a></li>
+<li class="dropdown"><a href="<page download/download-unix>">Tor packages</a></li>
+<li class="dropdown"><a href="<page download/download-easy>">Tor Browser</a></li>
+<li class="dropdown"><a href="<page projects/projects>">All projects</a></li>
</ul>
</div>
</div>
@@ -102,7 +108,6 @@ Code</a></li>
<div id="maincol-left">
<!-- BEGIN WARNING -->
<div class="warning">
-<a name="warning"></a>
<a name="Warning"></a>
<h2><a class="anchor" href="#warning">Want Tor to really work?</a></h2>
<p>You need to change some of your habits, as some things won't work exactly as
More information about the tor-commits
mailing list