ruby/www.ruby-lang.org — pull request #343 by lord (2013-11-08 03:44:00+00:00)
Title: Redesign Proposal

This is my entry for the Ruby website redesign contest.

![screen shot 2013-11-08 at 11 35 13 am](https://f.cloud.github.com/assets/1976330/1498184/d0c35112-4826-11e3-9ea9-d3bffd102a6e.png)

*You can visit a live example of my design at [ruby-lang.rl.io](http://ruby-lang.rl.io)*

## Features

* **Responsive design** — with three breakpoints: Desktop, Tablet, and Mobile. Be sure to check out the mobile website...it has a fancy navigation animation!
* **Clean and simple** — I tried my best to mirror Ruby's values in my design, with a clean, simple look that doesn't hide the content. There are no gradients. Almost everything is just simple background colors with a few highlights. I've tried to make my design and simple, elegant, and professional as possible.
* **Seemless use of SASS** — My design does use SCSS stylesheets with Susy for a responsive grid, and the functions that compile the sass should be completely automatic. The Sass compiling is build right into the existing `rake preview` and `rake generate` commands.
* **Works across all languages** — My design works with all the languages currently featured on the Ruby website.
* **Looks good in print** — I've made some modifications so that the website prints on paper fairly well.
* **Optional background image** — My design currently features a background image of Mount Fuji. On mobile devices, the background automatically does not load, to decrease the download size of the site. I would be glad to work to replace this with a simple background color, or to tint another image blue to use as a background image.

I've tried my best to make the best design I can, but I'm sure that there are things in the design that you would like to change. If my design is selected, I would be more than glad to work with you guys to make any improvements or changes you guys would like.

Thanks for considering my design! I hope you like it.

Here are some more screenshots, and of course, feel free to check out [a live example of my design](http://ruby-lang.rl.io).
![screen shot 2013-11-08 at 11 35 59 am](https://f.cloud.github.com/assets/1976330/1498211/dce29a74-4827-11e3-94d1-b089d947ddb6.png)
![screen shot 2013-11-08 at 11 38 57 am](https://f.cloud.github.com/assets/1976330/1498212/dd10a36a-4827-11e3-99a9-cc06eb8cb649.png)
![screen shot 2013-11-08 at 11 42 39 am](https://f.cloud.github.com/assets/1976330/1498213/dd33b0c6-4827-11e3-95ae-2588befd9bef.png)