|
1 <!doctype html> |
|
2 <html lang="en"> |
|
3 <head> |
|
4 {% if page.category != 'homepage' %}{% assign root_path = '../' %}{% assign link_path = '..' %}{% else %}{% assign link_path = '.' %}{% endif %} |
|
5 <meta charset="utf-8" /> |
|
6 <title>{{ page.title }}{% if page.category != 'homepage' %} · {{ site.name }} {% if page.category == 'docs' %}Docs{% elsif page.category == 'demos' %}Demo{% endif %}{% endif %}</title> |
|
7 |
|
8 <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
|
9 |
|
10 <link rel="stylesheet" href="{{ root_path }}css/style.css" /> |
|
11 |
|
12 <!-- scripts at bottom of page --> |
|
13 |
|
14 </head> |
|
15 <body class="{{ page.category }} {{ page.body_class }}"> |
|
16 |
|
17 <nav id="site-nav"> |
|
18 <h1><a href="{{ root_path }}index.html">{{ site.name }}</a></h1> |
|
19 |
|
20 <h2>Docs</h2> |
|
21 |
|
22 <ul> |
|
23 {% for doc in site.categories.docs reversed %} |
|
24 {% if page.title == doc.title and page.category == 'docs' %} |
|
25 <li class="current"><a href="#content">{{ doc.title }}</a> |
|
26 <ul class="toc"> |
|
27 {% for item in page.toc %} |
|
28 <li><a href="#{{ item.anchor }}">{{ item.title }}</a></li> |
|
29 {% endfor %} |
|
30 </ul> |
|
31 </li> |
|
32 {% else %} |
|
33 <li><a href="{{ link_path }}{{ doc.url }}">{{ doc.title }}</a> |
|
34 {% endif %} |
|
35 {% endfor %} |
|
36 </ul> |
|
37 |
|
38 <h2>Demos</h2> |
|
39 |
|
40 <ul> |
|
41 {% for demo in site.categories.demos reversed %} |
|
42 {% if page.title == demo.title and page.category == 'demos' %} |
|
43 <li class="current"><a href="#content">{{ demo.title }}</a></li> |
|
44 {% else %} |
|
45 <li><a href="{{ link_path }}{{ demo.url }}">{{ demo.title }}</a> |
|
46 {% endif %} |
|
47 {% endfor %} |
|
48 </ul> |
|
49 |
|
50 <h2>Custom layout modes</h2> |
|
51 |
|
52 <ul> |
|
53 {% for demo in site.categories['custom-layout-modes'] reversed %} |
|
54 {% if page.title == demo.title and page.category == 'custom-layout-modes' %} |
|
55 <li class="current"><a href="#content">{{ demo.title }}</a></li> |
|
56 {% else %} |
|
57 <li><a href="{{ link_path }}{{ demo.url }}">{{ demo.title }}</a> |
|
58 {% endif %} |
|
59 {% endfor %} |
|
60 </ul> |
|
61 |
|
62 <h2><a href="{{ root_path }}tests/index.html">Tests</a></h2> |
|
63 |
|
64 </nav> <!-- #site-nav --> |
|
65 |
|
66 <section id="content"> |
|
67 {% if page.category != 'homepage' %} |
|
68 <h1>{{ page.title }}</h1> |
|
69 {% endif %} |
|
70 |
|
71 {{ content }} |
|
72 |
|
73 <footer> |
|
74 {{ site.name }} by <a href="http://desandro.com">David DeSandro</a> / <a href="http://metafizzy.co">Metafizzy</a> |
|
75 </footer> |
|
76 |
|
77 </section> <!-- #content --> |
|
78 |
|
79 |
|
80 </body> |
|
81 </html> |