diff options
-rw-r--r-- | _sass/downloads.scss | 26 | ||||
-rw-r--r-- | 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> |