download/tor: improve design
traumschule

traumschule commited on 2018-09-06 16:52:36
Zeige 1 geänderte Dateien mit 41 Einfügungen und 36 Löschungen.

... ...
@@ -19,7 +19,7 @@
19 19
 
20 20
 #include "dlhead.wmi" TITLE="Download Tor" CHARSET="UTF-8"
21 21
 
22
-<div id="content" class="clearfix">
22
+<div id="content" class="clearfix" style="border-bottom: 1px solid #888888;">
23 23
   <div id="breadcrumbs"><a href="<page index>">Home &raquo; </a><a href="<page download/download>">Download</a> &raquo; <a href="<page download/tor>">Tor</a></div>
24 24
   <div id="maincol-left">
25 25
 <!-- BEGIN TEASER WARNING -->
... ...
@@ -31,37 +31,42 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
31 31
     </div>
32 32
 <!-- END TEASER WARNING -->
33 33
 <!-- START DOWNLOADS -->
34
-	<div class="package" style="padding-top: 13px; border-top: 0px; border-bottom: 1px solid #888888;">
35
-          <p class="all-dl"><a href="<page download/download>">What is Tor</a>? Looking for <a href="<page download/download>">Tor Browser</a>,
36
-            <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>
37
-	  <div class="downloads">
38
-	    <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Stable)</span></a>
34
+	<div -class="package" style="padding-top: 35px;">
35
+	  <div -class="downloads">
36
+           <h1 style="text-align: center">Tor Source Tarballs</h1>
37
+           <p style="text-align:center">Build and run with: <code style="color: #666666;">./configure &amp;&amp; make &amp;&amp; src/or/tor</code><br/>
38
+             See the <a href="<gitblob>ChangeLog">Changelog</a> for what's new.</p>
39
+           <div id="stable" style="margin-left:75px; float: left;">
40
+            <h2 style="text-align: center">Stable</h2>
41
+	    <a class="button" href="../dist/tor-<version-stable>.tar.gz"><span class="strong">Stable</span><span class="normal">Version <version-stable></span></a>
39 42
 	    <div class="sig">
40
-	      (<a href="../dist/tor-<version-stable>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
43
+              <p>
44
+	      <a href="<gitblob>ReleaseNotes<cgitstable>">Release notes</a> &#x2012; <a href="../dist/tor-<version-stable>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
45
+              </p>
41 46
 	    </div>
42
-	    <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Oldstable)</span></a>
47
+	    <a class="button" href="../dist/tor-<version-oldstable>.tar.gz"><span class="strong">Oldstable</span><span class="normal">Version <version-oldstable></span></a>
43 48
 	    <div class="sig">
44
-	      (<a href="../dist/tor-<version-oldstable>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
49
+              <p>
50
+              <a href="<gitblob>ReleaseNotes<cgitoldstable>">Release notes</a> &#x2012; <a href="../dist/tor-<version-oldstable>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
51
+              </p>
52
+	    </div>
45 53
            </div>
46
-	    <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Testing)</span></a>
54
+           <div id="unstable" style="margin-left:75px; float: left;">
55
+            <h2 style="text-align: center">Unstable</h2>
56
+	    <a class="button" href="../dist/tor-<version-testing>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-testing></span></a>
47 57
 	    <div class="sig">
48
-	      (<a href="../dist/tor-<version-testing>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
49
-	    <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Unstable - beta)</span></a>
58
+	      <a href="../dist/tor-<version-testing>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
59
+	    </div>
60
+	    <a class="button" href="../dist/tor-<version-beta>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-beta></span></a>
50 61
 	    <div class="sig">
51
-	      (<a href="../dist/tor-<version-beta>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
52
-	    <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Download</span><span class="normal">Source Code (Unstable - alpha)</span></a>
62
+	      <a href="../dist/tor-<version-beta>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
63
+	    </div>
64
+	    <a class="button" href="../dist/tor-<version-alpha>.tar.gz"><span class="strong">Unstable</span><span class="normal">Version <version-alpha></span></a>
53 65
 	    <div class="sig">
54
-	      (<a href="../dist/tor-<version-alpha>.tar.gz.asc">sig</a>) <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
66
+	      <a href="../dist/tor-<version-alpha>.tar.gz.asc">signature</a> &#x2012; <a class="siginfo" href="<page docs/verifying-signatures>">What's This?</a>
67
+	    </div>
55 68
            </div>
56 69
 	</div>
57
-
58
-	  <h2>Source Tarball</h2>
59
-	  <p>Configure with:<br/>
60
-            <code style="color: #666666;">./configure &amp;&amp; make &amp;&amp; src/or/tor</code>
61
-          </p>
62
-	  <p>The current stable version of Tor is <version-stable>. Its <a href="<gitblob>ReleaseNotes<cgitstable>">release notes</a> are available.</p>
63
-	  <p>The current unstable/alpha version of Tor is <version-alpha>. Its <a href="<gitblob>ChangeLog">Changelog</a> is available.</p>
64
-
65 70
    </div>
66 71
 </div>
67 72
 <!-- END DOWNLOADS -->
... ...
@@ -70,20 +75,21 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
70 75
 <!-- END DONATION WIDGET -->
71 76
 <!-- START SIDECOL -->
72 77
 <div id="sidecol-right">
73
-<div class="img-shadow sidenav">
78
+<div class="img-shadow">
79
+<div class="sidenav-sub">
80
+<h2>What is Tor?</h2>
81
+<ul>
82
+<li class="dropdown"><a href="<page about/overview>">Take the tour</a></li>
83
+</ul>
84
+</div>
85
+</div>
86
+<div class="img-shadow">
74 87
 <div class="sidenav-sub">
75
-<h2>Jump To:</h2>
88
+<h2><a href="<page download/download>">Other Downloads</a></h2>
76 89
 <ul>
77
-<li class="dropdown"><a href="<page
78
-download/download>#windows">Microsoft Windows</a></li>
79
-<li class="dropdown"><a href="<page download/download>#apple">Apple OS
80
-X</a></li>
81
-<li class="dropdown"><a href="<page
82
-download/download>#linux">Linux/Unix</a></li>
83
-<li class="dropdown"><a href="<page
84
-download/download>#smartphone">Smartphones</a></li>
85
-<li class="dropdown"><a href="<page download/download>#source">Source
86
-Code</a></li>
90
+<li class="dropdown"><a href="<page download/download-unix>">Tor packages</a></li>
91
+<li class="dropdown"><a href="<page download/download-easy>">Tor Browser</a></li>
92
+<li class="dropdown"><a href="<page projects/projects>">All projects</a></li>
87 93
 </ul>
88 94
 </div>
89 95
 </div>
... ...
@@ -102,7 +108,6 @@ Code</a></li>
102 108
 <div id="maincol-left">
103 109
 <!-- BEGIN WARNING -->
104 110
 <div class="warning">
105
-<a name="warning"></a>
106 111
 <a name="Warning"></a>
107 112
 <h2><a class="anchor" href="#warning">Want Tor to really work?</a></h2>
108 113
 	<p>You need to change some of your habits, as some things won't work exactly as
109 114