diff --git a/layouts/css/_variables.styl b/layouts/css/_variables.styl index 56b88608ab9e0..8b291f5c33299 100644 --- a/layouts/css/_variables.styl +++ b/layouts/css/_variables.styl @@ -3,7 +3,8 @@ $body-max-width = 980px $node-green = #80bd01 $node-gray = #333 $lightgray = #999 - +$darkgray = #666 +$lightgreen = #f1fbda padded-link($padding) padding-left $padding diff --git a/layouts/css/base.styl b/layouts/css/base.styl index 5eec347bd885d..9fb263e087b75 100644 --- a/layouts/css/base.styl +++ b/layouts/css/base.styl @@ -19,6 +19,8 @@ h4, h5 font-weight normal +ul + padding 0 a, a:link, @@ -56,6 +58,9 @@ pre code color #f0f0f0 +small + font-size 10px + // Import specific page sections and layout parts @import 'layout/_sticky-footer' @import 'layout/_grid' @@ -112,3 +117,6 @@ pre article margin-left 200px + +.full-width + width 100% diff --git a/layouts/css/page-modules/_download.styl b/layouts/css/page-modules/_download.styl index 68f62300c1741..1034c0517c026 100644 --- a/layouts/css/page-modules/_download.styl +++ b/layouts/css/page-modules/_download.styl @@ -1,67 +1,146 @@ +.download-hero + display table + margin-bottom 1em + + ul + text-align center + margin 0 auto + display table-row + + li + width 33% + display table-cell + + a + display block + width 100% + padding-top 1em + background $lightgreen + + img + display block + margin 0 auto + + small + font-size 10px + display block + color $lightgray + padding-bottom 1em + + a:hover, a:active + background $darkgray + color $node-green + +.download-matrix + th + text-align left + width 33% + + td + border 1px solid #ccc + + a + background none + display block + height 100% + width 100% + text-align center + + a:hover, a:active + background $darkgray + color $node-green + h5.download-table-previous-releases-header margin-bottom 5px .download-table - width 100% font-size small border 1px solid #C0C0C0 - + td padding 5px > thead font-weight bold - + > tbody td border-top 1px solid #C0C0C0 - + tr:nth-child(odd) background-color #eee - + tr:nth-child(even) background-color #fff td.download-table-last text-align right - + > a padding 0 10px - + @media (max-width: 700px) + .download-hero ul + width auto + display block + + li + display block + width 100% + margin-bottom 1em + + .download-matrix + display block + + th + display block + width 100% + + tr + display block + margin-bottom 1em + + td + display block + border 0 + + a + text-align left + + .download-table border 0 - + > thead display none - + tr margin-bottom 10px display block - + td display block text-align right - + td:last-child border-bottom 0 - - td:before + + td:before content attr(data-label) - float left + float left font-weight bold - - > thead > tr > th, - > tbody > tr > th, - > tfoot > tr > th, - > thead > tr > td, - > tbody > tr > td, - > tfoot > tr > td, + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td, > tbody td border none - + .download-table > tbody td border none - + td.download-table-last text-align center diff --git a/layouts/download.hbs b/layouts/download.hbs index 4f5301c4f05e5..af56e303e2777 100644 --- a/layouts/download.hbs +++ b/layouts/download.hbs @@ -24,11 +24,83 @@ section h2 {

Downloads

-

{{introduction}}

+ +
+

{{introduction}}

+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Windows Installer (.msi)32-bit64-bit
Windows Binary (.exe)32-bit64-bit
Mac OS X Installer (.pkg)Universal
Mac OS X Binaries (.tar.gz)64-bit
Linux Binaries (.tar.gz)32-bit64-bit
Source Code + iojs-{{project.currentVersion}}.tar.gz +
+ +

+ {{current-version}}: {{project.currentVersion}} +

+

{{build-disclaimer}}

+

io.js

- {{current-version}}: {{project.currentVersion}}

{{iojs.intro}}

@@ -36,7 +108,7 @@ section h2 {
Previous Releases
- +
diff --git a/locale/en/download.md b/locale/en/download.md index 1ea816ad7ffe6..46bdc0175735a 100644 --- a/locale/en/download.md +++ b/locale/en/download.md @@ -3,6 +3,7 @@ layout: download.hbs title: Download introduction: Download the Node.js source code or a pre-built installer for your platform, and start developing today. current-version: Current version +build-disclaimer: "Note: Python 2.6 or 2.7 is required to build from source tarballs." iojs: intro: "In May 2015, the io.js project TSC voted to join the Node.js Foundation and merge back with Node.js. While the project streams are being converged, io.js releases will continue in parallel." diff --git a/static/images/platform-icon-generic.png b/static/images/platform-icon-generic.png new file mode 100644 index 0000000000000..90fc36a08c1aa Binary files /dev/null and b/static/images/platform-icon-generic.png differ diff --git a/static/images/platform-icon-osx.png b/static/images/platform-icon-osx.png new file mode 100644 index 0000000000000..0bd6582c4cf8d Binary files /dev/null and b/static/images/platform-icon-osx.png differ diff --git a/static/images/platform-icon-win.png b/static/images/platform-icon-win.png new file mode 100644 index 0000000000000..82825986131f3 Binary files /dev/null and b/static/images/platform-icon-win.png differ
Version