From afa57799e43b6cc0f36f37f059dcf33be28eca29 Mon Sep 17 00:00:00 2001 From: isaacs Date: Wed, 15 Aug 2012 08:33:35 -0700 Subject: [PATCH] website: Use table for download page Paragraphs of text are too wordy. Use big pretty images and clickable blocky links. --- doc/download/index.html | 130 +++++++++++++++++++++++++++------------- doc/index.html | 3 +- doc/pipe.css | 73 +++++++++++++++++++++- 3 files changed, 162 insertions(+), 44 deletions(-) diff --git a/doc/download/index.html b/doc/download/index.html index f408a28d19..6138e69685 100644 --- a/doc/download/index.html +++ b/doc/download/index.html @@ -18,7 +18,7 @@ href="http://feeds.feedburner.com/nodejs/123123123"> node.js - +
@@ -40,47 +40,93 @@
-

- Download the Node.js source code or a pre-built installer for your platform, and start developing today. -

-
-
-

Installers

-

- To install Node.js and npm use the appropriate installer for your platform, or discover what's new in Node.js __VERSION__. -

-

- Mac OS X Installer: 32- and 64-bit (.pkg)
- Windows Installer: 32-bit (.msi) or - 64-bit (.msi)
- Linux Binaries: 32-bit (.tar.gz) or - 64-bit (.tar.gz)
- Solaris Binaries: 32-bit (.tar.gz) or - 64-bit (.tar.gz) -

-

- Alternatively, you can install Node.js using various package managers. -

-
-
-

API Documentation and Source Code

-

- If you are unsure about how to use Node.js, the API documentation is there to help. -

-

- You can also have a look at the source code, or contribute to Node.js by - forking the GitHub repository and creating pull requests. -

-

- There exist some other release files as well. -

-
-
-

License

-

- You may also be interested in the license of Node.js. -

+
+

+ Download the Node.js source code or a pre-built installer for your platform, and start developing today. +

+

Current version: __VERSION__

+
+
+ +
+ +
+

Downloads

+

+ To install Node.js and npm use the appropriate installer for your platform, or discover what's new in Node.js __VERSION__. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Windows Installer (.msi)32-bit64-bit
Windows Binary (.exe)32-bit64-bit
Mac OS X Installer (.pkg)Universal
Mac OS X Binaries (.tar.gz)32-bit64-bit
Linux Binaries (.tar.gz)32-bit64-bit
SunOS Binaries (.tar.gz)32-bit64-bit +
Source Code + node-__VERSION__.tar.gz +
+ +

Other Info

+ +
+ +
+

License

+

+ Node.js is released under the MIT + license, and bundles other liberally licensed OSS components. + Download the license

+
- \ No newline at end of file + diff --git a/doc/index.html b/doc/index.html index d6be5e178d..2bb5ee9544 100644 --- a/doc/index.html +++ b/doc/index.html @@ -150,7 +150,8 @@ server.listen(1337, '127.0.0.1'); diff --git a/doc/pipe.css b/doc/pipe.css index f1db832384..7baefcf6a7 100644 --- a/doc/pipe.css +++ b/doc/pipe.css @@ -179,10 +179,81 @@ h1 a, h2 a, h3 a, h4 a float: left; } -#content p { +#content p, +#content ul { font-size: 14px; line-height:24px; } + +#content ul { + margin-top:1em; +} + +#content table { + font-size:14px; + line-height:24px; + width:100%; +} + + + +#download-page ul#installers { + width: auto; + text-align: center; + margin: 0 auto; + background: url(http://nodejs.org/images/platform-icons.png) no-repeat center 20px white; + padding-top: 92px; + padding-bottom: 45px; + padding-left: 29px; +} + +#download-page ul#installers li { + list-style-type: none; + width: 165px; + padding-left: 18px; + float: left; + display: block; + color: #33342D; + font-size: 10px; +} + +#download-page ul#installers li#source { + padding-left: 0; +} + +#download-page ul#installers li a { + font-size: 16px; + padding-top: 80px; + margin-top: -80px; +} + +#download-page #content th { + text-align:left; + width:35%; +} + +#download-page #content table { + table-collapse:separate; +} + +#download-page #content td, +#download-page #content th { + border:1px solid #666; +} + +#download-page #content td a { + display:block; + height:100%; + width:100%; + text-align:center; +} + +#download-page #content td a:hover, +#download-page #content td a:active { + background:#666; + color: #8cc84b; +} + #front #content p { font-size:12px; }