Skip to content

Commit 90c185b

Browse files
jzimdarsjzimdars
committed
Proposed design for www.ruby-lang.org 
1 parent 1a74c9b commit 90c185b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+1528
-996
lines changed

‎_config.yml

+32-15
Original file line numberDiff line numberDiff line change
@@ -322,21 +322,38 @@ locales:
322322
text: 搜尋
323323

324324
slogan:
325-
bg: "Ruby - най-добрият приятел на програмиста"
326-
de: "Ruby - Der beste Freund eines Programmierers"
327-
en: "Ruby - A Programmer's Best Friend"
328-
es: "Ruby - El mejor amigo de un desarrollador"
329-
fr: "Ruby - A Programmer's Best Friend"
330-
id: "Ruby - Sahabat Terbaik Programmer"
331-
it: "Ruby - Il migliore amico dei programmatori"
332-
ja: "Ruby - A Programmer's Best Friend"
333-
ko: "루비 : 프로그래머의 단짝 친구"
334-
pl: "Ruby - Najlepszy Przyjaciel Programisty"
335-
pt: "Ruby - O melhor amigo do programador"
336-
tr: "Ruby - A Programmer's Best Friend"
337-
vi: "Ruby - Người bạn tri kỉ của lập trình viên"
338-
zh_cn: "Ruby - 程序员最要好的朋友"
339-
zh_tw: "Ruby - 程式設計師的摯友"
325+
bg: "най-добрият приятел на програмиста"
326+
de: "Der beste Freund eines Programmierers"
327+
en: "A Programmer's Best Friend"
328+
es: "El mejor amigo de un desarrollador"
329+
fr: "A Programmer's Best Friend"
330+
id: "Sahabat Terbaik Programmer"
331+
it: "Il migliore amico dei programmatori"
332+
ja: "A Programmer's Best Friend"
333+
ko: "프로그래머의 단짝 친구"
334+
pl: "Najlepszy Przyjaciel Programisty"
335+
pt: "O melhor amigo do programador"
336+
tr: "A Programmer's Best Friend"
337+
vi: "Người bạn tri kỉ của lập trình viên"
338+
zh_cn: "程序员最要好的朋友"
339+
zh_tw: "程式設計師的摯友"
340+
341+
ruby:
342+
bg: "Ruby"
343+
de: "Ruby"
344+
en: "Ruby"
345+
es: "Ruby"
346+
fr: "Ruby"
347+
id: "Ruby"
348+
it: "Ruby"
349+
ja: "Ruby"
350+
ko: "루비"
351+
pl: "Ruby"
352+
pt: "Ruby"
353+
tr: "Ruby"
354+
vi: "Ruby"
355+
zh_cn: "Ruby"
356+
zh_tw: "Ruby"
340357

341358
month_names:
342359
bg: [януари, февруари, март, април, май, юни, юли, август, септември, октомври, ноември, декември]

‎_includes/intro.html

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{% if page.intro != null %}
2+
<div id="intro-container">
3+
<div class="container">
4+
{{ page.intro | markdownify }}
5+
</div>
6+
</div>
7+
{% endif %}

‎_includes/sitelinks.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@
44
{% assign sitelinks = site.locales.sitelinks['en'] %}
55
{% endif %}
66
{% for link in sitelinks %}
7-
<a href="{{ link.url }}/">{{ link.text }}</a>{% unless forloop.last %}<span class="separator"> | </span>{% endunless %}
7+
<a href="{{ link.url }}/">{{ link.text }}</a>
88
{% endfor %}

‎_includes/title.html

+5-11
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,5 @@
1-
<div id="head-wrapper-1">
2-
<div id="head-wrapper-2">
3-
<div id="head">
4-
{% if page.header != null %}
5-
{{ page.header | markdownify }}
6-
{% else %}
7-
<h1>{{ page.title }}</h1>
8-
{% endif %}
9-
</div>
10-
</div>
11-
</div>
1+
{% if page.header != null %}
2+
{{ page.header | markdownify }}
3+
{% else %}
4+
<h1>{{ page.title }}</h1>
5+
{% endif %}

‎_layouts/default.html

+39-27
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,25 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2-
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3-
<html xmlns="http://www.w3.org/1999/xhtml">
1+
<!DOCTYPE html>
2+
<html>
43
<head>
5-
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
64
{% if page.title != null %}
75
<title>{{ page.title }}</title>
86
{% else %}
97
<title>Ruby Programming Language</title>
108
{% endif %}
11-
<link rel="stylesheet" type="text/css" href="/stylesheets/low.css" />
12-
<link rel="stylesheet" type="text/css" href="/stylesheets/screen.css" media="screen" />
13-
<link rel="stylesheet" type="text/css" href="/stylesheets/print.css" media="print" />
14-
<link title="Low vision" rel="alternate stylesheet" type="text/css" href="/stylesheets/low_vision_screen.css" media="screen" />
159

16-
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
10+
<meta charset="utf-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
12+
<meta name="description" content="">
13+
14+
<link rel="stylesheet" type="text/css" href="/stylesheets/normalize.css">
15+
<link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
16+
<link rel="stylesheet" type="text/css" href="/stylesheets/pygments.css">
17+
<link rel="stylesheet" type="text/css" href="/stylesheets/mobile.css">
18+
<link rel="stylesheet" type="text/css" href="/stylesheets/print.css">
19+
<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,cyrillic,greek,vietnamese' rel='stylesheet' type='text/css'>
20+
21+
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
22+
1723
<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
1824
<script type="text/javascript" src="/javascripts/page.js"></script>
1925
{% if page.javascript != null %}
@@ -26,36 +32,42 @@
2632
{% capture homepage_url %}/{{ page.lang }}/{% endcapture %}
2733

2834
<body{% if page.url == homepage_url %} id="home-page-layout"{% endif %}>
29-
<div id="page">
30-
<div id="header">
31-
<div id="logo">
32-
<a href="/{{ page.lang }}/"><img src="/images/logo.gif" width="331" height="119" alt="{{ site.locales.slogan[page.lang] }}" title=""></a>
33-
</div>
35+
<div id="header">
36+
<div id="header_content" class="container">
37+
<a href="/{{ page.lang }}/">
38+
<h1>{{ site.locales.ruby[page.lang] }}</h1>
39+
<h2>{{ site.locales.slogan[page.lang] }}</h2>
40+
</a>
41+
3442
<div class="site-links">
43+
<a href="/{{ page.lang }}/" class="home">Home</a>
3544
{% include sitelinks.html %}
45+
<a href="#" class="menu selected">Menu</a>
46+
</div>
47+
48+
<div id="search-box">
49+
{% include search.html %}
3650
</div>
3751
</div>
38-
<hr class="hidden-modern" />
52+
</div>
3953

40-
<div id="main-wrapper">
54+
<div id="page">
55+
{% include intro.html %}
56+
57+
<div id="main-wrapper" class="container">
4158
<div id="main">
4259
{{ content }}
43-
44-
<div class="foot">
45-
<div class="site-links">
46-
{% include sitelinks.html %}
47-
</div>
48-
</div>
4960
</div>
5061
</div>
62+
</div>
5163

52-
<div id="search-box">
53-
{% include search.html %}
54-
</div>
64+
<div class="container">
5565
<div id="footer">
56-
<div class="fine-print">
57-
{% include footer.html %}
66+
<div class="site-links">
67+
{% include sitelinks.html %}
5868
</div>
69+
70+
{% include footer.html %}
5971
</div>
6072
</div>
6173

‎_layouts/homepage.html

+2-7
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,6 @@
44
javascript:
55
- examples
66

7-
sidebar: |
8-
<a href="downloads/">
9-
<img src="/images/download.gif" alt="Download Ruby" title="" />
10-
</a>
11-
127
---
138

149
{{ content }}
@@ -31,14 +26,14 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
3126

3227
{{ post.excerpt | markdownify }}
3328

34-
<p><a href="{{ post.url }}">{{ news.continue }}</a></p>
29+
<p class="post-link"><a href="{{ post.url }}">{{ news.continue }}</a></p>
3530

3631
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
3732
</div>
3833
{% endfor %}
3934

4035
<div id="news">
41-
<h3><a href="news/">{{ news.other_news }}</a></h3>
36+
<h3>{{ news.other_news }}</h3>
4237
<ul>
4338
{% for post in site.categories[page.lang] offset:offset_other_left limit:number_of_other %}
4439
<li>

‎_layouts/news.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
2020
{{ post.excerpt | markdownify }}
2121
</p>
2222

23-
<p><a href="{{ post.url }}">{{ locales.continue }}</a></p>
23+
<p class="post-link"><a href="{{ post.url }}">{{ locales.continue }}</a></p>
2424

2525
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
2626
</div>

‎_layouts/news_archive_month.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
2020
{{ post.excerpt | markdownify }}
2121
</p>
2222

23-
<p><a href="{{ post.url }}">{{ locales.continue }}</a></p>
23+
<p class="post-link"><a href="{{ post.url }}">{{ locales.continue }}</a></p>
2424

2525
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
2626
</div>

‎_layouts/news_archive_year.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
2020
{{ post.excerpt | markdownify }}
2121
</p>
2222

23-
<p><a href="{{ post.url }}">{{ locales.continue }}</a></p>
23+
<p class="post-link"><a href="{{ post.url }}">{{ locales.continue }}</a></p>
2424

2525
<p class="post-info">{{ post.date | posted_by:post.author }}</p>
2626
</div>

‎bg/index.html

+16-10
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,24 @@
44
lang: bg
55

66
header: |
7-
<div id="intro">
8-
<h1>Ruby e...</h1>
7+
<!-- //-->
98

10-
<p>
11-
Динамичен език за програмиране с отворен код, фокусиран върху лесната
12-
употреба и продуктивноста. Той притежава елегантен и лесен за четене
13-
и писане синтаксис.
14-
</p>
9+
intro: |
10+
<div id="intro-wrapper">
11+
<div id="intro">
12+
<h1>Ruby e...</h1>
1513

16-
<a href="about/">Прочетете още...</a>
17-
</div>
18-
<div id="code"></div>
14+
<p>
15+
Динамичен език за програмиране с отворен код, фокусиран върху лесната
16+
употреба и продуктивноста. Той притежава елегантен и лесен за четене
17+
и писане синтаксис.
18+
</p>
19+
20+
<a href="downloads/" class="download-link">Изтегляне на Ruby</a>
21+
или
22+
<a href="about/">Прочетете още...</a>
23+
</div>
24+
<div id="code"></div>
1925

2026
---
2127

‎de/index.html

+16-10
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,23 @@
44
lang: de
55

66
header: |
7-
<div id="intro">
8-
<h1>Ruby ist...</h1>
7+
<!-- //-->
98

10-
<p>
11-
...eine dynamische, freie Programmiersprache, die sich einfach
12-
anwenden und produktiv einsetzen lässt. Sie hat eine elegante Syntax,
13-
die man leicht lesen und schreiben kann.
14-
</p>
9+
intro: |
10+
<div id="intro-wrapper">
11+
<div id="intro">
12+
<h1>Ruby ist...</h1>
1513

16-
<a href="about/">Weiterlesen...</a>
17-
</div>
18-
<div id="code"></div>
14+
<p>
15+
...eine dynamische, freie Programmiersprache, die sich einfach
16+
anwenden und produktiv einsetzen lässt. Sie hat eine elegante Syntax,
17+
die man leicht lesen und schreiben kann.
18+
</p>
19+
20+
<a href="downloads/" class="download-link">Ruby herunterladen</a>
21+
oder
22+
<a href="about/">Weiterlesen...</a>
23+
</div>
24+
<div id="code"></div>
1925

2026
---

‎en/index.html

+28-21
Original file line numberDiff line numberDiff line change
@@ -4,29 +4,36 @@
44
lang: en
55

66
header: |
7-
<div id="intro">
8-
<h1>Ruby is...</h1>
7+
<!-- //-->
98

10-
<p>
11-
A dynamic, open source programming language with a focus on
12-
simplicity and productivity. It has an elegant syntax that is
13-
natural to read and easy to write.
14-
</p>
9+
intro: |
10+
<div id="intro-wrapper">
11+
<div id="intro">
12+
<h1>Ruby is...</h1>
1513

16-
<a href="about/">Read More...</a>
17-
</div>
18-
<div id="code"><noscript><div class="highlight"><pre><code class="ruby">
19-
<span class="c1"># The famous Hello World</span>
20-
<span class="c1"># Program is trivial in</span>
21-
<span class="c1"># Ruby. Superfluous:</span>
22-
<span class="c1">#</span>
23-
<span class="c1"># * A &quot;main&quot; method</span>
24-
<span class="c1"># * Newline</span>
25-
<span class="c1"># * Semicolons</span>
26-
<span class="c1">#</span>
27-
<span class="c1"># Here is the Code:</span>
14+
<p>
15+
A dynamic, open source programming language with a focus on
16+
simplicity and productivity. It has an elegant syntax that is
17+
natural to read and easy to write.
18+
</p>
2819

29-
<span class="nb">puts</span> <span class="s2">&quot;Hello World!&quot;</span>
30-
</code></pre></div></noscript></div>
20+
<a href="downloads/" class="download-link">Download Ruby</a>
21+
or
22+
<a href="about/">Read More...</a>
23+
24+
</div>
25+
<div id="code"><noscript><div class="highlight"><pre><code class="ruby">
26+
<span class="c1"># The famous Hello World</span>
27+
<span class="c1"># Program is trivial in</span>
28+
<span class="c1"># Ruby. Superfluous:</span>
29+
<span class="c1">#</span>
30+
<span class="c1"># * A &quot;main&quot; method</span>
31+
<span class="c1"># * Newline</span>
32+
<span class="c1"># * Semicolons</span>
33+
<span class="c1">#</span>
34+
<span class="c1"># Here is the Code:</span>
35+
36+
<span class="nb">puts</span> <span class="s2">&quot;Hello World!&quot;</span>
37+
</code></pre></div></noscript></div></div>
3138

3239
---

‎es/index.html

+16-10
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,23 @@
44
lang: es
55

66
header: |
7-
<div id="intro">
8-
<h1>Ruby es...</h1>
7+
<!-- //-->
98

10-
<p>
11-
Un lenguaje de programación dinámico y de código abierto enfocado en la
12-
simplicidad y productividad. Su elegante sintaxis se siente natural
13-
al leerla y fácil al escribirla.
14-
</p>
9+
intro: |
10+
<div id="intro-wrapper">
11+
<div id="intro">
12+
<h1>Ruby es...</h1>
1513

16-
<a href="about/">Leer más...</a>
17-
</div>
18-
<div id="code"></div>
14+
<p>
15+
Un lenguaje de programación dinámico y de código abierto enfocado en la
16+
simplicidad y productividad. Su elegante sintaxis se siente natural
17+
al leerla y fácil al escribirla.
18+
</p>
19+
20+
<a href="downloads/" class="download-link">Descarga Ruby</a>
21+
o
22+
<a href="about/">Leer más...</a>
23+
</div>
24+
<div id="code"></div>
1925

2026
---

‎favicon.ico

1.54 KB
Binary file not shown.

0 commit comments

Comments
 (0)