[gentoo-commits] sites/www:master commit in: _sass/, downloads/

[Alex Legler]

commit:     75d0b89b2390d6d20c566bbee0ad4f7bd395eb3d
Author:     Alex Legler <alex <AT> a3li <DOT> li>
AuthorDate: Sat Jan 30 22:23:28 2016 +0000
Commit:     Alex Legler <a3li <AT> gentoo <DOT> org>
CommitDate: Sat Jan 30 22:26:30 2016 +0000
URL:        https://gitweb.gentoo.org/sites/www.git/commit/?id=75d0b89b

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.

 _sass/downloads.scss | 26 ++++++++++++++-----------
 downloads/index.html | 55 +++++++++++++++++++++++-----------------------------
 2 files changed, 39 insertions(+), 42 deletions(-)

diff --git a/_sass/downloads.scss b/_sass/downloads.scss
index eda6431..e23f03a 100644
--- a/_sass/downloads.scss
+++ b/_sass/downloads.scss
@@ -1,8 +1,3 @@
-.downloads {
-  background-color: #e1e1e1;
-  box-shadow: 0 0px 10px 0 rgba(0,0,0,0.10);
-}
-
 .download-size {
   margin-left: 1em;
 }
@@ -16,12 +11,21 @@
 }
 
 @media (min-width: 768px) {
-  .downloads {
-    margin-top: 1em;
-    margin-bottom: 3em;
-  }
-
   .other-arches .tab-pane {
     margin-left: 1em;
   }
-}
\ No newline at end of file
+
+  .downloads-featured {
+    margin-top: 3em;
+    margin-bottom: 2em;
+  }
+}
+
+.downloads-panel {
+  background-color: #eaeaea;
+  background-image: linear-gradient(to bottom, #eaeaea 80%, #e0e0e0 100%);
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}

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>