<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width" />

<% if (typeof pagetitle !== "undefined") { %>
    <title><%= pagetitle %></title>
<% } else if (typeof title !== "undefined") { %>
    <title><%= title %></title>
<% } %>
<ak-header-metatags></ak-header-metatags>
<xml-sitemap></xml-sitemap>
<site-verification></site-verification>
<ak-header-linkreltags></ak-header-linkreltags>
<ak-stylesheets></ak-stylesheets>
<ak-headerJavaScript></ak-headerJavaScript>

<style>
#container { padding-top: 5px; }
</style>
</head>
<body class="ebook-page">

    <nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark d-print-none">
        <button class="navbar-toggler" type="button" data-toggle="collapse" 
                data-target="#ebookNavbarContent" aria-controls="ebookNavbarContent" 
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="ebookNavbarContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="ebookNavbarAkashaCMSdropdown" 
                            role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    AkashaCMS
                    </a>
                    <div class="dropdown-menu" aria-labelledby="ebookNavbarAkashaCMSdropdown">
                        <a class="dropdown-item" href="/index.html">Home</a>
                        <a class="dropdown-item" href="/quick-start/index.html">Getting Started</a>
                        <a class="dropdown-item" href="/akasharender/toc.html">AkashaRender</a>
                        <a class="dropdown-item" href="/plugins/index.html">Plugins</a>
                        <a class="dropdown-item" href="/mahabhuta/toc.html">Mahabhuta</a>
                        <a class="dropdown-item" href="/epubtools/toc.html">EPUB Tools</a>
                        <a class="dropdown-item" href="/howto/index.html">How To</a>
                        <a class="dropdown-item" href="/news/index.html">News</a>
                        <a class="dropdown-item" href="/about.html">About</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="ebookNavbarToCdropdown" 
                            role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Table of Contents
                    </a>
                    <ebook-toc-menu id="ebook-toc-ol" data-classes='[ "dropdown-menu" ]'
                        data-olliclasses='[ "dropdown-item" ]'
                        data-ollabeledby='ebookNavbarToCdropdown'></ebook-toc-menu>
                </li>

                <form class="form-inline" method="get" id="ddgSearch" action="https://duckduckgo.com/">
                    <input type="hidden" name="sites" value="akashacms.com"/>
                    <input type="hidden" name="k7" value="#ffffff"/>
                    <input type="hidden" name="k8" value="#222222"/>
                    <input type="hidden" name="k9" value="#00278e"/>
                    <input type="hidden" name="kx" value="#20692b"/>
                    <input type="hidden" name="kj" value="#fafafa"/>
                    <input type="hidden" name="kt" value="p"/>
                    <input type="text" name="q" placeholder="Search AkashaCMS.com" aria-label="Search akashacms.com on DuckDuckGo"/>
                    <button type="submit">Search</button>
                </form>
            </ul>
        </div>
    </nav>

<div id="container" class="container">

    <ebook-page-header id="ebook-masthead" header-height="60px"></ebook-page-header>
    <div class="panel panel-default">
        <ebook-navigation-header showtoc="false" id="ebook-navigation" class="panel-heading"></ebook-navigation-header>
        <div id="book-page-content" class="panel-body">
            <% if (typeof teaser  !== "undefined") {
                 %><div class="jumbotron"><p class="lead"><%= teaser %></p></div> <%
            } %>
            <div id="book-page-content" class="panel-body"><%- content %></div>
            <partial file-name="video-players-from-videourls.html.ejs"/>
            <ebook-navigation-header showtoc="false" id="ebook-navigation-bottom" class="panel-heading"></ebook-navigation-header>
            <partial file-name='disqus.html'/>
        </div>
    </div>
    <footer id="footer-row" class="container">
    <partial file-name="ebook-footer.html"/>
    <partial file-name="footer.html.ejs"></partial>
    </footer>
</div>

<ak-footerJavaScript></ak-footerJavaScript>
<partial file-name="google-analytics.html"></partial>
<!-- partial file-name="piwik_analytics.html"></partial -->


</body>
</html>
