docs/.scripts/template.html
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>Cycle.js<%= title ? ' - ' + title : '' %></title>
<!-- Flatdoc -->
<script src='<%= pathToRoot %>support/vendor/jquery.js'></script>
<script src='<%= pathToRoot %>support/vendor/highlight.pack.js'></script>
<script src='<%= pathToRoot %>legacy.js'></script>
<script src='<%= pathToRoot %>flatdoc.js'></script>
<!-- Algolia's DocSearch main theme -->
<link href='//cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css' rel='stylesheet' />
<!-- Others -->
<script async src="//static.jsbin.com/js/embed.js"></script>
<!-- Flatdoc theme -->
<link href='<%= pathToRoot %>theme/style.css' rel='stylesheet'>
<script src='<%= pathToRoot %>theme/script.js'></script>
<link href='<%= pathToRoot %>support/vendor/highlight-github-gist.css' rel='stylesheet'>
<!-- Meta -->
<meta content="Cycle.js<%= title ? ' - ' + title : '' %>" property="og:title">
<meta content="A functional and reactive JavaScript framework for predictable code" name="description">
<!-- Content -->
<script id="markdown" type="text/markdown" src="index.html">
<%- content %>
</script>
<!-- Initializer -->
<script>
Flatdoc.run({
fetcher: function (callback) {
callback(null, document.getElementById('markdown').innerHTML);
},
highlight: function (code, value) {
return hljs.highlight(value, code).value;
},
});
</script>
</head>
<body role='flatdoc' class="no-literate">
<% if (typeof frontpage !== 'undefined') { %>
<div class="hero">
<div class="hero-body">
<div class="hero-title">
<img src="img/cyclejs_logo.svg" alt="Cycle.js logo" class="hero-logo">
<h1>Cycle.js</h1>
</div>
<h2>A functional and reactive JavaScript framework for predictable code</h2>
<h3><a href="<%= pathToRoot %>getting-started.html">Read the docs</a></h3>
<!-- Dead link, need to find another or remove
<h4><a href="http://widdersh.in/tricycle/">Or try it live!</a></h4>
-->
</div>
</div>
<% } %>
<div class='header'>
<div class='left'>
<h1><a href="/"><img class="logo" src="<%= pathToRoot %>img/cyclejs_logo.svg">Cycle.js</a></h1>
<ul>
<li><a href='<%= pathToRoot %>getting-started.html'>Guide</a></li>
<li><a href='<%= pathToRoot %>api/index.html'>API</a></li>
<li><a href='<%= pathToRoot %>releases.html'>Releases</a></li>
<li><a href='https://github.com/cyclejs/cyclejs'>GitHub</a></li>
</ul>
<input id="docsearch" />
</div>
<div class='right'>
<!-- GitHub buttons: see https://ghbtns.com -->
<iframe src="https://ghbtns.com/github-btn.html?user=cyclejs&repo=cyclejs&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</div>
</div>
<div class='content-root'>
<div class='menubar'>
<div class='menu section'>
<% if (typeof premenu !== 'undefined' && premenu.length > 0) { %>
<ul>
<% premenu.forEach(function (item) { %>
<li><a href="<%= pathToRoot %><%= item.link %>" class="level-1 out-link"><%= item.title %></a></li>
<% }) %>
</ul>
<% } %>
<div role='flatdoc-menu'></div>
<% if (typeof postmenu !== 'undefined' && postmenu.length > 0) { %>
<ul>
<% postmenu.forEach(function (item) { %>
<li><a href="<%= pathToRoot %><%= item.link %>" class="level-1 out-link"><%= item.title %></a></li>
<% }) %>
</ul>
<% } %>
</div>
</div>
<div role='flatdoc-content' class='content'></div>
<% if (typeof frontpage !== 'undefined') { %>
<div class='content'>
<script src="https://opencollective.com/cyclejs/banner.js"></script>
</div>
<% } %>
</div>
<% if (typeof frontpage !== 'undefined') { %>
<script src="js/example-hello-world.min.js" async defer></script>
<% } %>
<script>
((window.gitter = {}).chat = {}).options = {
room: 'cyclejs/cyclejs'
};
</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
<script src='//cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js'></script>
<script src='<%= pathToRoot %>docsearch.js'></script>
</body>
</html>