## -*- coding: utf-8 -*-
<%namespace name="base" file="base_helper.tmpl" import="*" />
<%namespace name="notes" file="annotation_helper.tmpl" import="*" />
${set_locale(lang)}
${base.html_headstart()}
<%block name="extra_head">
### Leave this block alone.
</%block>
${template_hooks['extra_head']()}
</head>
    <body class="no-trans txlive">
        <!-- ${permalink} -->
% if permalink is not UNDEFINED and permalink == '/':
        <%include file="front_page.html"/>
% else:
        <div class="scrollToTop"><a href="#" title="Scroll to top"><i class="fa fa-fw fa-arrow-up fa-lg"></i></a></div>
        <header class="header fixed clearfix navbar navbar-fixed-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="header-left clearfix">
                            <div class="logo smooth-scroll">
                                <a href="/"><img id="logo" src="/assets/images/logo.png" width="64" height="64" alt="OpenLP"></a>
                            </div>
                            <div class="site-name-and-slogan smooth-scroll">
                                <div class="site-name"><a href="/">OpenLP</a></div>
                                <div class="site-slogan">Empower Your Church</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="header-right clearfix">
                            <div class="main-navigation animated">
                                <nav class="navbar navbar-default" role="navigation">
                                    <div class="container-fluid">
                                        <div class="navbar-header">
                                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                        </div>
                                        <div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
                                            <ul class="nav navbar-nav navbar-right">
% if permalink.startswith(u'/blog'):
                                                <li class="active"><a href="/blog/">Blog</a></li>
% else:
                                                <li><a href="/blog/">Blog</a></li>
% endif
                                                <li><a href="/#about">About</a></li>
                                                <li><a href="/#features">Features</a></li>
                                                <li><a href="/#downloads">Downloads</a></li>
                                                <li><a href="/#testimonials">Testimonials</a></li>
                                                <li><a href="/#help">Help</a></li>
                                                <li><a href="https://manual.openlp.org/">Manual</a></li>
                                                <li><a href="https://forums.openlp.org/">Forums</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
% if post is not UNDEFINED and post:
        <div class="post-heading" style="background-image: url(${post.meta('previewimage')})">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                        <h1>${post.meta('title')}</h1>
                    </div>
                </div>
            </div>
        </div>
% elif permalink is not UNDEFINED and permalink.startswith(u'/blog/'):
        <div class="blog-heading">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                        <h1>Reflections and Projections</h1>
                    </div>
                </div>
            </div>
        </div>
% endif
        <div class="container" id="content">
            <div class="body-content">
                <div class="row">
                    ${template_hooks['page_header']()}
                    <%block name="content"></%block>
                </div>
            </div>
        </div>
        <footer id="footer">
            <div class="space"></div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <p class="text-center">
                                Copyright &copy; 2004-<span class="notranslate">2023</span> OpenLP Developers |
                                Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder |
                                <i class="fa fa-fw fa-money notranslate"></i> <a href="/donate">Donate to OpenLP</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
% endif

${base.late_load_js()}
    <script>jQuery("a.image-reference").colorbox({rel:"gal",maxWidth:"100%",maxHeight:"100%",scalePhotos:true});</script>
    <%block name="extra_js"></%block>
    % if annotations and post and not post.meta('noannotations'):
        ${notes.code()}
    % elif not annotations and post and post.meta('annotations'):
        ${notes.code()}
    % endif
${body_end}
${template_hooks['body_end']()}
</body>
</html>
