<commit_before><!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>/r/thebutton</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this templates -->
    <link href="/static/css/jumbotron-narrow.css" rel="stylesheet">
    <link href="/static/css/roboto.min.css" rel="stylesheet">
    <link href="/static/css/material.min.css" rel="stylesheet">
    <link href="/static/css/ripples.min.css" rel="stylesheet">


  </head>

  <body>

    <div class="container">
      <div class="header clearfix">
          <nav>
              <ul class="nav nav-pills pull-right">
                  <li class="active"><a href="javascript:void(0)">Home</a></li>
                  <li><a href="/times">Times</a></li>
              </ul>
          </nav>
      <h5 class="text-muted">Page Generated at {{ time[0] }} UTC. Service started on {{ time[1] }} UTC.</h5>
      <small class="text-muted">Data may be incomplete/inaccurate for up to one hour after service start.</small>
      </div>
      <div class="jumbotron">
        <h1>/r/thebutton</h1>
        <p class="lead">What colour are you?</p>
        <p><a class="btn btn-lg" id="mainbutton" href="http://www.reddit.com/r/thebutton" role="button" target="_blank">Visit the subreddit</a></p>
      </div>

      <div class="row">
        <div class="alert alert-success alert-dismissable">
            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
            <strong>Success!</strong> Lowest time history is now available, click <strong><a href="/times">here</a></strong>!
        </div>
        <div class="col-lg-6">
          <h4>Clicks Per Second (Overall)</h4>
          <p><strong>{{ data["clicks_second"]["all"] }}</strong> clicks /sec</p>

          <h4>Clicks Per Second (Past 1m)</h4>
          <p><strong>{{ data["clicks_second"]["1m"] }}</strong> clicks  /sec</p>

          <h4>Clicks Per Second (Past 10m)</h4>
          <p><strong>{{ data["clicks_second"]["10m"] }}</strong> clicks /sec</p>

          <h4>Clicks Per Second (Past 60m)</h4>
          <p><strong>{{ data["clicks_second"]["60m"] }}</strong> clicks /sec</p>
        </div>

        <div class="col-lg-6">
          <h4>Number of Clicks (Overall)</h4>
          <p><strong>{{ data["clicks"]["all"] }}</strong> clicks</p>

          <h4>Number of Clicks (Past 1m)</h4>
          <p><strong>{{ data["clicks"]["1m"] }}</strong> clicks</p>

          <h4>Number of Clicks (Past 10m)</h4>
          <p><strong>{{ data["clicks"]["10m"] }}</strong> clicks</p>

          <h4>Number of Clicks (Past 60m)</h4>
          <p><strong>{{ data["clicks"]["60m"] }}</strong> clicks</p>
        </div>
      </div>

      <hr/>

      <div class="row">
        <div class="col-lg-6">
            <h4>Flair Breakdown</h4>
            <ul>
              <li><span style="color: #888">Grey</span>: {{ data["flairs"]["grey"] }} ({{ data["current_flair"]["grey"] }}%)</li>
              <li><span style="color: #820080">Purple</span>: {{ data["flairs"]["purple"] }} ({{ data["current_flair"]["purple"] }}%)</li>
              <li><span style="color: #0083C7">Blue</span>: {{ data["flairs"]["blue"] }} ({{ data["current_flair"]["blue"] }}%)</li>
              <li><span style="color: #02BE01">Green</span>: {{ data["flairs"]["green"] }} ({{ data["current_flair"]["green"] }}%)</li>
              <li><span style="color: #E5D900">Yellow</span>: {{ data["flairs"]["yellow"] }} ({{ data["current_flair"]["yellow"] }}%)</li>
              <li><span style="color: #E59500">Orange</span>: {{ data["flairs"]["orange"] }} ({{ data["current_flair"]["orange"] }}%)</li>
              <li><span style="color: #E50000">Red</span>: {{ data["flairs"]["red"] }} ({{ data["current_flair"]["red"] }}%)</li>
            </ul>
            <small>Flair data provided by /u/mjgcfb.<br>
            These figures are not entirely accurate.</small>
        </div>

        <div class="col-lg-6">
            <h4>Lowest Time (Overall)</h4>
            <p><strong>{{ data["lowestTime"]["all"]["clicks"] }}</strong> seconds on <strong>{{ data["lowestTime"]["all"]["time"] }}</strong> UTC</p>

            <h4>Lowest Tme History</h4>
            <p>Click <strong><a href="/times" target="_blank">here</a></strong> to view history.</p>

            <h4>Suggestions</h4>
          <p>Got an idea for another statistic to show? Message <strong>Chr12t0pher</strong> on reddit!</p><br>
        </div>
      </div>

      <footer class="footer">
        <small>Overall counts and the lowest time are updated once per second, flair breakdown every five minutes, all else every five seconds.</small>
        <p><a href="/donate" target="_blank">Donate</a> - <a href="https://github.com/Chr12t0pher/r-slash-thebutton" target="_blank">Github</a></p>
      </footer>
    </div> <!-- /container -->


    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script src="/static/js/ripples.min.js"></script>
    <script src="/static/js/material.min.js"></script>
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41885449-6', 'auto');
  ga('send', 'pageview');

</script>
  <script>
      $(document).ready( function() {
          var colours = ["purple", "blue", "green", "yellow", "orange", "red"];
          $("#mainbutton").addClass("btn-material-" + colours[Math.floor(Math.random() * colours.length)]);
      })
  </script>
  </body>
</html><commit_msg>Added 30 second auto refresh. Cleaned up indentation.<commit_after><!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="refresh" content="30">

    <title>/r/thebutton</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this templates -->
    <link href="/static/css/jumbotron-narrow.css" rel="stylesheet">
    <link href="/static/css/roboto.min.css" rel="stylesheet">
    <link href="/static/css/material.min.css" rel="stylesheet">
    <link href="/static/css/ripples.min.css" rel="stylesheet">
</head>

<body>
<div class="container">
    <div class="header clearfix">
        <nav>
            <ul class="nav nav-pills pull-right">
                <li class="active"><a href="javascript:void(0)">Home</a></li>
                <li><a href="/times">Times</a></li>
            </ul>
        </nav>
        <h5 class="text-muted">Page Generated at {{ time[0] }} UTC. Service started on {{ time[1] }} UTC.</h5>
        <small class="text-muted">Data may be incomplete/inaccurate for up to one hour after service start.</small>
    </div>
    <div class="jumbotron">
        <h1>/r/thebutton</h1>
        <p class="lead">What colour are you?</p>
        <p><a class="btn btn-lg" id="mainbutton" href="http://www.reddit.com/r/thebutton" role="button" target="_blank">Visit the subreddit</a></p>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <h4>Clicks Per Second (Overall)</h4>
            <p><strong>{{ data["clicks_second"]["all"] }}</strong> clicks /sec</p>

            <h4>Clicks Per Second (Past 1m)</h4>
            <p><strong>{{ data["clicks_second"]["1m"] }}</strong> clicks  /sec</p>

            <h4>Clicks Per Second (Past 10m)</h4>
            <p><strong>{{ data["clicks_second"]["10m"] }}</strong> clicks /sec</p>

            <h4>Clicks Per Second (Past 60m)</h4>
            <p><strong>{{ data["clicks_second"]["60m"] }}</strong> clicks /sec</p>
        </div>

        <div class="col-lg-6">
            <h4>Number of Clicks (Overall)</h4>
            <p><strong>{{ data["clicks"]["all"] }}</strong> clicks</p>

            <h4>Number of Clicks (Past 1m)</h4>
            <p><strong>{{ data["clicks"]["1m"] }}</strong> clicks</p>

            <h4>Number of Clicks (Past 10m)</h4>
            <p><strong>{{ data["clicks"]["10m"] }}</strong> clicks</p>

            <h4>Number of Clicks (Past 60m)</h4>
            <p><strong>{{ data["clicks"]["60m"] }}</strong> clicks</p>
        </div>
    </div>

    <hr/>

    <div class="row">
        <div class="col-lg-6">
            <h4>Flair Breakdown</h4>
            <ul>
                <li><span style="color: #888">Grey</span>: {{ data["flairs"]["grey"] }} ({{ data["current_flair"]["grey"] }}%)</li>
                <li><span style="color: #820080">Purple</span>: {{ data["flairs"]["purple"] }} ({{ data["current_flair"]["purple"] }}%)</li>
                <li><span style="color: #0083C7">Blue</span>: {{ data["flairs"]["blue"] }} ({{ data["current_flair"]["blue"] }}%)</li>
                <li><span style="color: #02BE01">Green</span>: {{ data["flairs"]["green"] }} ({{ data["current_flair"]["green"] }}%)</li>
                <li><span style="color: #E5D900">Yellow</span>: {{ data["flairs"]["yellow"] }} ({{ data["current_flair"]["yellow"] }}%)</li>
                <li><span style="color: #E59500">Orange</span>: {{ data["flairs"]["orange"] }} ({{ data["current_flair"]["orange"] }}%)</li>
                <li><span style="color: #E50000">Red</span>: {{ data["flairs"]["red"] }} ({{ data["current_flair"]["red"] }}%)</li>
            </ul>
            <small>Flair data provided by /u/mjgcfb.<br>
                These figures are not entirely accurate.</small>
        </div>

        <div class="col-lg-6">
            <h4>Lowest Time (Overall)</h4>
            <p><strong>{{ data["lowestTime"]["all"]["clicks"] }}</strong> seconds on <strong>{{ data["lowestTime"]["all"]["time"] }}</strong> UTC</p>

            <h4>Lowest Time History</h4>
            <p>Click <strong><a href="/times" target="_blank">here</a></strong> to view history.</p>

            <h4>Suggestions</h4>
            <p>Got an idea for another statistic to show? Message <strong>Chr12t0pher</strong> on reddit!</p><br>
        </div>
    </div>

    <footer class="footer">
        <small class="pull-right">Overall counts and the lowest time are updated once per second, flair breakdown every five minutes, all else every five seconds.</small>
        <small class="pull-right">This page auto refreshes every 30 seconds.</small>
        <p><a href="/donate" target="_blank">Donate</a> - <a href="https://github.com/Chr12t0pher/r-slash-thebutton" target="_blank">Github</a></p>
    </footer>
</div> <!-- /container -->


<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="/static/js/ripples.min.js"></script>
<script src="/static/js/material.min.js"></script>
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-41885449-6', 'auto');
    ga('send', 'pageview');

</script>
<script> // Random coloured button.
$(document).ready( function() {
    var colours = ["purple", "blue", "green", "yellow", "orange", "red"];
    $("#mainbutton").addClass("btn-material-" + colours[Math.floor(Math.random() * colours.length)]);
})
</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.22954752254115313, 'fraction_numerical': 0.020514517329803954, 'mean_word_length': 3.0232945091514143, 'pattern_counts': {'":': 0, '<': 402, '<?xml version=': 0, '>': 402, 'https://': 3, 'lorem ipsum': 0, 'www.': 6, 'xml': 2}, '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': '2054951', 'n_tokens_mistral': 4294, 'n_tokens_neox': 4146, 'n_words': 753}