<commit_before><link rel="import" href="components/polymer/polymer.html">
<link rel="import" href="components/core-ajax/core-ajax.html">
<link rel="import" href="components/pvc-spinner/pvc-spinner.html">

<polymer-element name="status-whiskey">

    <template>
        <style>
            .http-status {
                color: white;
                background-color: black;
                padding: 20px;
                margin: 20px;
            }
        </style>

        <!-- fetch data! -->
        <core-ajax
                auto
                url="objects.json"
                handleAs="json"
                response="{{ response }}"
                on-core-response="{{ handleResponse }}"></core-ajax>

        <!-- start the app section -->
        <div id="app" layout vertical>

            <!-- the app's main content area -->
            <div id="content" flex relative>
                <div hidden?="{{ showLoader }}" horizontal layout wrap>
                    <template repeat="{{ code in response.codes }}">
                        <div class="http-status" horizontal center-justified layout>
                            <div horizontal center-justified layout>
                                <img width="300" height="230" alt="{{ code.code + ' ' + code.label }}" src="{{ code.img }}"/>
                            </div>
                            <div horizontal center-justified layout>
                                <h3>{{ code.code }}</h3>
                            </div>
                            <div horizontal center-justified layout>
                                <h4>{{ code.label }}</h4>
                            </div>
                        </div>
                    </template>
                </div><commit_msg>layout<commit_after><link rel="import" href="components/polymer/polymer.html">
<link rel="import" href="components/core-ajax/core-ajax.html">
<link rel="import" href="components/pvc-spinner/pvc-spinner.html">

<polymer-element name="status-whiskey">

    <template>
        <style>
            .http-status {
                color: white;
                background-color: black;
                padding: 20px;
                margin: 20px;
            }
        </style>

        <!-- fetch data! -->
        <core-ajax
                auto
                url="objects.json"
                handleAs="json"
                response="{{ response }}"
                on-core-response="{{ handleResponse }}"></core-ajax>

        <!-- start the app section -->
        <div id="app" layout vertical>

            <!-- the app's main content area -->
            <div id="content" flex relative>
                <div hidden?="{{ showLoader }}" horizontal layout wrap>
                    <template repeat="{{ code in response.codes }}">
                        <div class="http-status" vertical layout>
                            <div horizontal center-justified layout>
                                <img width="300" height="230" alt="{{ code.code + ' ' + code.label }}" src="{{ code.img }}"/>
                            </div>
                            <div horizontal center-justified layout>
                                <h3>{{ code.code }}</h3>
                            </div>
                            <div horizontal center-justified layout>
                                <h4>{{ code.label }}</h4>
                            </div>
                        </div>
                    </template>
                </div>
{'fraction_non_alphanumeric': 0.13327625570776255, 'fraction_numerical': 0.007990867579908675, 'mean_word_length': 1.1783716594157863, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, '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': '4077672', 'n_tokens_mistral': 884, 'n_tokens_neox': 811, 'n_words': 196}