<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <title>UI-kit</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="client/stylesheets/css/basic.css">
    <link rel="stylesheet" href="client/stylesheets/css/custom.css">
    <link rel="stylesheet" href="client/stylesheets/css/main.css">
    <link rel="stylesheet" href="client/stylesheets/css/typography.css">
    <script src="build/js/all.min.js"></script>
</head>
<body>
    <section id="hero">
        <div class="animated fadeInDown vertically-centered">
            <h1>UI Elements</h1><br>
            <small>User Interface Kit based on Flat UI</small>
        </div>
    </section>
    <section id="buttons">
        <h3>Buttons</h3>
        <a class="primary button">Primary Button</a>
        <a class="warning button">Warning Button</a>
        <a class="default button">Default Button</a>
        <a class="danger button">Danger Button</a>
        <a class="inverse button">Inverse Button</a>
        <a class="success button">Success Button</a>
        <a class="info button">Info Button</a>
        <a class="disabled button">Disabled Button</a>
    </section>
    <section id="input">
        <h3>Input</h3>
        <div class="field">
            <label for="email">Your Email Address</label>
            <input class="fluid" id="email" type="text" placeholder="<EMAIL>">
        </div>
        <div class="field">
            <label for="username">Your Username</label>
            <input class="fluid danger" id="username" type="text" value="JohnDoe" placeholder="JohnDoe123">
        </div>
        <div class="field">
            <label for="password">Your password</label>
            <input class="fluid success" id="password" type="password" placeholder="&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;">
        </div>
        <div class="field">
            <label for="phone">Your phone number</label>
            <input class="fluid" id="phone" type="tel" placeholder="0612345678">
        </div>
    </section>
    <section id="table">
        <h3>Tables</h3>
        <table class="pure-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Make</th>
                    <th>Model</th>
                    <th>Year</th><commit_msg>Added a bullet<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <title>UI-kit</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="client/stylesheets/css/basic.css">
    <link rel="stylesheet" href="client/stylesheets/css/custom.css">
    <link rel="stylesheet" href="client/stylesheets/css/main.css">
    <link rel="stylesheet" href="client/stylesheets/css/typography.css">
    <script src="build/js/all.min.js"></script>
</head>
<body>
    <section id="hero">
        <div class="animated fadeInDown vertically-centered">
            <h1>UI Elements</h1><br>
            <small>User Interface Kit based on Flat UI</small>
        </div>
    </section>
    <section id="buttons">
        <h3>Buttons</h3>
        <a class="primary button">Primary Button</a>
        <a class="warning button">Warning Button</a>
        <a class="default button">Default Button</a>
        <a class="danger button">Danger Button</a>
        <a class="inverse button">Inverse Button</a>
        <a class="success button">Success Button</a>
        <a class="info button">Info Button</a>
        <a class="disabled button">Disabled Button</a>
    </section>
    <section id="input">
        <h3>Input</h3>
        <div class="field">
            <label for="email">Your Email Address</label>
            <input class="fluid" id="email" type="text" placeholder="<EMAIL>">
        </div>
        <div class="field">
            <label for="username">Your Username</label>
            <input class="fluid danger" id="username" type="text" value="JohnDoe" placeholder="JohnDoe123">
        </div>
        <div class="field">
            <label for="password">Your password</label>
            <input class="fluid success" id="password" type="password" placeholder="&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;">
        </div>
        <div class="field">
            <label for="phone">Your phone number</label>
            <input class="fluid" id="phone" type="tel" placeholder="0612345678">
        </div>
    </section>
    <section id="table">
        <h3>Tables</h3>
        <table class="pure-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Make</th>
                    <th>Model</th>
                    <th>Year</th>
{'fraction_non_alphanumeric': 0.17277154351048063, 'fraction_numerical': 0.009316112640271015, 'mean_word_length': 2.5492111194590534, 'pattern_counts': {'":': 0, '<': 169, '<?xml version=': 0, '>': 169, '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': '1712996', 'n_tokens_mistral': 1489, 'n_tokens_neox': 1395, 'n_words': 289}