<commit_before><!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery-1.11.0.js"></script>
    <script src="snake.js"></script>

    <style>
        .snakeBody{
            background: red;
        }
        .block{
            float: left;
            /*border: 1px solid red;*/
        }
        .row{
            clear: both;
        }
        #snakeBoard{
            width: 600px;
            height: 600px;
            border: 1px black solid;
            margin: 0 auto;
        }

        h1{
            text-align: center;
        }
        .container{
            width: 640px;
            margin: 0 auto;
        }

        #highScores{
            border: 1px solid black;
            height: 200px;
            width: 250px;
        }

        @media only screen and (min-width: 800px) {
            .container{
                width: 900px;
            }

            #highScores{
                float: left;
            }

            #snakeBoard{
                float: left;
            }
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Super Snake Game</h1>
    <h2>Score <span id="scoreDisplay">0</span></h2>

    <div id="snakeBoard"></div>

    <div id="highScores"></div>
</div><commit_msg>High Score table<commit_after><!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery-1.11.0.js"></script>
    <script src="snake.js"></script>

    <style>
        .snakeBody{
            background: red;
        }
        .block{
            float: left;
            /*border: 1px solid red;*/
        }
        .row{
            clear: both;
        }
        #snakeBoard{
            width: 600px;
            height: 600px;
            border: 1px black solid;
            margin: 0 auto;
        }

        h1{
            text-align: center;
        }
        .container{
            width: 640px;
            margin: 0 auto;
        }

        #highScores{
            padding: 0 20px 20px 20px;
            width: 250px;
            margin: 0 auto;
        }

        #highScores h2{
            margin-top: 0;
        }

        @media only screen and (min-width: 800px) {
            .container{
                width: 900px;
            }

            #highScores{
                float: left;
            }

            #snakeBoard{
                float: left;
            }
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Super Snake Game</h1>
    <h2>Score <span id="scoreDisplay">0</span></h2>

    <div id="snakeBoard"></div>

    <div id="highScores">
        <h2>High Scores</h2>
        <ol>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
            <li>Snake - 100</li>
        </ol>
    </div>
</div>
{'fraction_non_alphanumeric': 0.13530797711208348, 'fraction_numerical': 0.03702457085156513, 'mean_word_length': 1.1122956645344706, 'pattern_counts': {'":': 0, '<': 77, '<?xml version=': 0, '>': 77, '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': '5339367', 'n_tokens_mistral': 1053, 'n_tokens_neox': 928, 'n_words': 200}