{{ header }}
{% spaceless %}
<div id="content">
    {{ content_top }}
    {{ content_bottom }}
</div>
<div class="container-fluid" style="margin-top: -50px; padding: 0">
    <div class="tt_product_module">
        <div class="module-title">
            <h2>
                <img style="height:50px;" src="/image/catalog/instagram.svg" alt="instagram-logo" />
            </h2>
        </div>
        <div id="instafeed"></div>
    </div>
</div>
{% endspaceless %}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/instafeed.js/1.4.1/instafeed.min.js"></script>
{% verbatim %}
<script>
    $(function () {
        if ($("#instafeed").length > 0) {
            // Get last 4 pics from Instagram
            var template = '<div class="col-xs-6 col-sm-4 col-md-2" style="padding: 0;" data-sr="wait 0.1s, ease-in 20px">\
                    <a href="{{link}}" target="_blank">\
                        <img src="{{image}}" alt="{{caption}}" width="{{width}}px" height="{{height}}px" class="img-responsive">\
                    </a>\
                </div>';
            var feed = new Instafeed({
                get: 'user',
                accessToken: '1581794026.3dad875.e066d1b11a6f43ae88be05751eb880dc',
                userId: '1581794026',
                clientId: '	3dad8756736e4b1097f6783b192d3fc6',
                code: '594f824b443a44ce8785efed90825210',
                template: template,
                limit: 6,
                resolution: 'low_resolution'
            });
            feed.run();
        }
    });
</script>
{% endverbatim %}
{{ footer }}