<commit_before><meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="./styles.css">
<link rel="stylesheet" type="text/css" href="../dist/siimple.css">

<!-- Alert demo -->
<div class="demo">
    <div class="siimple-h2">Alert</div>
    <div class="siimple-alert">
        <div class="siimple-close"></div>
        <div class="siimple-alert-title">Primary alert</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--dark">Dark button</div>
    </div>
    <div class="siimple-alert siimple-alert--primary">
        <div class="siimple-close"></div>
        <div class="siimple-alert-title">Primary alert</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--primary">Blue button</div>
    </div>
    <div class="siimple-alert siimple-alert--warning">
        <div class="siimple-close"></div>
        <div class="siimple-alert-title">Warning!</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--warning">Yellow button</div>
    </div>
    <div class="siimple-alert siimple-alert--error">
        <div class="siimple-close"></div>
        <div class="siimple-alert-title">Error!</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--error">Red button</div>
    </div>
    <div class="siimple-alert siimple-alert--success">
        <div class="siimple-close"></div>
        <div class="siimple-alert-title">Well done!</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--success">Green button</div>
    </div>
</div>

<div class="demo">
    <div class="siimple-breadcrumb">
        <div class="siimple-breadcrumb-item">Home</div>
        <div class="siimple-breadcrumb-item">Route1</div>
        <div class="siimple-breadcrumb-item">Route2</div>
        <div class="siimple-breadcrumb-item">Post</div>
    </div><commit_msg>Updated alert test<commit_after><meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="./styles.css">
<link rel="stylesheet" type="text/css" href="../dist/siimple.css">

<!-- Alert demo -->
<div class="demo">
    <div class="siimple-h2">Alert</div>
    <div class="siimple-alert">
        <div class="siimple-alert-close"></div>
        <div class="siimple-alert-title">Primary alert</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--dark">Dark button</div>
    </div>
    <div class="siimple-alert siimple-alert--primary">
        <div class="siimple-alert-close"></div>
        <div class="siimple-alert-title">Primary alert</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--primary">Blue button</div>
    </div>
    <div class="siimple-alert siimple-alert--warning">
        <div class="siimple-alert-close"></div>
        <div class="siimple-alert-title">Warning!</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--warning">Yellow button</div>
    </div>
    <div class="siimple-alert siimple-alert--error">
        <div class="siimple-alert-close"></div>
        <div class="siimple-alert-title">Error!</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--error">Red button</div>
    </div>
    <div class="siimple-alert siimple-alert--success">
        <div class="siimple-alert-close"></div>
        <div class="siimple-alert-title">Well done!</div>
        <div class="siimple-paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
        </div>
        <div class="siimple-btn siimple-btn--success">Green button</div>
    </div>
</div>

<div class="demo">
    <div class="siimple-breadcrumb">
        <div class="siimple-breadcrumb-item">Home</div>
        <div class="siimple-breadcrumb-item">Route1</div>
        <div class="siimple-breadcrumb-item">Route2</div>
        <div class="siimple-breadcrumb-item">Post</div>
    </div>
{'fraction_non_alphanumeric': 0.12311521007173182, 'fraction_numerical': 0.0011711316059142146, 'mean_word_length': 2.8295964125560538, 'pattern_counts': {'":': 0, '<': 143, '<?xml version=': 0, '>': 143, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 20, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2717891', 'n_tokens_mistral': 2252, 'n_tokens_neox': 2137, 'n_words': 581}