<commit_before>{% extends 'base.html.twig' %}



{% block javascripts %}
    <script src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
    <script src="{{ asset('bundles/app/js/bootstrap-lightbox.min.js') }}"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.0/masonry.pkgd.min.js"></script>
    <script language="javascript">

        window.currentTag="all";

        $(document).ready(function () {

            var offset = 0;
            var loading = false;
            /*  $(window).scroll(function () {
             if ($(window).scrollTop() == $(document).height() - $(window).height()) {
             */


            $(document).on('click', ".load-more", function() {
                if (loading == false) {
                    $('div#loadmoreajaxloader').show();
                    loading = true;
                    $.ajax({
                        url: "/foto/"+window.currentTag+"/json?offset=" + offset,
                        success: function (html) {
                            if (html) {
                               $('div#loadmoreajaxloader').hide();
                              //  $('.load-more').remove();
                                $("#postswrapper .nodi").append(html);
                                $('.image-link').magnificPopup({type: 'image'});
                            } else {
                                $('div#loadmoreajaxloader').html('<center>Non ci sono più elementi da visualizzare.</center>');
                            }
                            offset += 9;
                            loading = false;
                        }
                    });
                }
            })  ;


            $(".filtro-tags .tag").click(function(){

                window.currentTag=$(this).data("val");

                offset=0;
                loading = false;
                if (loading == false) {
                    $('div#loadmoreajaxloader').show();
                    loading = true;
                    $.ajax({
                        url: "/foto/"+window.currentTag+"/json?offset=" + offset,
                        success: function (html) {
                            if (html) {
                                $('div#loadmoreajaxloader').hide();
                                //$('.load-more').remove();
                                $("#postswrapper .nodi").html(html);
                                $('.image-link').magnificPopup({type: 'image'});
                            } else {
                                $('div#loadmoreajaxloader').html('<center>Non ci sono più elementi da visualizzare.</center>');
                            }
                            offset += 9;
                            loading = false;
                        }
                    });
                }

            });

            $('.image-link').magnificPopup({type: 'image'});


            $(".divBackgroundImage").lazyload({
                effect: "fadeIn"
            });


            if (getUrlParameter("foto")) {
                var video = getUrlParameter("foto");

                $("#guarda-" + video).click();

            }


        })
    </script>
{% endblock %}



{% block stylesheets %}
    <style>
        .modal.fade .modal-dialog {
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transition: -webkit-transform 0.3s ease-out;
            -moz-transition: -moz-transform 0.3s ease-out;
            -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
        }

        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    </style>
{% endblock %}

{% block title %}Foto
{% endblock %}


{% block body %}



    <div class="row clearfix">
        <div class="col-md-12 column">
                    <div class="category">
            <a href="#" id="back-link" class="back-link"> <span class="glyphicon glyphicon-menu-left bordered" aria-hidden="true"></span>  </a>  <h1>Foto</h1>
        </div>
        </div>
    </div>
    <!-- contenuto -->

     <div id="postswrapper">
         <div class="row">
             <div class="col col-sm-12 filtro-tags">
                 <span class="tag active" data-val="all">TUTTI I TAG</span>
                 {% for tag in tags %}
                     <span class="tag" data-val="{{ tag }}">{{ tag }}</span>
                 {% endfor %}
             </div>
         </div>
            <div class="row nodi ">

                {% for foto in galleria.getFoto()|reverse|slice(0,9) %}
    <div class="col-md-4 column  video-box ">

<a class="image-link" href="/uploads/galleria_foto/{{ foto.immagine|url_encode }}">
        <div class="box-home link-video" style="height: 330px;" data-foto="http://www.velaforfun.com/uploads/galleria_foto/{{ foto.immagine|url_encode }}">
            <div style="opacity: 1;background-image: url(/uploads/galleria_foto/{{ foto.immagine|url_encode }});"
                 class="divBackgroundImage" data-original="http://www.velaforfun.com/uploads/galleria_foto/{{ foto.immagine|url_encode }}">
            </div>
            <div class="content">

                <div class="box-action">
                    {% set tags = foto.getTag()|json_decode %}

                    <h2>{{ foto.nome }}

                        {% for tag in tags %}<commit_msg>fix grafica foto<commit_after>{% extends 'base.html.twig' %}



{% block javascripts %}
    <script src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
    <script src="{{ asset('bundles/app/js/bootstrap-lightbox.min.js') }}"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.0/masonry.pkgd.min.js"></script>
    <script language="javascript">

        window.currentTag="all";

        $(document).ready(function () {

            var offset = 0;
            var loading = false;
            /*  $(window).scroll(function () {
             if ($(window).scrollTop() == $(document).height() - $(window).height()) {
             */


            $(document).on('click', ".load-more", function() {
                if (loading == false) {
                    $('div#loadmoreajaxloader').show();
                    loading = true;
                    $.ajax({
                        url: "/foto/"+window.currentTag+"/json?offset=" + offset,
                        success: function (html) {
                            if (html) {
                               $('div#loadmoreajaxloader').hide();
                              //  $('.load-more').remove();
                                $("#postswrapper .nodi").append(html);
                                $('.image-link').magnificPopup({type: 'image'});
                            } else {
                                $('div#loadmoreajaxloader').html('<center>Non ci sono più elementi da visualizzare.</center>');
                            }
                            offset += 9;
                            loading = false;
                        }
                    });
                }
            })  ;


            $(".filtro-tags .tag").click(function(){

                window.currentTag=$(this).data("val");

                offset=0;
                loading = false;
                if (loading == false) {
                    $('div#loadmoreajaxloader').show();
                    loading = true;
                    $.ajax({
                        url: "/foto/"+window.currentTag+"/json?offset=" + offset,
                        success: function (html) {
                            if (html) {
                                $('div#loadmoreajaxloader').hide();
                                //$('.load-more').remove();
                                $("#postswrapper .nodi").html(html);
                                $('.image-link').magnificPopup({type: 'image'});
                            } else {
                                $('div#loadmoreajaxloader').html('<center>Non ci sono più elementi da visualizzare.</center>');
                            }
                            offset += 9;
                            loading = false;
                        }
                    });
                }

            });

            $('.image-link').magnificPopup({type: 'image'});


            $(".divBackgroundImage").lazyload({
                effect: "fadeIn"
            });


            if (getUrlParameter("foto")) {
                var video = getUrlParameter("foto");

                $("#guarda-" + video).click();

            }


        })
    </script>
{% endblock %}



{% block stylesheets %}
    <style>
        .modal.fade .modal-dialog {
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transition: -webkit-transform 0.3s ease-out;
            -moz-transition: -moz-transform 0.3s ease-out;
            -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
        }

        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        .video-box .box-home .content h2,.video-box .box-home:hover .box-action h2{
            margin-top:0px;
            background:none
        }
        .video-box .box-home .box-action h2 .tag{
            background:rgba(66, 156, 188,0.7)
        }

        .video-box .box-home:hover .box-action h2 .tag{
        background:rgba(66, 156, 188,1)
        }

    </style>
{% endblock %}

{% block title %}Foto
{% endblock %}


{% block body %}



    <div class="row clearfix">
        <div class="col-md-12 column">
                    <div class="category">
            <a href="#" id="back-link" class="back-link"> <span class="glyphicon glyphicon-menu-left bordered" aria-hidden="true"></span>  </a>  <h1>Foto</h1>
        </div>
        </div>
    </div>
    <!-- contenuto -->

     <div id="postswrapper">
         <div class="row">
             <div class="col col-sm-12 filtro-tags">
                 <span class="tag active" data-val="all">TUTTI I TAG</span>
                 {% for tag in tags %}
                     <span class="tag" data-val="{{ tag }}">{{ tag }}</span>
                 {% endfor %}
             </div>
         </div>
            <div class="row nodi ">

                {% for foto in galleria.getFoto()|reverse|slice(0,9) %}
    <div class="col-md-4 column  video-box ">

<a class="image-link" href="/uploads/galleria_foto/{{ foto.immagine|url_encode }}">
        <div class="box-home link-video" style="height: 330px;" data-foto="http://www.velaforfun.com/uploads/galleria_foto/{{ foto.immagine|url_encode }}">
            <div style="opacity: 1;background-image: url(/uploads/galleria_foto/{{ foto.immagine|url_encode }});"
                 class="divBackgroundImage" data-original="http://www.velaforfun.com/uploads/galleria_foto/{{ foto.immagine|url_encode }}">
            </div>
            <div class="content">

                <div class="box-action">
                    {% set tags = foto.getTag()|json_decode %}

                    <h2>

                        {% for tag in tags %}
{'fraction_non_alphanumeric': 0.1593507286848765, 'fraction_numerical': 0.009773976786805132, 'mean_word_length': 1.3217179902755267, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 93, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1692104', 'n_tokens_mistral': 3360, 'n_tokens_neox': 3055, 'n_words': 546}