<commit_before>{% extends 'layouts/base_present.html' %}

{% from "macros/helpers.html" import present_block %}

{% block body_content %}
<div id="door-area">
    <div id="gif-area"></div>
    {% for idx in range(0, 3) %}
        {% if suggestions[idx] %}
            {{ present_block(suggestions[idx], idx) }}
        {% endif %}
    {% endfor %}
</div>
{% endblock %}

{% block footer_extra %}
<script>
    $(document).ready(function() {

        var block_count = 4;

        var colors = [
            "#CA8C33",
            "#A5B744",
            "#ABCB9F",
            "#5AB8BF",

            "#7A5618",
            "#6A7031",
            "#7D9A91",
            "#5B6C89",

            "#AF2F27",
            "#63634A",
            "#546A64",
            "#2F4E7A",

            "#77190E",
            "#2B2E1B",
            "#394C47",
            "#132A4A"
        ];

        var block_iterations = 1;
	var animated_gifs = new Array('Video-01-bw-optimized.gif', 'Video-02-bw-optimized.gif', 'Video-03-bw-optimized.gif', 'Video-04-bw-optimized.gif', 'Video-05-bw-optimized.gif');


        var delay = 500; // ms
        var duration = 500; // ms
        var display_duration = 3000; // ms

        var get_4_colors = function() {
            var rand_colors = []
            for (var i = 0; i < 4; i++) {
                var idx = Math.floor(Math.random() * colors.length);
                rand_colors.push(colors[idx]);
            };
            return rand_colors;
        }

        var gif_or_words = function() {
            if ((block_iterations % 3) === 0){
                show_gif();
            } else {
                load_new_set();
            }
            block_iterations++;
        };

        var show_gif = function() {
            $("#words-area").hide();


		
	    var gif_id = Math.floor(Math.random() * animated_gifs.length);

            $gifarea = $("#gif-area");
            $gifarea.show();
            // starting CSS pre-animation
            $gifarea.css({
                'display': 'block',
                'opacity': 0,
                'background-image': 'url(' + '/img/gifs/' + animated_gifs[gif_id] + ')',
            });
            // transition in
            $gifarea.transition({
                    'y': 0,
                    'opacity': 1,
                    'duration': duration
                });
            // change opacity
            $gifarea.transition({
                    'delay': delay,
                    'duration': (display_duration * 2)
                });
            // transition out<commit_msg>Changed display duration per Jason's suggestion for 20 second video display<commit_after>{% extends 'layouts/base_present.html' %}

{% from "macros/helpers.html" import present_block %}

{% block body_content %}
<div id="door-area">
    <div id="gif-area"></div>
    {% for idx in range(0, 3) %}
        {% if suggestions[idx] %}
            {{ present_block(suggestions[idx], idx) }}
        {% endif %}
    {% endfor %}
</div>
{% endblock %}

{% block footer_extra %}
<script>
    $(document).ready(function() {

        var block_count = 4;

        var colors = [
            "#CA8C33",
            "#A5B744",
            "#ABCB9F",
            "#5AB8BF",

            "#7A5618",
            "#6A7031",
            "#7D9A91",
            "#5B6C89",

            "#AF2F27",
            "#63634A",
            "#546A64",
            "#2F4E7A",

            "#77190E",
            "#2B2E1B",
            "#394C47",
            "#132A4A"
        ];

        var block_iterations = 1;
	var animated_gifs = new Array('Video-01-bw-optimized.gif', 'Video-02-bw-optimized.gif', 'Video-03-bw-optimized.gif', 'Video-04-bw-optimized.gif', 'Video-05-bw-optimized.gif');


        var delay = 500; // ms
        var duration = 500; // ms
        var display_duration = 3000; // ms

        var get_4_colors = function() {
            var rand_colors = []
            for (var i = 0; i < 4; i++) {
                var idx = Math.floor(Math.random() * colors.length);
                rand_colors.push(colors[idx]);
            };
            return rand_colors;
        }

        var gif_or_words = function() {
            if ((block_iterations % 3) === 0){
                show_gif();
            } else {
                load_new_set();
            }
            block_iterations++;
        };

        var show_gif = function() {
            $("#words-area").hide();


		
	    var gif_id = Math.floor(Math.random() * animated_gifs.length);

            $gifarea = $("#gif-area");
            $gifarea.show();
            // starting CSS pre-animation
            $gifarea.css({
                'display': 'block',
                'opacity': 0,
                'background-image': 'url(' + '/img/gifs/' + animated_gifs[gif_id] + ')',
            });
            // transition in
            $gifarea.transition({
                    'y': 0,
                    'opacity': 1,
                    'duration': duration
                });
            // change opacity
            $gifarea.transition({
                    'delay': delay,
                    'duration': (display_duration * 7)
                });
            // transition out
{'fraction_non_alphanumeric': 0.15205690119184928, 'fraction_numerical': 0.03652441368704344, 'mean_word_length': 1.3426384511481315, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4804616', 'n_tokens_mistral': 1705, 'n_tokens_neox': 1539, 'n_words': 301}