Skip to content

Commit 24c4031

Browse files
peterhellbergpeterhellberg
committed
Merge pull request coffeescript-cookbook#32 from jgaskins/master
Add a little more semanticism to the markup.
2 parents 219b6ab + aab856d commit 24c4031

File tree

6 files changed

+88
-40
lines changed

6 files changed

+88
-40
lines changed

‎_layouts/chapter.html‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,14 @@
77
<body>
88
<header>
99
<h1><a href="/">CoffeeScript Cookbook</a></h1>
10-
<a href="/chapters">Chapter Index</a> |
11-
<a href="/contributing">Contributing</a> |
12-
<a href="/authors">Authors</a> |
13-
<a href="/license">License</a>
10+
<nav>
11+
<ul>
12+
<li><a href="/chapters">Chapter Index</a></li>
13+
<li><a href="/contributing">Contributing</a></li>
14+
<li><a href="/authors">Authors</a></li>
15+
<li><a href="/license">License</a></li>
16+
</ul>
17+
</nav>
1418
</header>
1519
<section class="content">
1620
<h2>{{ page.title }}</h2>

‎_layouts/default.html‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,14 @@
77
<body>
88
<header>
99
<h1><a href="/">CoffeeScript Cookbook</a></h1>
10-
<a href="/chapters">Chapter Index</a> |
11-
<a href="/contributing">Contributing</a> |
12-
<a href="/authors">Authors</a> |
13-
<a href="/license">License</a>
10+
<nav>
11+
<ul>
12+
<li><a href="/chapters">Chapter Index</a></li>
13+
<li><a href="/contributing">Contributing</a></li>
14+
<li><a href="/authors">Authors</a></li>
15+
<li><a href="/license">License</a></li>
16+
</ul>
17+
</nav>
1418
</header>
1519
<section class="content">
1620
{{ content }}

‎_layouts/recipe.html‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,14 @@
55
<link rel="stylesheet" href="/css/default.css" type="text/css">
66
</head>
77
<body>
8-
<header>
8+
<header>
99
<h1><a href="/">CoffeeScript Cookbook</a></h1>
1010
<nav>
11-
<a href="/">Home</a> &raquo;
12-
<a href="/chapters/{{ page.chapter | replace: ' ', '_' | downcase }}">{{ page.chapter }}</a> &raquo;
13-
{{ page.title }}
11+
<ol class="breadcrumbs">
12+
<li><a href="/">Home</a></li>
13+
<li><a href="/chapters/{{ page.chapter | replace: ' ', '_' | downcase }}">{{ page.chapter }}</a></li>
14+
<li>{{ page.title }}</li>
15+
</ol>
1416
</nav>
1517
</header>
1618
<section class="content">

‎chapters/index.html‎

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -17,20 +17,24 @@
1717
- Databases
1818
---
1919

20-
{% for chapter in page.chapters %}
21-
{% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
22-
{% capture indexurl %}{{ url }}/index.html{% endcapture %}
20+
<ol id="chapters">
21+
{% for chapter in page.chapters %}
22+
{% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
23+
{% capture indexurl %}{{ url }}/index.html{% endcapture %}
2324

24-
<h2><a href="{{ url }}">{{ chapter }}</a></h2>
25+
<li class="chapter">
26+
<h2><a href="{{ url }}">{{ chapter }}</a></h2>
2527

26-
<ul>
27-
{% for page in site.pages %}
28-
{% if page.url contains url %}
29-
{% unless page.url == indexurl %}
30-
<li><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
31-
{% endunless %}
32-
{% endif %}
33-
{% endfor %}
34-
</ul>
28+
<ul id="recipes">
29+
{% for page in site.pages %}
30+
{% if page.url contains url %}
31+
{% unless page.url == indexurl %}
32+
<li class="recipe"><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
33+
{% endunless %}
34+
{% endif %}
35+
{% endfor %}
36+
</ul>
37+
</li>
3538

36-
{% endfor %}
39+
{% endfor %}
40+
</ul>

‎css/default.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,36 @@ ul, ol {
6161
margin-bottom: 22px;
6262
}
6363

64+
nav ul {
65+
list-style:none;
66+
}
67+
68+
nav ul li {
69+
border-left:1px solid rgba(0, 0, 0, 0.2);
70+
display:inline-block;
71+
padding:0 10px;
72+
}
73+
74+
nav ul li:first-child {
75+
border:none;
76+
}
77+
78+
nav ol {
79+
list-style:none;
80+
}
81+
82+
nav ol li {
83+
display:inline-block;
84+
}
85+
86+
nav ol.breadcrumbs li:before {
87+
content: '\000bb\000a0'; /* Insert &raquo;&nbsp; between list items. */
88+
}
89+
90+
nav ol.breadcrumbs li:first-child:before {
91+
content: '';
92+
}
93+
6494
/* Typography */
6595

6696
body {

‎index.html‎

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -21,20 +21,24 @@ <h1>Welcome</h1>
2121

2222
<p>Welcome to the CoffeeScript Cookbook! CoffeeScript recipes for the community <em>by</em> the community. Head over to the <a href="/contributing">Contributing</a> page and see what you can do to help out!</p>
2323

24-
{% for chapter in page.chapters %}
25-
{% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
26-
{% capture indexurl %}{{ url }}/index.html{% endcapture %}
24+
<ol id="chapters">
25+
{% for chapter in page.chapters %}
26+
{% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
27+
{% capture indexurl %}{{ url }}/index.html{% endcapture %}
2728

28-
<h2><a href="{{ url }}">{{ chapter }}</a></h2>
29+
<li class="chapter">
30+
<h2><a href="{{ url }}">{{ chapter }}</a></h2>
2931

30-
<ul>
31-
{% for page in site.pages %}
32-
{% if page.url contains url %}
33-
{% unless page.url == indexurl %}
34-
<li><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
35-
{% endunless %}
36-
{% endif %}
37-
{% endfor %}
38-
</ul>
32+
<ul id="recipes">
33+
{% for page in site.pages %}
34+
{% if page.url contains url %}
35+
{% unless page.url == indexurl %}
36+
<li class="recipe"><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
37+
{% endunless %}
38+
{% endif %}
39+
{% endfor %}
40+
</ul>
41+
</li>
3942

40-
{% endfor %}
43+
{% endfor %}
44+
</ul>

0 commit comments

Comments
 (0)