From 4d874568bf6cfa13994581e170ff079c0e2c4d3e Mon Sep 17 00:00:00 2001
From: str4d <str4d@mail.i2p>
Date: Mon, 24 Dec 2012 02:47:53 +0000
Subject: [PATCH] Reworked downloads list to enable better theming

---
 i2p2www/pages/downloads/list.html | 92 ++++++++++++++++++++++++-------
 1 file changed, 72 insertions(+), 20 deletions(-)

diff --git a/i2p2www/pages/downloads/list.html b/i2p2www/pages/downloads/list.html
index 8dfaac62..2358a800 100644
--- a/i2p2www/pages/downloads/list.html
+++ b/i2p2www/pages/downloads/list.html
@@ -12,43 +12,95 @@ Java Runtime 1.5 or higher.
 <a href="http://java.com/en/download/installed.jsp?detect=jre&amp;try=1">Determine your installed Java version here</a>
 or type <tt>java -version</tt> at your command prompt.
 <h3>Clean installs</h3>
-<ul class="downloadlist">
-<li><b>Windows Graphical installer:</b><br />
-    <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s_windows.exe')) }}">i2pinstall_{{ ver() }}_windows.exe</a>
-    (SHA256
-c76bea15a6b7d98227466cc8025b1eb9069997e40e9d71ff49e55b2c8ac0b995
-    <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s_windows.exe.sig')) }}">sig</a>)<br />
-    Download that file and run it.
-</li>
+<div class="downloadlist">
 
-<li><b>Linux / OS X / BSD / Solaris Graphical installer:</b><br />
+<div class="package">
+  <h1>Windows</h1>
+  <div class="file">
+    <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s_windows.exe')) }}">i2pinstall_{{ ver() }}_windows.exe</a>
+    <div class="sig">
+      (SHA256
+c76bea15a6b7d98227466cc8025b1eb9069997e40e9d71ff49e55b2c8ac0b995
+      <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s_windows.exe.sig')) }}">sig</a>)
+    </div>
+  </div>
+  <div class="details">
+    Download that file and run it.
+  </div>
+</div>
+
+<div class="package">
+  <h1>Mac OS X</h1>
+  <div class="file">
     <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s.jar')) }}">i2pinstall_{{ ver() }}.jar</a>
-    (SHA256
+    <div class="sig">
+      (SHA256
 8e670ba26c04176ace9246d91a09951975e2965b89628f620f5a3dff917298e4
-    <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s.jar.sig')) }}">sig</a>)<br />
+      <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s.jar.sig')) }}">sig</a>)
+    </div>
+  </div>
+  <div class="details">
     Download that file and double-click it (if that works) or
     type <code>java -jar i2pinstall_{{ ver() }}.jar</code> in a terminal to run the
     installer.
     On some platforms you may be able to right-click and select
-    &quot;Open with Java&quot;.</li>
+    &quot;Open with Java&quot;.
 
-<li><b>Linux / OS X / BSD / Solaris Command line (headless) install:</b><br />
+    <h2>Command line (headless) install:</h2>
     Download the graphical installer file above and
     run <code>java -jar i2pinstall_{{ ver() }}.jar -console</code> from the command line.
-</li>
+  </div>
+</div>
 
-    <li><a href="{{ url_for('downloads_select', lang=g.lang, file='debian') }}">Packages for Debian &amp; Ubuntu</a></li>
+<div class="package">
+  <h1>GNU/Linux / BSD / Solaris</h1>
+  <div class="file">
+    <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s.jar')) }}">i2pinstall_{{ ver() }}.jar</a>
+    <div class="sig">
+      (SHA256
+8e670ba26c04176ace9246d91a09951975e2965b89628f620f5a3dff917298e4
+      <a href="{{ url_for('downloads_select', file=ver('i2pinstall_%s.jar.sig')) }}">sig</a>)
+    </div>
+  </div>
+  <div class="details">
+    Download that file and double-click it (if that works) or
+    type <code>java -jar i2pinstall_{{ ver() }}.jar</code> in a terminal to run the
+    installer.
+    On some platforms you may be able to right-click and select
+    &quot;Open with Java&quot;.
 
-<li><b>Source install:</b><br />
+    <h2>Command line (headless) install:</h2>
+    Download the graphical installer file above and
+    run <code>java -jar i2pinstall_{{ ver() }}.jar -console</code> from the command line.
+  </div>
+</div>
+
+<div class="package">
+  <h1>Debian / Ubuntu</h1>
+  <div class="file">
+    <a href="{{ url_for('downloads_select', lang=g.lang, file='debian') }}">Packages for Debian &amp; Ubuntu</a>
+  </div>
+</div>
+
+<div class="package">
+  <h1>Source package</h1>
+  <div class="file">
     <a href="{{ url_for('downloads_select', file=ver('i2psource_%s.tar.bz2')) }}">i2psource_{{ ver() }}.tar.bz2</a>
-    (SHA256
+    <div class="sig">
+      (SHA256
 1b7d9695555ed42142b04ad6bcda083cd1a064f6354b639ad2aef4d9cd474e06
-     <a href="{{ url_for('downloads_select', file=ver('i2psource_%s.tar.bz2.sig')) }}">sig</a>)<br />
+       <a href="{{ url_for('downloads_select', file=ver('i2psource_%s.tar.bz2.sig')) }}">sig</a>)
+    </div>
+  </div>
+  <div class="details">
     Alternately, you can fetch the source from <a href="{{ site_url('volunteer/guides/newdevelopers') }}#getting-the-i2p-code">monotone</a>.
     <br />
     Run <code>(tar xjvf i2psource_{{ ver() }}.tar.bz2 ; cd i2p-{{ ver() }} ; ant pkg)</code> then either
-    run the GUI installer or headless install as above</li>
-</ul>
+    run the GUI installer or headless install as above.
+  </div>
+</div>
+
+</div>
 
 The files are signed by zzz,
 <a href="release-signing-key.html">whose key is here</a>.