download/tor: improve design
traumschule

traumschule commited on 2018-09-12 13:28:45
Zeige 1 geänderte Dateien mit 41 Einfügungen und 28 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,27 +31,39 @@ 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>
45 52
 	    </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>
53
+           </div>
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>
55 67
 	    </div>
56 68
 	  </div>
57 69
 
... ...
@@ -64,26 +76,28 @@ you are used to. Please read the <a href="#warning">full list of warnings</a> fo
64 76
 
65 77
 	</div>
66 78
    </div>
79
+</div>
67 80
 <!-- END DOWNLOADS -->
68 81
 <!-- START DONATION WIDGET -->
69 82
 <a href="<page donate/donate-download>"><img src="../images/btn_donateCC_LG.gif"></a>
70 83
 <!-- END DONATION WIDGET -->
71 84
 <!-- START SIDECOL -->
72 85
 <div id="sidecol-right">
73
-<div class="img-shadow sidenav">
86
+<div class="img-shadow">
87
+<div class="sidenav-sub">
88
+<h2>What is Tor?</h2>
89
+<ul>
90
+<li class="dropdown"><a href="<page about/overview>">Take the tour</a></li>
91
+</ul>
92
+</div>
93
+</div>
94
+<div class="img-shadow">
74 95
 <div class="sidenav-sub">
75
-<h2>Jump To:</h2>
96
+<h2><a href="<page download/download>">Other Downloads</a></h2>
76 97
 <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>
98
+<li class="dropdown"><a href="<page download/download-unix>">Tor packages</a></li>
99
+<li class="dropdown"><a href="<page download/download-easy>">Tor Browser</a></li>
100
+<li class="dropdown"><a href="<page projects/projects>">All projects</a></li>
87 101
 </ul>
88 102
 </div>
89 103
 </div>
... ...
@@ -102,7 +116,6 @@ Code</a></li>
102 116
 <div id="maincol-left">
103 117
 <!-- BEGIN WARNING -->
104 118
 <div class="warning">
105
-<a name="warning"></a>
106 119
 <a name="Warning"></a>
107 120
 <h2><a class="anchor" href="#warning">Want Tor to really work?</a></h2>
108 121
 	<p>You need to change some of your habits, as some things won't work exactly as
109 122