index.html

---
layout: default
---

<section id="plakat">
    <div>
        <h1>Askøy Fotballklubb - En positiv opplevelse</h1>
        <p>Oppkjøringen til en ny sesong er startet. Nærmere 60 lag har startet arbeidet med å bli litt bedre fotballspillere.<br/>
        Det er høy aktivitet på Myrane, og arbeidet med en tre nye baner på Bergheim er i gang. <br/>
        2016 kommer til å bli et godt år for Askøy fotballklubb og alle våre medlemmer.
    </div>
</section>

<section id="sponsorer">
    <object class="sponsor" id="stamina-logo" type="image/svg+xml" data="/node_modules/afk-assets/svg/stamina-logo.svg"></object>
    <object class="sponsor" id="nobi-logo" type="image/svg+xml" data="/node_modules/afk-assets/svg/nobi-logo.svg"></object>
    <object class="sponsor" id="vitek-logo" type="image/svg+xml" data="/node_modules/afk-assets/svg/vitek-logo.svg"></object>
    <object class="sponsor" id="spv1-logo" type="image/svg+xml" data="/node_modules/afk-assets/svg/sparebanken-vest-logo.svg"></object>

    <script>

        // temporary solution

        var links = {
            'stamina-logo' : 'http://www.staminagroup.no/finn-oss/vestlandet/bergen-askoy/?remembercenter=true',
            'nobi-logo'    : 'http://www.nobi.no',
            'vitek-logo'   : 'http://www.vitek.no',
            'spv1-logo'    : 'http://www.spv.no'
        };

        [].forEach.call(document.querySelectorAll('.sponsor'), function(logo) {
            logo.addEventListener('load', function() {
                var svg = logo.contentDocument.querySelector('svg');
                svg.style.cursor = 'pointer';
                svg.addEventListener('click', function() {
                    window.location.href = links[logo.id];
                });
            });
        });

    </script>

</section>

<style>
    main hr {
        background-color: #bfbfbf;
        color: none;
        outline: none;
        height: 5px;
        border: none;
        margin: 0 10px 20px 10px;
    }


</style>

<main>

    <aside>

<!--         <h1>Siste nytt</h1> -->

        <div class="boxes">
            {% for post in site.posts | limit: 4 %}
            <a href="{{ post.url }}" class="box">
                <article>
                    <h2>{{ post.title }}</h2>
                    <p>{{ post.excerpt | strip_html }}</p>
                </article>
            </a>
            {% endfor %}
        </div>


    <!-- <a class="button" href="/nyheter/">Nyhetsarkiv</a> -->

    </aside>

    <hr>

    <aside class="boxes">
        <a href="/lag/barn/" class="box">
            <article >
                <h2>Barn</h2>
                <p>Vi har over 50 barnelag fra 1.–7. klasse.</p>
            </article>
        </a>
        <a href="/lag/ungdom/" class="box">
            <article>
                <h2>Ungdom</h2>
                <p>Vi er opptatt av å gi alle ungdommene et godt tilbud.</p>
            </article>
        </a>
        <a href="/lag/senior/" class="box">
            <article>
                <h2>Junior/Senior</h2>
                <p>Askøy Fotballklubb har svært gode ungdommer på vei opp i seniorfotballen.</p>
            </article>
        </a>
        <a href="/lag/stjerne/" class="box">
            <article>
                <h2>Stjerne</h2>
                <p>Askøy Fotballklubbs lag for funksjonshemmede.</p>
            </article>
        </a>
    </aside>

</main>