src/parts/index._
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title><%- config['project-name'] %> <%- config['project-version'] %> | Documentation</title><% if (config['project-description']) { %>
<meta name='description' content='<%- config['project-description'] %>'><% } %>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="assets/css/ace.min.css" rel="stylesheet">
<link href="assets/fonts/TypoPRO-Hack/TypoPRO-Hack.css" type="text/css" rel="stylesheet" />
<link href="assets/fonts/TypoPRO-FiraSans/TypoPRO-FiraSans.css" type="text/css" rel="stylesheet" />
<link href="assets/css/style.css" type="text/css" rel="stylesheet" /><% if (config['favicon']) { %>
<link href='<%- config['favicon'] %>' rel='icon' ><% } %>
</head>
<body class='documentation m0'>
<div class="flex">
<div id='split-left' class='overflow-auto fs0 height-viewport-100 sidebar'>
<div class='py1 px2'>
<h3 class="m0 no-anchor"><%- config['project-name'] %></h3>
<div class="mb1"><code><%- config['project-version'] %></code></div>
<input
placeholder="Filter"
id="filter-input"
class="col12 block input"
type="text" />
<div id="toc">
<ul class="list-reset h5 py1-ul">
<% docs.forEach(function(doc) { %>
<% var hasMembers = doc.members.static.length || doc.members.instance.length %>
<li><a
href="#<%=slug(doc.namespace)%>"
class="<% if (doc.kind === 'note') { %>h5 bold black caps<% } %><% if (hasMembers) { %> toggle-sibling<% } %>">
<%- doc.name %>
<% if (hasMembers) { %><span class="icon">▸</span><% } %>
</a>
<% if (hasMembers) { %>
<div class="toggle-target display-none">
<% if (doc.members.static && doc.members.static.length) { %>
<ul class="list-reset py1-ul pl1">
<li class="h5"><span>Static members</span></li>
<% doc.members.static.forEach(function(member) { %>
<li><a
href="#<%=member.namespace%>"
class="regular pre-open">
.<%- member.name %>
</a></li>
<% }) %>
</ul>
<% } %>
<% if (doc.members.instance && doc.members.instance.length) { %>
<ul class="list-reset py1-ul pl1">
<li class="h5"><span>Instance members</span></li>
<% doc.members.instance.forEach(function(member) { %>
<li><a
href="#<%=member.namespace%>"
class="regular pre-open">
#<%- member.name %>
</a></li>
<% }) %>
</ul>
<% } %>
<% if (doc.members.events && doc.members.events.length) { %>
<ul class="list-reset py1-ul pl1">
<li class="h5">Events</li>
<% doc.members.events.forEach(function(member) { %>
<li><a
href="#<%=member.namespace%>"
class="regular pre-open">
ⓔ <%- member.name %>
</a></li>
<% }) %>
</ul>
<% } %>
</div>
<% } %>
</li>
<% }) %>
</ul>
</div>
<div class="badges"><%= badges() %></div>
<div class="mt1 h6 quiet">
<a href="http://documentation.js.org/reading-documentation.html">Need help reading this?</a>
</div>
</div>
</div>
<!-- <div class="flex-column px2 sidespace">
<h3 class="m0 no-anchor"><%- config.projectName %></h3>
</div> -->
<div id='split-right' class='relative overflow-auto height-viewport-100'>
<% docs.forEach(function(s) { %>
<% if (s.kind !== 'note') { %>
<%= renderSection({
section: s,
renderSection: renderSection,
renderSectionList: renderSectionList,
renderParamProperty: renderParamProperty
}) %>
<% } else { %>
<div class="keyline-top-not py1"><%=renderNote({ note: s })%></div>
<% } %>
<% }) %>
</div>
</div>
<script src="assets/js/anchor.min.js"></script>
<script src="assets/js/split.min.js"></script>
<script src="assets/js/site.js"></script>
</body>
</html>