{% extends 'base.html.twig' %}

{% block title %}Sermon Notes{% endblock %}

{% block stylesheets %}
<link href="/theme/assets/css/main.css" rel="stylesheet" />
<link href='/css/style.css' rel='stylesheet' />
{% endblock %}

{% block javascripts %}
<script src="/theme/assets/js/jquery.min.js"></script>
<script src="/theme/assets/js/browser.min.js"></script>
<script src="/theme/assets/js/breakpoints.min.js"></script>
<script src="/theme/assets/js/util.js"></script>
<script src="/theme/assets/js/main.js"></script>

<!-- <script src="https://kit.fontawesome.com/f15a79324f.js" crossorigin="anonymous"></script> -->
{% endblock %}

{% block body %}
<div id='wrapper'>
    <div id='main'>
        <div class='inner'>
            <header id="header">
                {% if app.user %}
                <a href='/index.php/home' class='logo'>
                    <img src='/theme/images/vecteezy_notes-icon-in-trendy-flat-style-isolated-on-white_29722382.jpg' style='width:60px;'/>
                </a>
                {% else %}
                <a href="/index.php/" class="logo">
                    <img src='/theme/images/vecteezy_notes-icon-in-trendy-flat-style-isolated-on-white_29722382.jpg' style='width:60px;'/>
                </a>
                {% endif %}
            </header>

            <!-- Banner -->
            <section id="banner">
                <div class="content">
                    <header>
                        <h1>Sermon Notes</h1>
                        <p>A free note taking app for sermons</p>
                    </header>
                </div>
                <span class="image object">
                    <img src="/theme/images/lined-paper-template-01.png" alt="" />
                </span>
            </section>
        </div>
    </div>

    {% include('default/sidebar.html.twig') %}

</div>
{% endblock %}