Cleanup downloads

This reshuffles the page a little, what-to-do notice goes down, mirror
selection goes away until it is actually implemented.
The rather heavy grey bar for promoted downloads is replaced with
something that just spans around the contents.

1 files changed, 24 insertions, 31 deletions

diff --git a/downloads/index.html b/downloads/index.html
index bcf15fc..a5addfd 100644
--- a/downloads/index.html
+++ b/downloads/index.html
@@ -9,9 +9,30 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });"
 
 <p class="lead">
   Gentoo Linux is available free over the Internet.<br>
-  You can download Gentoo Linux Live Environments and Stage Archives using the links below:
+  You can download Gentoo Linux Live Environments and Stage Archives using the links below.
 </p>
 
+<div class="row downloads-featured">
+  <div class="col-xs-12 col-md-6">
+    <div class="panel panel-default downloads-panel">
+      <div class="panel-body">
+        <h2 class="stick-top" id="amd64">amd64 <small>aka x86_64</small></h2>
+
+        {% include downloads/amd64.html %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-md-6">
+    <div class="panel panel-default downloads-panel">
+      <div class="panel-body">
+        <h2 class="stick-top" id="x86">x86</h2>
+
+        {% include downloads/x86.html %}
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="alert alert-info">
   <strong>What should I download? What do I do with these files?</strong>
   <br>
@@ -25,39 +46,11 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });"
   </p>
 </div>
 
-<div id="mirror-select">
-  <form class="form-inline">
-    <div class="form-group">
-      <label for="mirror"><span class="fa fa-fw fa-globe"></span> Download from:</label>
-      <select class="form-control" name="mirror" id="mirror">
-        <option>distfiles.gentoo.org (Globally distributed)</option>
-        <option disabled="disabled">Other mirrors coming soon</option>
-      </select>
-    </div>
-    <!--<button type="button" class="btn btn-default">Use Browser location</button>-->
-  </form>
-</div>
-
-<br>
-
-{% include container/start class="downloads" %}
 <div class="row">
-  <div class="col-xs-12 col-md-6">
-    <h2 id="amd64">amd64 <small>aka x86_64</small></h2>
-
-    {% include downloads/amd64.html %}
-  </div>
-  <div class="col-xs-12 col-md-6">
-    <h2 id="x86">x86</h2>
+  <div class="col-md-12">
+    <h2>Advanced Choices and other Architectures</h2>
 
-    {% include downloads/x86.html %}
-  </div>
-</div>
-{% include container/end %}
 
-<div class="row">
-  <div class="col-md-12">
-    <h2>Advanced Choices and Other Architectures</h2>
 
     <ul class="nav nav-tabs nav-justified" id="other-arches">
       <li><a href="#amd64-advanced" data-toggle="tab"><strong>amd64</strong></a></li>