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


<!-- Button demo -->
<div class="demo">
    <div class="siimple-h2">Button</div>
    <div class="siimple-btn siimple-btn--primary">Primary button</div>
    <div class="siimple-btn siimple-btn--error">Error button</div>
    <div class="siimple-btn siimple-btn--warning">Warning button</div>
    <div class="siimple-btn siimple-btn--success">Success button</div>
    <div class="siimple-btn siimple-btn--dark">Dark button</div>
    <div class="siimple-btn siimple-btn--light">Light button</div>
    <div class="siimple-btn siimple-btn--primary siimple-btn--disabled">Disabled button</div>
</div>

<!-- Spinner demo -->
<div class="demo">
    <div class="siimple-h2">Spinner</div>
    <div class="siimple-spinner siimple-spinner--primary"></div>
</div>

<!-- Tip demo -->
<div class="demo">
    <div class="siimple-h2">Tip</div>
    <div class="siimple-tip siimple-tip--warning siimple-tip--exclamation">
        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-tip siimple-tip--error siimple-tip--heart">
        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-tip siimple-tip--primary siimple-tip--question">
        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>

<!-- Progress demo -->
<div class="demo">
    <div class="siimple-h2">Progress</div>
    <div class="siimple-progress siimple-progress--yellow">
        <span style="width:25%;">25% completed</span>
    </div>
    <div class="siimple-progress siimple-progress--blue siimple-progress--striped-slow">
        <span style="width:50%;">50% completed</span>
    </div>
    <div class="siimple-progress siimple-progress--red siimple-progress--striped">
        <span style="width:75%;">75% completed</span>
    </div>
    <div class="siimple-progress siimple-progress--green siimple-progress--striped-fast">
        <span style="width:100%;">100% completed</span>
    </div>
</div>

<div class="demo">
    <div class="siimple-h2">Rule</div>
    <div class="siimple-rule"></div>
</div>

<!-- Tag demo -->
<div class="demo">
    <div class="siimple-h4">Tag</div>
    This is a text
    <div class="siimple-tag siimple-tag--blue">Tag 1</div>
    <div class="siimple-tag siimple-tag--red">Tag 2</div>
    <div class="siimple-tag siimple-tag--green">Large tag content</div>
</div>

<!-- Badge demo -->
<div class="demo">
    <div class="siimple-h4">Badge</div>
    <div class="siimple-badge siimple-badge--blue">Badge</div>
    <div class="siimple-badge siimple-badge--red">Badge</div>
    <div class="siimple-badge siimple-badge--teal">Badge</div>
</div>

<commit_msg>Removed badge and progress elements test. Added rounded tag test<commit_after><!-- Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Import siimple -->
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="../dist/siimple.css">


<!-- Button demo -->
<div class="demo">
    <div class="siimple-h2">Button</div>
    <div class="siimple-btn siimple-btn--primary">Primary button</div>
    <div class="siimple-btn siimple-btn--error">Error button</div>
    <div class="siimple-btn siimple-btn--warning">Warning button</div>
    <div class="siimple-btn siimple-btn--success">Success button</div>
    <div class="siimple-btn siimple-btn--dark">Dark button</div>
    <div class="siimple-btn siimple-btn--light">Light button</div>
    <div class="siimple-btn siimple-btn--primary siimple-btn--disabled">Disabled button</div>
</div>

<!-- Spinner demo -->
<div class="demo">
    <div class="siimple-h2">Spinner</div>
    <div class="siimple-spinner siimple-spinner--primary"></div>
</div>

<!-- Tip demo -->
<div class="demo">
    <div class="siimple-h2">Tip</div>
    <div class="siimple-tip siimple-tip--warning siimple-tip--exclamation">
        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-tip siimple-tip--error siimple-tip--heart">
        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-tip siimple-tip--primary siimple-tip--question">
        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>

<!-- Rule demo -->
<div class="demo">
    <div class="siimple-h2">Rule</div>
    <div class="siimple-rule"></div>
</div>

<!-- Tag demo -->
<div class="demo">
    <div class="siimple-h4">Tag</div>
    This is a text
    <div class="siimple-tag siimple-tag--primary">Tag 1</div>
    <div class="siimple-tag siimple-tag--error">Tag 2</div>
    <div class="siimple-tag siimple-tag--success">Large tag content</div>
    <div class="siimple-tag siimple-tag--warning siimple-tag--rounded">Rounded tag</div>
</div>

{'fraction_non_alphanumeric': 0.15741808002634614, 'fraction_numerical': 0.005927877490531862, 'mean_word_length': 3.549812734082397, 'pattern_counts': {'":': 0, '<': 156, '<?xml version=': 0, '>': 156, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3697906', 'n_tokens_mistral': 2162, 'n_tokens_neox': 2024, 'n_words': 512}