Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Download matrix on the downloads page #44

Merged
merged 1 commit into from
Aug 25, 2015
Merged

Download matrix on the downloads page #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion layouts/css/_variables.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
8 changes: 8 additions & 0 deletions layouts/css/base.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ h4,
h5
font-weight normal

ul
padding 0

a,
a:link,
Expand Down Expand Up @@ -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'
Expand Down Expand Up @@ -112,3 +117,6 @@ pre

article
margin-left 200px

.full-width
width 100%
125 changes: 102 additions & 23 deletions layouts/css/page-modules/_download.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
78 changes: 75 additions & 3 deletions layouts/download.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,19 +24,91 @@ section h2 {
<div class="container">
<article>
<h1>Downloads</h1>
<p>{{introduction}}</p>

<section>
<p>{{introduction}}</p>

<div class="download-hero full-width">
<ul>
<li>
<a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}-x86.msi">
<img src="/static/images/platform-icon-win.png" height="50" width="45" alt="">
Windows Installer
<small>iojs-{{project.currentVersion}}-x86.msi</small>
</a>
</li>
<li>
<a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}.pkg">
<img src="/static/images/platform-icon-osx.png" height="50" width="45" alt="">
Macintosh Installer
<small>iojs-{{project.currentVersion}}.pkg</small>
</a>
</li>
<li>
<a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}.tar.gz">
<img src="/static/images/platform-icon-generic.png" height="50" width="45" alt="">
Source Code
<small>iojs-{{project.currentVersion}}.tar.gz</small>
</a>
</li>
</ul>
</div>

<table class="download-matrix full-width">
<tbody>
<tr>
<th>Windows Installer (.msi)</th>
<td><a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}-x86.msi">32-bit</a></td>
<td><a href="https://iojs.org/dist/{{project.currentVersion}}/x64/iojs-{{project.currentVersion}}-x64.msi">64-bit</a></td>
</tr>

<tr>
<th>Windows Binary (.exe)</th>
<td><a href="https://iojs.org/dist/{{project.currentVersion}}/win-x86/iojs.exe">32-bit</a></td>
<td><a href="https://iojs.org/dist/{{project.currentVersion}}/win-x64/iojs.exe">64-bit</a></td>
</tr>

<tr>
<th>Mac OS X Installer (.pkg)</th>
<td colspan="2"><a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}.pkg">Universal</a></td>
</tr>

<tr>
<th>Mac OS X Binaries (.tar.gz)</th>
<td colspan="2"><a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}-darwin-x64.tar.gz">64-bit</a></td>
</tr>

<tr>
<th>Linux Binaries (.tar.gz)</th>
<td><a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}-linux-x86.tar.gz">32-bit</a></td>
<td><a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}-linux-x64.tar.gz">64-bit</a></td>
</tr>

<tr>
<th>Source Code</th>
<td colspan="2">
<a href="https://iojs.org/dist/{{project.currentVersion}}/iojs-{{project.currentVersion}}.tar.gz">iojs-{{project.currentVersion}}.tar.gz</a>
</td>
</tr>
</tbody>
</table>

<p>
{{current-version}}: <strong>{{project.currentVersion}}</strong>
</p>
<p>{{build-disclaimer}}</p>
</section>

<section>
<h2>io.js</h2>
<strong>{{current-version}}: {{project.currentVersion}}</strong>
<p>
{{iojs.intro}}
</p>
</section>

<section>
<h5 class="download-table-previous-releases-header">Previous Releases</h5>
<table class="download-table" cellspacing="0" border="0" cellpadding="0">
<table class="download-table full-width" cellspacing="0" border="0" cellpadding="0">
<thead>
<tr>
<td>Version</td>
Expand Down
1 change: 1 addition & 0 deletions locale/en/download.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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."
Expand Down
Binary file added static/images/platform-icon-generic.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/platform-icon-osx.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/platform-icon-win.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.