<commit_before>{{define "title"}}Mirrorstats{{end}}
{{define "headline"}}Mirrorstats{{end}}

{{define "head"}}
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.20.1/ol.css" type="text/css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.css" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/MarkerCluster.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/leaflet.markercluster.js"></script>
        <style type="text/css">
            #map { }
            .marker-cluster {
                border-radius: 50%;
                opacity: 0.6;
            }
            .marker-good {
                background-color: green;
            }
            .marker-bad {
                background-color: red;
            }
            .marker-mixed {
                background-color: orange;
            }
            .popup-content {
                font-size: 0.8em;
            }

            .tooltip {
                position: relative;
                display: inline-block;
                opacity: 0.8;
            }

            .tooltip .tooltiptext {
                visibility: hidden;
                width: 120px;
                background-color: black;
                color: #fff;
                text-align: center;
                border-radius: 6px;
                padding: 5px 0;
                position: absolute;
                z-index: 1;
                top: -16px;
                left: 110%;
            }

            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                right: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent black transparent transparent;
            }
            .tooltip:hover .tooltiptext {
                visibility: visible;
            }
        </style>
{{end}}

{{define "body"}}
        <div id="map" style="width: 100%; height: 512px;"></div>


        <div id="chart">
            <table class="alt">
                <tr>
                    <th>Mirror</th>
                    <th>So far today…</th>
                </tr>
                {{range $i, $v := .List}}
                <tr>
                    <td rowspan="2">{{$v.ID}}</td>
                    <td width="500" class="tooltip"><div style="height: 15px; width: {{$v.PercentD}}%; background-color: #4078C0;"><span class="tooltiptext">{{$v.Downloads}}<br>downloads</span></div></td>
                </tr>
                <tr>
                    <td width="500" class="tooltip"><div style="height: 15px; width: {{$v.PercentB}}%; background-color: #7CA2D3;"><span class="tooltiptext">{{sizeof $v.Bytes}}<br>transferred</span></div></td>
                </tr>
                {{end}}
            </table>
        </div>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.20.1/ol.js" type="text/javascript"></script>
        <script>
            var map = L.map('map').setView([20,37], 2);
            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                attribution: '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'
            }).addTo(map);


            var mirrors = {
                "rows" : [
                {{range $i, $v := .MirrorList}}
                {
                    "lat" : {{$v.Latitude}},<commit_msg>mirrorstats: move inline style to css block<commit_after>{{define "title"}}Mirrorstats{{end}}
{{define "headline"}}Mirrorstats{{end}}

{{define "head"}}
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.20.1/ol.css" type="text/css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.css" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/MarkerCluster.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/leaflet.markercluster.js"></script>
        <style type="text/css">
            #map { }
            .marker-cluster {
                border-radius: 50%;
                opacity: 0.6;
            }
            .marker-good {
                background-color: green;
            }
            .marker-bad {
                background-color: red;
            }
            .marker-mixed {
                background-color: orange;
            }
            .popup-content {
                font-size: 0.8em;
            }
            .tooltip {
                position: relative;
                display: inline-block;
                opacity: 0.8;
            }
            .tooltip .tooltiptext {
                visibility: hidden;
                width: 120px;
                background-color: black;
                color: #fff;
                text-align: center;
                border-radius: 6px;
                padding: 5px 0;
                position: absolute;
                z-index: 1;
                top: -16px;
                left: 110%;
            }
            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                right: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent black transparent transparent;
            }
            .tooltip:hover .tooltiptext {
                visibility: visible;
            }
            .bar-download {
                background-color: #4078C0;
                height: 15px;
            }
            .bar-bytes {
                background-color: #7CA2D3;
                height: 15px;
            }
        </style>
{{end}}

{{define "body"}}
        <div id="map" style="width: 100%; height: 512px;"></div>


        <div id="chart">
            <table class="alt">
                <tr>
                    <th>Mirror</th>
                    <th>So far today…</th>
                </tr>
                {{range $i, $v := .List}}<tr>
                    <td rowspan="2">{{$v.ID}}</td>
                    <td width="500" class="tooltip"><div class="bar-download" style="width: {{$v.PercentD}}%;"><span class="tooltiptext">{{$v.Downloads}}<br>downloads</span></div></td>
                </tr>
                <tr>
                    <td width="500" class="tooltip"><div class="bar-bytes" style="width: {{$v.PercentB}}%;"><span class="tooltiptext">{{sizeof $v.Bytes}}<br>transferred</span></div></td>
                </tr>{{end}}
            </table>
        </div>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.20.1/ol.js" type="text/javascript"></script>
        <script>
            var map = L.map('map').setView([20,37], 2);
            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                attribution: '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'
            }).addTo(map);


            var mirrors = {
                "rows" : [
                {{range $i, $v := .MirrorList}}
                {
                    "lat" : {{$v.Latitude}},
{'fraction_non_alphanumeric': 0.16070266753415746, 'fraction_numerical': 0.02108002602472349, 'mean_word_length': 1.3839950372208436, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 99, 'https://': 14, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5739760', 'n_tokens_mistral': 2431, 'n_tokens_neox': 2190, 'n_words': 359}