<!DOCTYPE html>
<html lang="en">
<head>
    <title>{% if meta.title %}{{ meta.title }}{% else %}{{ site_title }}{% endif %}</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    {% if meta.description %}
        <meta name="description" content="{{ meta.description|striptags }}">
    {% endif %}{% if meta.robots %}
        <meta name="robots" content="{{ meta.robots }}">
    {% endif %}

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" type="text/css" />
    <link rel='stylesheet' href='{{ theme_url }}/styles/style.css' type='text/css'/>
    <link rel='stylesheet' href='{{ theme_url }}/styles/unslider.css' type='text/css'/>
    <link rel='stylesheet' href='{{ theme_url }}/styles/unslider-dots.css' type='text/css'/>
    <script src="{{ theme_url }}/scripts/jquery-3.1.1.min.js"></script>
    <script src="{{ theme_url }}/scripts/tinynav.min.js"></script>
    <script src="{{ theme_url }}/scripts/unslider-min.js"></script>
</head>

<body>
<div class="wrapper">
    <header id="branding">
        <div class="container clearfix">
            <div class="hgroup-wrap clearfix">
                <section class="hgroup-right">
                  <img src='{{ theme_url }}/images/prva_slika.jpeg'>
                </section>
                <hgroup id="site-logo" class="clearfix">
                    <h1 id="site-title"><a href={{ base_url }}>{{ site_title }}</a></h1>
                    <h2 id="site-description">{{ config.site_subtitle }}</h2>
                </hgroup>
            </div>
        </div>
        <nav id="main-nav" class="clearfix">
            {{ 'navbar'|content }}
        </nav>
    </header>
    <div id="main" class="clearfix">
        <div>
            <div id="primary" class="no-margin-left">
                <div id="content">
                    <section class="page">
                        <article>
                            {{ content }}

                            {% if meta.title == "Materiali" %}

                                {% for page in pages("materiali/")|sort_by("date")|reverse if not page.hidden %}
                                    <div class="post">
                                        {% if page.meta.teaser %}
                                            <img class="teaser" src="{{ assets_url }}/{{ page.meta.teaser }}">
                                        {% endif %}

                                        <div>
                                        <h3><a href="{{ page.url }}">{{ page.title }}</a></h3>
                                        {% if page.date_formatted %}
                                            <p class="date">Objavljeno: {{ page.date_formatted }}</p>
                                        {% endif %}
                                        <p>{{ page.description }} <a href="{{ page.url}}">več</a></p>
                                        </div>
                                    </div>
                                {% endfor %}
                            {% endif %}
                        </article>
                    </section>
                </div>
            </div>
            <div id="secondary">
                {% for page in pages %}
                    {% if page.id starts with current_page.id|split('/')|slice(0,-1)|join('/') ~ '/sidebars/' %} {# page-specfic sidebars should be placed before global ones #}
                        <aside class="widget">
                            <h3 class="widget-title">{{ page.title }}</h3>
                            {{ page.id|content }}
                        </aside>
                    {% endif %}
                {% endfor %}
                {% for page in pages %}
                    {% if page.id starts with 'sidebars/' %} {# global sidebars #}
                        <aside class="widget">
                            <h3 class="widget-title">{{ page.title }}</h3>
                            {{ page.id|content }}
                        </aside>
                    {% endif %}
                {% endfor %}
                {{ include('rss_feed.twig') }}
            </div>
        </div>
    </div>
    <footer id="footerarea" class="clearfix">
    </footer>
</div>
<script>
    $(function () {
        $("#main-nav").children(0).tinyNav({header: 'Navigation'});
    });
</script>
<script>
    $(document.links).filter(function() {
        return this.hostname != window.location.hostname;
    }).attr('target', '_blank');
</script>
</body>
</html>
