Permalink
Browse files

Proposed design for www.ruby-lang.org

  • Loading branch information...
jzimdars authored and hsbt committed Nov 3, 2013
1 parent e36c646 commit 7880fadfc0a5a76660f5a30e5e57d6f673305af2
View
@@ -322,21 +322,38 @@ locales:
text: 搜尋
slogan:
- bg: "Ruby - най-добрият приятел на програмиста"
- de: "Ruby - Der beste Freund eines Programmierers"
- en: "Ruby - A Programmer's Best Friend"
- es: "Ruby - El mejor amigo de un desarrollador"
- fr: "Ruby - A Programmer's Best Friend"
- id: "Ruby - Sahabat Terbaik Programmer"
- it: "Ruby - Il migliore amico dei programmatori"
- ja: "Ruby - A Programmer's Best Friend"
- ko: "루비 : 프로그래머의 단짝 친구"
- pl: "Ruby - Najlepszy Przyjaciel Programisty"
- pt: "Ruby - O melhor amigo do programador"
- tr: "Ruby - A Programmer's Best Friend"
- vi: "Ruby - Người bạn tri kỉ của lập trình viên"
- zh_cn: "Ruby - 程序员最要好的朋友"
- zh_tw: "Ruby - 程式設計師的摯友"
+ bg: "най-добрият приятел на програмиста"
+ de: "Der beste Freund eines Programmierers"
+ en: "A Programmer's Best Friend"
+ es: "El mejor amigo de un desarrollador"
+ fr: "A Programmer's Best Friend"
+ id: "Sahabat Terbaik Programmer"
+ it: "Il migliore amico dei programmatori"
+ ja: "A Programmer's Best Friend"
+ ko: "프로그래머의 단짝 친구"
+ pl: "Najlepszy Przyjaciel Programisty"
+ pt: "O melhor amigo do programador"
+ tr: "A Programmer's Best Friend"
+ vi: "Người bạn tri kỉ của lập trình viên"
+ zh_cn: "程序员最要好的朋友"
+ zh_tw: "程式設計師的摯友"
+
+ ruby:
+ bg: "Ruby"
+ de: "Ruby"
+ en: "Ruby"
+ es: "Ruby"
+ fr: "Ruby"
+ id: "Ruby"
+ it: "Ruby"
+ ja: "Ruby"
+ ko: "루비"
+ pl: "Ruby"
+ pt: "Ruby"
+ tr: "Ruby"
+ vi: "Ruby"
+ zh_cn: "Ruby"
+ zh_tw: "Ruby"
month_names:
bg: [януари, февруари, март, април, май, юни, юли, август, септември, октомври, ноември, декември]
View
@@ -0,0 +1,7 @@
+{% if page.intro != null %}
+<div id="intro-container">
+ <div class="container">
+ {{ page.intro | markdownify }}
+ </div>
+</div>
+{% endif %}
View
@@ -4,5 +4,5 @@
{% assign sitelinks = site.locales.sitelinks['en'] %}
{% endif %}
{% for link in sitelinks %}
- <a href="{{ link.url }}/">{{ link.text }}</a>{% unless forloop.last %}<span class="separator"> | </span>{% endunless %}
+ <a href="{{ link.url }}/">{{ link.text }}</a>
{% endfor %}
View
@@ -1,11 +1,5 @@
- <div id="head-wrapper-1">
- <div id="head-wrapper-2">
- <div id="head">
- {% if page.header != null %}
- {{ page.header | markdownify }}
- {% else %}
- <h1>{{ page.title }}</h1>
- {% endif %}
- </div>
- </div>
- </div>
+{% if page.header != null %}
+{{ page.header | markdownify }}
+{% else %}
+<h1>{{ page.title }}</h1>
+{% endif %}
View
@@ -1,19 +1,25 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
- "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
<head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
{% if page.title != null %}
<title>{{ page.title }}</title>
{% else %}
<title>Ruby Programming Language</title>
{% endif %}
- <link rel="stylesheet" type="text/css" href="/stylesheets/low.css" />
- <link rel="stylesheet" type="text/css" href="/stylesheets/screen.css" media="screen" />
- <link rel="stylesheet" type="text/css" href="/stylesheets/print.css" media="print" />
- <link title="Low vision" rel="alternate stylesheet" type="text/css" href="/stylesheets/low_vision_screen.css" media="screen" />
- <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+
+ <link rel="stylesheet" type="text/css" href="/stylesheets/normalize.css">
+ <link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
+ <link rel="stylesheet" type="text/css" href="/stylesheets/pygments.css">
+ <link rel="stylesheet" type="text/css" href="/stylesheets/mobile.css">
+ <link rel="stylesheet" type="text/css" href="/stylesheets/print.css">
+ <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,cyrillic,greek,vietnamese' rel='stylesheet' type='text/css'>
+
+ <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
+
<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
<script type="text/javascript" src="/javascripts/page.js"></script>
{% if page.javascript != null %}
@@ -26,36 +32,42 @@
{% capture homepage_url %}/{{ page.lang }}/{% endcapture %}
<body{% if page.url == homepage_url %} id="home-page-layout"{% endif %}>
- <div id="page">
- <div id="header">
- <div id="logo">
- <a href="/{{ page.lang }}/"><img src="/images/logo.gif" width="331" height="119" alt="{{ site.locales.slogan[page.lang] }}" title=""></a>
- </div>
+ <div id="header">
+ <div id="header_content" class="container">
+ <a href="/{{ page.lang }}/">
+ <h1>{{ site.locales.ruby[page.lang] }}</h1>
+ <h2>{{ site.locales.slogan[page.lang] }}</h2>
+ </a>
+
<div class="site-links">
+ <a href="/{{ page.lang }}/" class="home">Home</a>
{% include sitelinks.html %}
+ <a href="#" class="menu selected">Menu</a>
+ </div>
+
+ <div id="search-box">
+ {% include search.html %}
</div>
</div>
- <hr class="hidden-modern" />
+ </div>
- <div id="main-wrapper">
+ <div id="page">
+ {% include intro.html %}
+
+ <div id="main-wrapper" class="container">
<div id="main">
{{ content }}
-
- <div class="foot">
- <div class="site-links">
- {% include sitelinks.html %}
- </div>
- </div>
</div>
</div>
+ </div>
- <div id="search-box">
- {% include search.html %}
- </div>
+ <div class="container">
<div id="footer">
- <div class="fine-print">
- {% include footer.html %}
+ <div class="site-links">
+ {% include sitelinks.html %}
</div>
+
+ {% include footer.html %}
</div>
</div>
View
@@ -4,11 +4,6 @@
javascript:
- examples
-sidebar: |
- <a href="downloads/">
- <img src="/images/download.gif" alt="Download Ruby" title="" />
- </a>
-
---
{{ content }}
@@ -31,14 +26,14 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
{{ post.excerpt | markdownify }}
- <p><a href="{{ post.url }}">{{ news.continue }}</a></p>
+ <p class="post-link"><a href="{{ post.url }}">{{ news.continue }}</a></p>
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
</div>
{% endfor %}
<div id="news">
- <h3><a href="news/">{{ news.other_news }}</a></h3>
+ <h3>{{ news.other_news }}</h3>
<ul>
{% for post in site.categories[page.lang] offset:offset_other_left limit:number_of_other %}
<li>
View
@@ -20,7 +20,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
{{ post.excerpt | markdownify }}
</p>
- <p><a href="{{ post.url }}">{{ locales.continue }}</a></p>
+ <p class="post-link"><a href="{{ post.url }}">{{ locales.continue }}</a></p>
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
</div>
@@ -20,7 +20,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
{{ post.excerpt | markdownify }}
</p>
- <p><a href="{{ post.url }}">{{ locales.continue }}</a></p>
+ <p class="post-link"><a href="{{ post.url }}">{{ locales.continue }}</a></p>
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
</div>
@@ -20,7 +20,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
{{ post.excerpt | markdownify }}
</p>
- <p><a href="{{ post.url }}">{{ locales.continue }}</a></p>
+ <p class="post-link"><a href="{{ post.url }}">{{ locales.continue }}</a></p>
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
</div>
View
@@ -4,18 +4,24 @@
lang: bg
header: |
- <div id="intro">
- <h1>Ruby e...</h1>
+ <!-- //-->
- <p>
- Динамичен език за програмиране с отворен код, фокусиран върху лесната
- употреба и продуктивноста. Той притежава елегантен и лесен за четене
- и писане синтаксис.
- </p>
+intro: |
+ <div id="intro-wrapper">
+ <div id="intro">
+ <h1>Ruby e...</h1>
- <a href="about/">Прочетете още...</a>
- </div>
- <div id="code"></div>
+ <p>
+ Динамичен език за програмиране с отворен код, фокусиран върху лесната
+ употреба и продуктивноста. Той притежава елегантен и лесен за четене
+ и писане синтаксис.
+ </p>
+
+ <a href="downloads/" class="download-link">Изтегляне на Ruby</a>
+ или
+ <a href="about/">Прочетете още...</a>
+ </div>
+ <div id="code"></div>
---
View
@@ -4,17 +4,23 @@
lang: de
header: |
- <div id="intro">
- <h1>Ruby ist...</h1>
+ <!-- //-->
- <p>
- ...eine dynamische, freie Programmiersprache, die sich einfach
- anwenden und produktiv einsetzen lässt. Sie hat eine elegante Syntax,
- die man leicht lesen und schreiben kann.
- </p>
+intro: |
+ <div id="intro-wrapper">
+ <div id="intro">
+ <h1>Ruby ist...</h1>
- <a href="about/">Weiterlesen...</a>
- </div>
- <div id="code"></div>
+ <p>
+ ...eine dynamische, freie Programmiersprache, die sich einfach
+ anwenden und produktiv einsetzen lässt. Sie hat eine elegante Syntax,
+ die man leicht lesen und schreiben kann.
+ </p>
+
+ <a href="downloads/" class="download-link">Ruby herunterladen</a>
+ oder
+ <a href="about/">Weiterlesen...</a>
+ </div>
+ <div id="code"></div>
---
View
@@ -4,29 +4,36 @@
lang: en
header: |
- <div id="intro">
- <h1>Ruby is...</h1>
+ <!-- //-->
- <p>
- A dynamic, open source programming language with a focus on
- simplicity and productivity. It has an elegant syntax that is
- natural to read and easy to write.
- </p>
+intro: |
+ <div id="intro-wrapper">
+ <div id="intro">
+ <h1>Ruby is...</h1>
- <a href="about/">Read More...</a>
- </div>
- <div id="code"><noscript><div class="highlight"><pre><code class="ruby">
- <span class="c1"># The famous Hello World</span>
- <span class="c1"># Program is trivial in</span>
- <span class="c1"># Ruby. Superfluous:</span>
- <span class="c1">#</span>
- <span class="c1"># * A &quot;main&quot; method</span>
- <span class="c1"># * Newline</span>
- <span class="c1"># * Semicolons</span>
- <span class="c1">#</span>
- <span class="c1"># Here is the Code:</span>
+ <p>
+ A dynamic, open source programming language with a focus on
+ simplicity and productivity. It has an elegant syntax that is
+ natural to read and easy to write.
+ </p>
- <span class="nb">puts</span> <span class="s2">&quot;Hello World!&quot;</span>
- </code></pre></div></noscript></div>
+ <a href="downloads/" class="download-link">Download Ruby</a>
+ or
+ <a href="about/">Read More...</a>
+
+ </div>
+ <div id="code"><noscript><div class="highlight"><pre><code class="ruby">
+ <span class="c1"># The famous Hello World</span>
+ <span class="c1"># Program is trivial in</span>
+ <span class="c1"># Ruby. Superfluous:</span>
+ <span class="c1">#</span>
+ <span class="c1"># * A &quot;main&quot; method</span>
+ <span class="c1"># * Newline</span>
+ <span class="c1"># * Semicolons</span>
+ <span class="c1">#</span>
+ <span class="c1"># Here is the Code:</span>
+
+ <span class="nb">puts</span> <span class="s2">&quot;Hello World!&quot;</span>
+ </code></pre></div></noscript></div></div>
---
View
@@ -4,17 +4,23 @@
lang: es
header: |
- <div id="intro">
- <h1>Ruby es...</h1>
+ <!-- //-->
- <p>
- Un lenguaje de programación dinámico y de código abierto enfocado en la
- simplicidad y productividad. Su elegante sintaxis se siente natural
- al leerla y fácil al escribirla.
- </p>
+intro: |
+ <div id="intro-wrapper">
+ <div id="intro">
+ <h1>Ruby es...</h1>
- <a href="about/">Leer más...</a>
- </div>
- <div id="code"></div>
+ <p>
+ Un lenguaje de programación dinámico y de código abierto enfocado en la
+ simplicidad y productividad. Su elegante sintaxis se siente natural
+ al leerla y fácil al escribirla.
+ </p>
+
+ <a href="downloads/" class="download-link">Descarga Ruby</a>
+ o
+ <a href="about/">Leer más...</a>
+ </div>
+ <div id="code"></div>
---
View
Binary file not shown.
Oops, something went wrong.

0 comments on commit 7880fad

Please sign in to comment.