{{!< default}}

<header class="welcome-header">
    <div class="inner">
        <div class="box welcome-box">
            
            <!-- Dropbox Button -->
            {{#if @site.logo}}
            <a href="/tag/prenos/" target="_blank" class="dropbox-button">
                <img src="{{@site.logo}}" alt="Dropbox Button" />
            </a>
            {{/if}}
        </div>
    </div>
</header>

<div id="welcome" class="container">
    <main class="content" role="main">
        <div class="welcome-content">
            <!-- Button to Index Page -->
            <a href="/content_index?v=1" class="index-button">
                {{#get "pages" filter="slug:index" limit="1"}}
                    {{#foreach pages}}
                        {{#if feature_image}}
                            <img src="{{feature_image}}" alt="{{title}}" class="post-menu-image waving-flag">
                        {{else}}
                            <p>Brskanje</p>
                        {{/if}}
                    {{/foreach}}
                {{/get}}
            </a>
            <!-- Display the welcome page content -->
            <div class="page-content">
                {{#get "pages" filter="slug:index"}}
                {{#foreach pages}}
                    <div class="content">
                    <article class="post">
                        <header class="post-header">
                        <h1 class="post-title">{{title}}</h1>
                        </header>
                        <section class="post-content">
                        {{{content}}}
                        </section>
                    </article>
                    </div>
                {{/foreach}}
                {{/get}}
            </div>
        </div>
    </main>
</div>