<commit_before><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
<h1>{{ title }}</h1>
<h2>Ingredients</h2>
    <ul>
        {% for item in ingredients %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
<h2>Directions</h2>
    <ul>
        {% for item in directions %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
</body><commit_msg>Improve look of output page<commit_after><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style>
        h1 {
            font-size: 1.4em;
            text-align:center;
        }

        li {
            font-size: 1em;
        }

        ul, ol {
            /*TODO: Get bullets left aligned*/
            /*padding-left:0px;*/
        }

        ol li {
            padding-bottom:4px;
        }

        #size-change {
            position:fixed;
            bottom:0px;
            left:10%;
            right:10%;
            border:2px solid #333;
            border-bottom:0px;
            padding:10px;
            font-size:18px;
        }

        .line {
            width:100%;
            border-bottom:1px dashed black;
            height:0px;
        }

        button {
            font-size:18px;
            /*TODO: Make buttons prettier */
        }

        @media print {
            #size-change {
                display: none;
            }
        }
    </style>
</head>
<body>
<h1>{{ title }}</h1>
    <ul>
        {% for item in ingredients %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
<hr>
    <ol>
        {% for item in directions %}
            <li>{{ item }}</li>
        {% endfor %}
    </ol>
    <div id="size-change">
        <span>Change size:</span> <button onclick="sizeChange(-1)">-</button>&nbsp;<button onclick="sizeChange(1)">+</button>
    </div>
    <script type="text/javascript">
        var sizeChange = function(delta) {
            var fontRegex = /font-size:\s*(\d*)px/;
            var body = document.getElementsByTagName("body")[0];
            var style = body.getAttribute("style");
            var fontsize = parseInt(style.match(fontRegex)[1]) + delta;
            body.setAttribute("style", style.replace(fontRegex, "font-size: " + fontsize + "px"));
        }
    </script>
</body>
{'fraction_non_alphanumeric': 0.1643312101910828, 'fraction_numerical': 0.01740976645435244, 'mean_word_length': 1.541531823085221, 'pattern_counts': {'":': 0, '<': 54, '<?xml version=': 0, '>': 54, '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': '7088279', 'n_tokens_mistral': 789, 'n_tokens_neox': 737, 'n_words': 154}