|
|
|
<!doctype html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
{% if page.category != 'homepage' %}{% assign root_path = '../' %}{% assign link_path = '..' %}{% else %}{% assign link_path = '.' %}{% endif %}
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
<title>{{ page.title }}{% if page.category != 'homepage' %} · {{ site.name }} {% if page.category == 'docs' %}Docs{% elsif page.category == 'demos' %}Demo{% endif %}{% endif %}</title>
|
|
|
|
|
|
|
|
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="{{ root_path }}css/style.css" />
|
|
|
|
|
|
|
|
<!-- scripts at bottom of page -->
|
|
|
|
|
|
|
|
<!-- <script src="http://desandro.com/mint/?script"></script> -->
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body class="{{ page.category }} {{ page.body_class }}">
|
|
|
|
|
|
|
|
<div id="top-banner">
|
|
|
|
<p><a href="http://isotope.metafizzy.co/beta">Try Isotope v2 beta!</a></p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<nav id="site-nav">
|
|
|
|
<h1><a href="{{ root_path }}index.html">{{ site.name }}</a></h1>
|
|
|
|
|
|
|
|
<h2>Docs</h2>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
{% for doc in site.categories.docs reversed %}
|
|
|
|
{% if page.title == doc.title and page.category == 'docs' %}
|
|
|
|
<li class="current"><a href="#content">{{ doc.title }}</a>
|
|
|
|
<ul class="toc">
|
|
|
|
{% for item in page.toc %}
|
|
|
|
<li><a href="#{{ item.anchor }}">{{ item.title }}</a></li>
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
{% else %}
|
|
|
|
<li><a href="{{ link_path }}{{ doc.url }}">{{ doc.title }}</a>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<h2>Demos</h2>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
{% for demo in site.categories.demos reversed %}
|
|
|
|
{% if page.title == demo.title and page.category == 'demos' %}
|
|
|
|
<li class="current"><a href="#content">{{ demo.title }}</a></li>
|
|
|
|
{% else %}
|
|
|
|
<li><a href="{{ link_path }}{{ demo.url }}">{{ demo.title }}</a>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<h2>Custom layout modes</h2>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
{% for demo in site.categories['custom-layout-modes'] reversed %}
|
|
|
|
{% if page.title == demo.title and page.category == 'custom-layout-modes' %}
|
|
|
|
<li class="current"><a href="#content">{{ demo.title }}</a></li>
|
|
|
|
{% else %}
|
|
|
|
<li><a href="{{ link_path }}{{ demo.url }}">{{ demo.title }}</a>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<h2><a href="{{ root_path }}tests/index.html">Tests</a></h2>
|
|
|
|
|
|
|
|
</nav> <!-- #site-nav -->
|
|
|
|
|
|
|
|
<section id="content">
|
|
|
|
{% if page.category != 'homepage' %}
|
|
|
|
<h1>{{ page.title }}</h1>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{{ content }}
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
{{ site.name }} by <a href="http://desandro.com">David DeSandro</a> / <a href="http://metafizzy.co">Metafizzy</a>
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
</section> <!-- #content -->
|
|
|
|
|
|
|
|
<!-- analytics -->
|
|
|
|
<script>
|
|
|
|
var _gaq=[['_setAccount','UA-592624-5'],['_trackPageview'],['_setDomainName', '.metafizzy.co']];
|
|
|
|
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
|
|
|
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
|
|
|
|
s.parentNode.insertBefore(g,s)}(document,'script'));
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|