<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Arrow hero</title>
    <link rel="stylesheet" href="dist/css/main.min.css"/>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.png"/>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="#FF3232">
    <meta name="description" content="A minimalist game where your goal is to match your inputs with an unstoppable continuous overwelming flow of arrows." />
    <meta name="twitter:card" value="summary">
    <meta name="twitter:image" content="http://acelisweaven.github.io/arrow-hero/sharing.png" />
    <meta name="twitter:description" content="A minimalist game where your goal is to match your inputs with an unstoppable continuous overwelming flow of arrows." />
    <meta property="og:title" content="Play Arrow hero" />
    <meta property="og:type" content="game" />
    <meta property="og:description" content="A minimalist game where your goal is to match your inputs with an unstoppable continuous overwelming flow of arrows." />
    <meta property="og:image" content="http://acelisweaven.github.io/arrow-hero/sharing.png" />
    <meta property="og:url" content="http://acelisweaven.github.io/arrow-hero/" />
</head>
<body>

<!-- Facebook sharing -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=1601036983482198";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<h1>Arrow hero</h1>
<h3 class="points-container"><span class="points">0</span> points</h3>
<div class="container">
    <div class="key-selector-container">
        <div class="key-selector">
            <!--<div class="ding">+15</div>-->
        </div>
    </div>
    <div class="keys-container">
        <!--<div class="key key-up"></div>-->
    </div>
    <div class="helper-container">
        <div class="top">
            <div class="colorblind-btn">
                <i class="fa icon"></i>
                <span class="help">Colorblind mode</span>
            </div>
        </div>
        <div class="bottom">
            <div class="key key-left helper"></div>
            <div class="key key-up helper"></div>
            <div class="key key-right helper"></div>
            <div class="key key-down helper"></div>
            <div class="text desktop-only">
                Press a key to begin
            </div>
            <div class="text not-desktop">
                Touch a key to begin
            </div>
        </div>
    </div>
    <div class="total"><div class="percent" style="width: 0"></div></div>
    <div class="level-message">Yolo!</div>
    <div class="results">
        <div class="results-container">
            <div class="results-content">
                <div class="logo"></div>
                <h3>You've made...</h3>
                <h2><span class="points">0</span>  points</h2>
                <br/>
                <p class="desktop-only">Press <strong>Space</strong> to restart</p>
                <p class="not-desktop">Touch <em>Restart</em> to try again</p>
            </div>
        </div>
    </div>
    <div class="pause">
        <div class="pause-container">
            <div class="pause-content">
                <div class="logo"></div>
                <h3>Paused</h3>
                <br/>
                <p class="desktop-only">Press <strong>Space</strong> to resume</p>
                <p class="not-desktop">Touch <em>Pause</em> again to resume</p>
            </div>
        </div>
    </div>
</div>
<div class="mobile-controls">
    <div class="top">
        <div class="key-up"></div>
    </div>
    <div class="bottom">
        <div class="key-left"></div>
        <div class="key-down"></div>
        <div class="key-right"></div>
    </div>
    <div class="pause-btn">Pause</div>
</div>
<div class="best" style="display: none">
    Best: <span class="best-points"><span class="value">0</span> points</span>
</div>

<div class="about">
    <h2><i class="fa fa-info-circle"></i> About this game</h2>
    <p>
        <span class="prim">Arrow hero</span> is a minimalist game where your
        goal is to match your <span class="sec">inputs</span> with an <span class="third">unstoppable continuous overwelming
        flow of arrows</span>.
    </p>
    <p>
        This means that if you have more than one consecutive <span class="key-up"></span>
        you only have to press <span class="key-up"></span> once to validate both.
    </p>
    <p class="desktop-only">
        You can pause the game by pressing <strong>Space</strong>.<br/>
        This game is <span class="third">mobile friendly</span>.
    </p>
    <p>
        You win when you manage to make a score you are proud of.
    </p>
    <h2><i class="fa fa-share-alt"></i> Sharing is caring</h2>
    <p>If you liked this game, share it with your friends!</p>
    <div class="share">
        <div class="fb-share-button" data-layout="button_count"></div>
        <a href="https://twitter.com/share" class="twitter-share-button" data-text="Come play this game!" data-hashtags="ArrowHero">Tweet</a>
        <div class="g-plus google-plus" data-action="share" data-annotation="bubble"></div>
        <a href="//www.reddit.com/submit" class="reddit-share-button" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="//www.redditstatic.com/spreddit7.gif" alt="submit to reddit" border="0" /> </a>
    </div>
    <h2><i class="fa fa-users"></i> Stay up to date</h2>
    <p>Follow <strong>Arrow hero</strong> on Twitter and Facebook:</p>
    <div class="share big">
        <a href="https://twitter.com/ArrowHeroGame" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @ArrowHeroGame</a><br/><br/>
        <div class="fb-page" data-href="https://www.facebook.com/arrowherogame" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/arrowherogame"><a href="https://www.facebook.com/arrowherogame">Arrow hero</a></blockquote></div></div>
    </div>
    <p class="tiny">That would be very kind.</p>
    <h2><i class="fa fa-check-circle"></i> Steal this game</h2>
    <p>
        Feel free to <a href="https://github.com/AcelisWeaven/arrow-hero">fork me on <i class="fa fa-github"></i> GitHub</a>.
    </p>
    <hr/>
    <p class="footer">Arrow Hero (c) 2015</p>
    <p class="footer">A game created by <a href="mailto:<EMAIL>"><NAME></a></p>
</div>

<script src="dist/js/app.min.js"></script>
<script>
    (function(a,c,e,l,i,s,w){a['GoogleAnalyticsObject']=i;a[i]=a[i]||function(){
                (a[i].q=a[i].q||[]).push(arguments)},a[i].l=1*new Date();s=c.createElement(e),
            w=c.getElementsByTagName(e)[0];s.async=1;s.src=l;w.parentNode.insertBefore(s,w)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-64620538-1', 'auto');
    ga('send', 'pageview');
</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script type="text/javascript"><commit_msg>Moved 'kind' text<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Arrow hero</title>
    <link rel="stylesheet" href="dist/css/main.min.css"/>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.png"/>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="#FF3232">
    <meta name="description" content="A minimalist game where your goal is to match your inputs with an unstoppable continuous overwelming flow of arrows." />
    <meta name="twitter:card" value="summary">
    <meta name="twitter:image" content="http://acelisweaven.github.io/arrow-hero/sharing.png" />
    <meta name="twitter:description" content="A minimalist game where your goal is to match your inputs with an unstoppable continuous overwelming flow of arrows." />
    <meta property="og:title" content="Play Arrow hero" />
    <meta property="og:type" content="game" />
    <meta property="og:description" content="A minimalist game where your goal is to match your inputs with an unstoppable continuous overwelming flow of arrows." />
    <meta property="og:image" content="http://acelisweaven.github.io/arrow-hero/sharing.png" />
    <meta property="og:url" content="http://acelisweaven.github.io/arrow-hero/" />
</head>
<body>

<!-- Facebook sharing -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=1601036983482198";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<h1>Arrow hero</h1>
<h3 class="points-container"><span class="points">0</span> points</h3>
<div class="container">
    <div class="key-selector-container">
        <div class="key-selector">
            <!--<div class="ding">+15</div>-->
        </div>
    </div>
    <div class="keys-container">
        <!--<div class="key key-up"></div>-->
    </div>
    <div class="helper-container">
        <div class="top">
            <div class="colorblind-btn">
                <i class="fa icon"></i>
                <span class="help">Colorblind mode</span>
            </div>
        </div>
        <div class="bottom">
            <div class="key key-left helper"></div>
            <div class="key key-up helper"></div>
            <div class="key key-right helper"></div>
            <div class="key key-down helper"></div>
            <div class="text desktop-only">
                Press a key to begin
            </div>
            <div class="text not-desktop">
                Touch a key to begin
            </div>
        </div>
    </div>
    <div class="total"><div class="percent" style="width: 0"></div></div>
    <div class="level-message">Yolo!</div>
    <div class="results">
        <div class="results-container">
            <div class="results-content">
                <div class="logo"></div>
                <h3>You've made...</h3>
                <h2><span class="points">0</span>  points</h2>
                <br/>
                <p class="desktop-only">Press <strong>Space</strong> to restart</p>
                <p class="not-desktop">Touch <em>Restart</em> to try again</p>
            </div>
        </div>
    </div>
    <div class="pause">
        <div class="pause-container">
            <div class="pause-content">
                <div class="logo"></div>
                <h3>Paused</h3>
                <br/>
                <p class="desktop-only">Press <strong>Space</strong> to resume</p>
                <p class="not-desktop">Touch <em>Pause</em> again to resume</p>
            </div>
        </div>
    </div>
</div>
<div class="mobile-controls">
    <div class="top">
        <div class="key-up"></div>
    </div>
    <div class="bottom">
        <div class="key-left"></div>
        <div class="key-down"></div>
        <div class="key-right"></div>
    </div>
    <div class="pause-btn">Pause</div>
</div>
<div class="best" style="display: none">
    Best: <span class="best-points"><span class="value">0</span> points</span>
</div>

<div class="about">
    <h2><i class="fa fa-info-circle"></i> About this game</h2>
    <p>
        <span class="prim">Arrow hero</span> is a minimalist game where your
        goal is to match your <span class="sec">inputs</span> with an <span class="third">unstoppable continuous overwelming
        flow of arrows</span>.
    </p>
    <p>
        This means that if you have more than one consecutive <span class="key-up"></span>
        you only have to press <span class="key-up"></span> once to validate both.
    </p>
    <p class="desktop-only">
        You can pause the game by pressing <strong>Space</strong>.<br/>
        This game is <span class="third">mobile friendly</span>.
    </p>
    <p>
        You win when you manage to make a score you are proud of.
    </p>
    <h2><i class="fa fa-share-alt"></i> Sharing is caring</h2>
    <p>If you liked this game, share it with your friends!</p>
    <div class="share">
        <div class="fb-share-button" data-layout="button_count"></div>
        <a href="https://twitter.com/share" class="twitter-share-button" data-text="Come play this game!" data-hashtags="ArrowHero">Tweet</a>
        <div class="g-plus google-plus" data-action="share" data-annotation="bubble"></div>
        <a href="//www.reddit.com/submit" class="reddit-share-button" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="//www.redditstatic.com/spreddit7.gif" alt="submit to reddit" border="0" /> </a>
    </div>
    <p class="tiny">That would be very kind.</p>
    <h2><i class="fa fa-users"></i> Stay up to date</h2>
    <p>Follow <strong>Arrow hero</strong> on Twitter and Facebook:</p>
    <div class="share big">
        <a href="https://twitter.com/ArrowHeroGame" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @ArrowHeroGame</a><br/><br/>
        <div class="fb-page" data-href="https://www.facebook.com/arrowherogame" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/arrowherogame"><a href="https://www.facebook.com/arrowherogame">Arrow hero</a></blockquote></div></div>
    </div>
    <h2><i class="fa fa-check-circle"></i> Steal this game</h2>
    <p>
        Feel free to <a href="https://github.com/AcelisWeaven/arrow-hero">fork me on <i class="fa fa-github"></i> GitHub</a>.
    </p>
    <hr/>
    <p class="footer">Arrow Hero (c) 2015</p>
    <p class="footer">A game created by <a href="mailto:<EMAIL>"><NAME></a></p>
</div>

<script src="dist/js/app.min.js"></script>
<script>
    (function(a,c,e,l,i,s,w){a['GoogleAnalyticsObject']=i;a[i]=a[i]||function(){
                (a[i].q=a[i].q||[]).push(arguments)},a[i].l=1*new Date();s=c.createElement(e),
            w=c.getElementsByTagName(e)[0];s.async=1;s.src=l;w.parentNode.insertBefore(s,w)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-64620538-1', 'auto');
    ga('send', 'pageview');
</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script type="text/javascript">
{'fraction_non_alphanumeric': 0.19399152651174734, 'fraction_numerical': 0.009628963923481833, 'mean_word_length': 3.0986582478295186, 'pattern_counts': {'":': 0, '<': 477, '<?xml version=': 0, '>': 477, 'https://': 12, 'lorem ipsum': 0, 'www.': 14, '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': '7410403', 'n_tokens_mistral': 5243, 'n_tokens_neox': 5146, 'n_words': 1079}