@ithaka/bonsai
Version:
ITHAKA core styling
52 lines (47 loc) • 1.54 kB
HTML
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{description}}">
<title>{{title}} | Bonsai Style Guide</title>
<link href="/styleguide/assets/css/documentation.css" rel="stylesheet" />
</head>
<body>
<div class="row ptxl">
<div class="small-2 columns">
<ul class="vertical menu accordion-menu" data-accordion-menu id="side-nav">
{{>nav}}
</ul>
</div>
<div class="small-10 columns">
<h1>{{ title }}</h1>
<p><em>{{ description }}</em></p>
{{#if foundation}}
<h3 class="mtl"><a href="{{ foundation }}">See Foundation Documentation</a></h3>
{{/if}}
<div>
{{{ docs }}}
</div>
{{#if sass}}
<hr>
{{>sass-reference}}
{{/if}}
{{#if js}}
<hr>
{{>javascript-reference}}
{{/if}}
</div>
</div>
<footer>
{{>footer}}
</footer>
<div id="screen-reader-notification" class="show-for-sr" aria-live="polite" aria-atomic="false" aria-relevant="additions"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="/styleguide/assets/js/bonsai.bundle.js"></script>
{{#if additionalJs}}
<script src="{{additionalJs}}"></script>
{{/if}}
</body>
</html>