797739c84af2e5e1ac636f24d4e8452ea57b3c75
[web.git] / personal / _layouts / default.html
1 <!DOCTYPE html>
2 <html>
3
4   <head>
5     <meta charset="utf-8">
6     <meta name="viewport" content="width=device-width">
7
8     {% assign title = page.title %}
9     {% assign pretitle = page.pretitle %}
10     {% if page.vars %}{% include {{ page.vars | prepend: "vars/" }} %}{% endif %}
11
12     <title>{% if pretitle %}{{ pretitle }} • {% endif %}{{ title }}</title>
13     {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | newline_to_br | replace:'<br />',' ' | strip_html | strip_newlines | truncate: 160 }}">{% endif %}
14
15     <link rel="stylesheet" href="{{ site.baseurl }}/style.css">
16     <link rel="canonical" href="{{ site.url }}{{ site.baseurl }}{{ page.url | replace:'index.html','' }}">
17     {% if page.rss %}<link rel="alternate" type="application/rss+xml" title="{{ site.blog.title }}" href="{{ site.baseurl }}/blog/feed.xml" />{% endif %}
18   </head>
19
20   <body><div id="-frame">
21
22     <nav id="-navi">
23       {% assign menu = site.pages | menu: page.url %}
24       {% include menu-level.html menu=menu %}
25     </nav>
26   
27     <article id="-content">
28       {% comment %} Unfortunately, the variables we set above are not preserved for sub-layouts. So, we have to have all the layout here. {% endcomment %}
29       {% if pretitle %}
30         <header class="pretitle">
31           {% if page.date %}
32             <div class="side"><a href="{{ site.baseurl }}{{ page.url }}">Permalink</a> • {{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</div>
33           {% endif %}
34           <h1>{{ pretitle }}</h1>
35         </header>
36       {% endif %}
37
38       <header class="title">
39         <h1>{{ title }}</h1>
40       </header>
41
42       {{ content }}
43     </article>
44
45   </div></body>
46
47 </html>