<commit_before><!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <title>Rape Crisis styleguide</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- build:css styles/vendor.css -->
        <!-- bower:css -->

        <!-- endbower -->
        <!-- endbuild -->
        <!-- build:css(.tmp) styles/main.css -->
        <link rel="stylesheet" href="styles/document_tree.css">
        <link rel="stylesheet" href="styles/headings.css">
        <link rel="stylesheet" href="styles/text.css">
        <link rel="stylesheet" href="styles/tables.css">
        <link rel="stylesheet" href="styles/images.css">
        <link rel="stylesheet" href="styles/quotes.css">
        <link rel="stylesheet" href="styles/lists.css">
        <!-- endbuild -->
        <style>
            section.sg {margin:2em 0; background-color:#eee;}
            .sg_heading {margin-top:0;}

            .sg_code code {display:block;}
            .sg_example {margin:1em 0; background-color:#fff; overflow:hidden;}
            @media (min-width:640px) {
                section.sg {padding:0.5em;}
                .sg_code {float:right; width:200px;}
                .sg_example {margin-right:225px; padding:0.5em; border:#ccc solid 1px; }
            }
        </style>
    </head>
    <body>
        <header id="top" class="sg sg_header">
            <p class="sg_back"><a href="index.html">← Back to the index</a></p>
            <h1>Rape Crisis styleguide</h1>
            <h2>Styleguide elements</h2>
        </header>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Headings</h1>
            <div class="sg sg_code">Post or page title <code>.entry-tittle</code></div>
            <div class="sg_example">
                <h1 class="entry-title">Page heading</h1>
                <h2 class="entry-title">Page heading</h1>
                <h3 class="entry-title">Page heading</h1>
                <h4 class="entry-title">Page heading</h1>
                <h5 class="entry-title">Page heading</h1>
                <h6 class="entry-title">Page heading</h1>
                <p class="entry-title">Page heading</p>
            </div>
            <div class="sg sg_code">Content headings <code>&lt;h1-h6&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <h1>H1 heading</h1>
                    <h2>H2 heading</h2>
                    <h3>H3 heading</h3>
                    <h4>H4 heading</h4>
                    <h5>H5 heading</h5>
                    <h6>H6 heading</h6>
                </div>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Text treatment</h1>
            <div class="sg sg_code">Paragraphs <code>&lt;p&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
            </div>
            <div class="sg sg_code">Bolding <code>&lt;b&gt; or &lt;strong&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><strong>This is strongly emphasized text</strong></p>
                    <p><b>This is bolded text</b></p>
                </div>
            </div>
            <div class="sg sg_code">Italicising <code>&lt;em&gt; or &lt;i&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><em>This is emphasised text</em></p>
                    <p><i>This is italicised text</i></p>
                </div>
            </div>
            <div class="sg sg_code">Strikethrough <code>&lt;s&gt; or &lt;del&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><s>This is emphasised text</s></p>
                    <p><del>This is italicised text</del></p>
                </div>
            </div>
            <div class="sg sg_code">Underlined <code>&lt;u&gt; or &lt;ins&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><u>This is emphasised text</u></p>
                    <p><ins>This is italicised text</ins></p>
                </div>
            </div>
            <div class="sg sg_code">Anchors <code>&lt;a&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ul>
                        <li><a href="#top">This is a link within the page</a></li>
                        <li><a href="/index.html">Back to the index page</a></li>
                        <li><a href="https://www.google.com">google.com</a></li>
                        <li><a href="tel:+27213619085">+27 (0) 21 361 9085</a></li>
                        <li><a href="mailto:<EMAIL>"><EMAIL></a></li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Lists</h1>
            <div class="sg sg_code">Unordered lists <code>&lt;ul&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ul>
                        <li>Vegetables
                            <ul>
                                <li>Carrots</li>
                                <li>Cabbage</li>
                                <li>Brussel sprouts (YUCK!)</li>
                            </ul>
                        </li>
                        <li>Fruit
                            <ul>
                                <li>Oranges</li>
                                <li>Apples</li>
                                <li>Cherries</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="sg sg_code">Ordered lists <code>&lt;ol&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ol>
                        <li>Vegetables
                            <ol>
                                <li>Carrots</li>
                                <li>Cabbage</li>
                                <li>Brussel sprouts (YUCK!)</li>
                            </ol>
                        </li>
                        <li>Fruit
                            <ol>
                                <li>Oranges</li>
                                <li>Apples</li>
                                <li>Cherries</li>
                            </ol>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="sg sg_code">Definition lists <code>&lt;dl&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <dl>
                        <dt>Term</dt>
                        <dd>Definition</dd>
                        <dt>Another term</dt>
                        <dd>Another term's definition</dd>
                    </dl>
                </div>
            </div>
            <div class="sg sg_code">Myth vs. Truth lists <code>&lt;ol class="list_mvt"&gt;</code> <a href="http://rapecrisis.org.za/rape-in-south-africa/myths-stereotypes-about-rape/">Example</a></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ol class="list_mvt">
                        <li>
                            <h1 class="myth"><strong>Myth:</strong> Nessy exists!</h1>
                            <p class="myth_description">There have been a number of sightings of a strange beast in or around Loch Ness in Scotland.</p>
                            <p class="truth"><strong>Truth:</strong> There is no scientific evidence that Nessy exists.</p>
                        </li>
                        <li>
                            <h1 class="myth"><strong>Myth:</strong> Aliens crash-landed in Roswell, New Mexico.</h1>
                            <p class="myth_description">According to a number of eye-witnesses, a flying saucer crash-landed outside of Roswell, New Mexico in 1947.</p>
                            <p class="truth"><strong>Truth:</strong> There is no scientific evidence that Aliens or Flying Saucers exist.</p>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="sg sg_code">Profile lists <code>&lt;ul class="list_profiles"&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ul class="list_profiles">
                        <li>
                            <img src="http://placekitten.com/300/300" alt="<NAME>">
                            <h1><NAME></h1>
                            <p>Head Lay-about</p>
                            <p><a href="mailto:<EMAIL>"><EMAIL></a></p>
                        </li>
                        <li>
                            <img src="http://placekitten.com/400/400" alt="Fluffy McFluffy">
                            <h1>Fluffy McFluffy</h1>
                            <p>Cat-nipper</p>
                            <p><a href="mailto:<EMAIL>"><EMAIL></a></p>
                        </li>
                    </ul>
                </div>
            </div>

        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Tables</h1>
            <div class="sg sg_code">Default Table <code>&lt;table&gt;</code></div>
            <div class="sg_example">
                <table>
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                </table>
            </div>
            <div class="sg sg_code">Simple Table <code>&lt;table class="table_simple"&gt;</code> <a href="http://rapecrisis.org.za/support-us/donate/">Example</a></div>
            <div class="sg_example">
                <table class="table_simple">
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                </table>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Images</h1>
            <div class="sg sg_code">Image <code>&lt;img&gt;</code></div>
            <div class="sg_example">
                <img src="http://placekitten.com/800/300" alt="A wide cat.">
                <img src="http://placekitten.com/200/200" alt="Another cat.">
                <img src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Image (left-aligned) <code>&lt;img class="alignleft"&gt;</code></div>
            <div class="sg_example">
                <img class="alignleft" src="http://placekitten.com/800/300" alt="A wide cat.">
                <img class="alignleft" src="http://placekitten.com/200/200" alt="Another cat.">
                <img class="alignleft" src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Image (right-aligned) <code>&lt;img class="alignright"&gt;</code></div>
            <div class="sg_example">
                <img class="alignright" src="http://placekitten.com/800/300" alt="A wide cat.">
                <img class="alignright" src="http://placekitten.com/200/200" alt="Another cat.">
                <img class="alignright" src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Image (centre-aligned) <code>&lt;img class="aligncenter"&gt;</code></div>
            <div class="sg_example">
                <img class="aligncenter" src="http://placekitten.com/800/300" alt="A wide cat.">
                <img class="aligncenter" src="http://placekitten.com/200/200" alt="Another cat.">
                <img class="aligncenter" src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Figure image (with captions) <code>&lt;figure&gt;</code></div>
            <div class="sg_example">
                <figure>
                    <img src="http://placekitten.com/800/300" alt="A wide cat.">
                    <figcaption>A wide cat.</figcaption>
                </figure>
                <figure>
                    <img src="http://placekitten.com/200/200" alt="Another cat.">
                    <figcaption>Another cat.</figcaption>
                </figure>
                <figure>
                    <img src="http://placekitten.com/200/600" alt="A tall cat.">
                    <figcaption>A tall cat.</figcaption>
                </figure>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Quotes</h1>
            <div class="sg sg_code">Blockquotes <code>&lt;blockquote&gt;</code> <a href="http://rapecrisis.org.za/information-for-survivors/secondary-trauma/">Example</a></div>
            <div class="sg_example">
                <blockquote>
                    <p>In order for evil to flourish, all that is required is for good men to do nothing.</p>
                    <cite> - <NAME></cite>
                </blockquote>
            </div>
        </section>

        <!-- build:js scripts/vendor.js -->
        <!-- bower:js -->
        <script src="../bower_components/jquery/dist/jquery.js"></script>
        <!-- endbower -->
        <!-- endbuild -->

        <!-- build:js({app,.tmp}) scripts/main.js -->
        <script src="scripts/main.js"></script>
        <!-- endbuild -->
</body>
</html>
<commit_msg>Fixing the closing tags on the .entry-title headings<commit_after><!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <title>Rape Crisis styleguide</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- build:css styles/vendor.css -->
        <!-- bower:css -->

        <!-- endbower -->
        <!-- endbuild -->
        <!-- build:css(.tmp) styles/main.css -->
        <link rel="stylesheet" href="styles/document_tree.css">
        <link rel="stylesheet" href="styles/headings.css">
        <link rel="stylesheet" href="styles/text.css">
        <link rel="stylesheet" href="styles/tables.css">
        <link rel="stylesheet" href="styles/images.css">
        <link rel="stylesheet" href="styles/quotes.css">
        <link rel="stylesheet" href="styles/lists.css">
        <!-- endbuild -->
        <style>
            section.sg {margin:2em 0; background-color:#eee;}
            .sg_heading {margin-top:0;}

            .sg_code code {display:block;}
            .sg_example {margin:1em 0; background-color:#fff; overflow:hidden;}
            @media (min-width:640px) {
                section.sg {padding:0.5em;}
                .sg_code {float:right; width:200px;}
                .sg_example {margin-right:225px; padding:0.5em; border:#ccc solid 1px; }
            }
        </style>
    </head>
    <body>
        <header id="top" class="sg sg_header">
            <p class="sg_back"><a href="index.html">← Back to the index</a></p>
            <h1>Rape Crisis styleguide</h1>
            <h2>Styleguide elements</h2>
        </header>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Headings</h1>
            <div class="sg sg_code">Post or page title <code>.entry-tittle</code></div>
            <div class="sg_example">
                <h1 class="entry-title">Page heading</h1>
                <h2 class="entry-title">Page heading</h2>
                <h3 class="entry-title">Page heading</h3>
                <h4 class="entry-title">Page heading</h4>
                <h5 class="entry-title">Page heading</h5>
                <h6 class="entry-title">Page heading</h6>
                <p class="entry-title">Page heading</p>
            </div>
            <div class="sg sg_code">Content headings <code>&lt;h1-h6&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <h1>H1 heading</h1>
                    <h2>H2 heading</h2>
                    <h3>H3 heading</h3>
                    <h4>H4 heading</h4>
                    <h5>H5 heading</h5>
                    <h6>H6 heading</h6>
                </div>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Text treatment</h1>
            <div class="sg sg_code">Paragraphs <code>&lt;p&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
            </div>
            <div class="sg sg_code">Bolding <code>&lt;b&gt; or &lt;strong&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><strong>This is strongly emphasized text</strong></p>
                    <p><b>This is bolded text</b></p>
                </div>
            </div>
            <div class="sg sg_code">Italicising <code>&lt;em&gt; or &lt;i&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><em>This is emphasised text</em></p>
                    <p><i>This is italicised text</i></p>
                </div>
            </div>
            <div class="sg sg_code">Strikethrough <code>&lt;s&gt; or &lt;del&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><s>This is emphasised text</s></p>
                    <p><del>This is italicised text</del></p>
                </div>
            </div>
            <div class="sg sg_code">Underlined <code>&lt;u&gt; or &lt;ins&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <p><u>This is emphasised text</u></p>
                    <p><ins>This is italicised text</ins></p>
                </div>
            </div>
            <div class="sg sg_code">Anchors <code>&lt;a&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ul>
                        <li><a href="#top">This is a link within the page</a></li>
                        <li><a href="/index.html">Back to the index page</a></li>
                        <li><a href="https://www.google.com">google.com</a></li>
                        <li><a href="tel:+27213619085">+27 (0) 21 361 9085</a></li>
                        <li><a href="mailto:<EMAIL>"><EMAIL></a></li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Lists</h1>
            <div class="sg sg_code">Unordered lists <code>&lt;ul&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ul>
                        <li>Vegetables
                            <ul>
                                <li>Carrots</li>
                                <li>Cabbage</li>
                                <li>Brussel sprouts (YUCK!)</li>
                            </ul>
                        </li>
                        <li>Fruit
                            <ul>
                                <li>Oranges</li>
                                <li>Apples</li>
                                <li>Cherries</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="sg sg_code">Ordered lists <code>&lt;ol&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ol>
                        <li>Vegetables
                            <ol>
                                <li>Carrots</li>
                                <li>Cabbage</li>
                                <li>Brussel sprouts (YUCK!)</li>
                            </ol>
                        </li>
                        <li>Fruit
                            <ol>
                                <li>Oranges</li>
                                <li>Apples</li>
                                <li>Cherries</li>
                            </ol>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="sg sg_code">Definition lists <code>&lt;dl&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <dl>
                        <dt>Term</dt>
                        <dd>Definition</dd>
                        <dt>Another term</dt>
                        <dd>Another term's definition</dd>
                    </dl>
                </div>
            </div>
            <div class="sg sg_code">Myth vs. Truth lists <code>&lt;ol class="list_mvt"&gt;</code> <a href="http://rapecrisis.org.za/rape-in-south-africa/myths-stereotypes-about-rape/">Example</a></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ol class="list_mvt">
                        <li>
                            <h1 class="myth"><strong>Myth:</strong> Nessy exists!</h1>
                            <p class="myth_description">There have been a number of sightings of a strange beast in or around Loch Ness in Scotland.</p>
                            <p class="truth"><strong>Truth:</strong> There is no scientific evidence that Nessy exists.</p>
                        </li>
                        <li>
                            <h1 class="myth"><strong>Myth:</strong> Aliens crash-landed in Roswell, New Mexico.</h1>
                            <p class="myth_description">According to a number of eye-witnesses, a flying saucer crash-landed outside of Roswell, New Mexico in 1947.</p>
                            <p class="truth"><strong>Truth:</strong> There is no scientific evidence that Aliens or Flying Saucers exist.</p>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="sg sg_code">Profile lists <code>&lt;ul class="list_profiles"&gt;</code></div>
            <div class="sg_example">
                <div class="entry-content">
                    <ul class="list_profiles">
                        <li>
                            <img src="http://placekitten.com/300/300" alt="<NAME>">
                            <h1><NAME></h1>
                            <p>Head Lay-about</p>
                            <p><a href="mailto:<EMAIL>"><EMAIL></a></p>
                        </li>
                        <li>
                            <img src="http://placekitten.com/400/400" alt="Fluffy McFluffy">
                            <h1>Fluffy McFluffy</h1>
                            <p>Cat-nipper</p>
                            <p><a href="mailto:<EMAIL>"><EMAIL></a></p>
                        </li>
                    </ul>
                </div>
            </div>

        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Tables</h1>
            <div class="sg sg_code">Default Table <code>&lt;table&gt;</code></div>
            <div class="sg_example">
                <table>
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                </table>
            </div>
            <div class="sg sg_code">Simple Table <code>&lt;table class="table_simple"&gt;</code> <a href="http://rapecrisis.org.za/support-us/donate/">Example</a></div>
            <div class="sg_example">
                <table class="table_simple">
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                    <tr>
                        <th scope="row">Row header</th>
                        <td>Row content</td>
                    </tr>
                </table>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Images</h1>
            <div class="sg sg_code">Image <code>&lt;img&gt;</code></div>
            <div class="sg_example">
                <img src="http://placekitten.com/800/300" alt="A wide cat.">
                <img src="http://placekitten.com/200/200" alt="Another cat.">
                <img src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Image (left-aligned) <code>&lt;img class="alignleft"&gt;</code></div>
            <div class="sg_example">
                <img class="alignleft" src="http://placekitten.com/800/300" alt="A wide cat.">
                <img class="alignleft" src="http://placekitten.com/200/200" alt="Another cat.">
                <img class="alignleft" src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Image (right-aligned) <code>&lt;img class="alignright"&gt;</code></div>
            <div class="sg_example">
                <img class="alignright" src="http://placekitten.com/800/300" alt="A wide cat.">
                <img class="alignright" src="http://placekitten.com/200/200" alt="Another cat.">
                <img class="alignright" src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Image (centre-aligned) <code>&lt;img class="aligncenter"&gt;</code></div>
            <div class="sg_example">
                <img class="aligncenter" src="http://placekitten.com/800/300" alt="A wide cat.">
                <img class="aligncenter" src="http://placekitten.com/200/200" alt="Another cat.">
                <img class="aligncenter" src="http://placekitten.com/200/600" alt="A tall cat.">
            </div>
            <div class="sg sg_code">Figure image (with captions) <code>&lt;figure&gt;</code></div>
            <div class="sg_example">
                <figure>
                    <img src="http://placekitten.com/800/300" alt="A wide cat.">
                    <figcaption>A wide cat.</figcaption>
                </figure>
                <figure>
                    <img src="http://placekitten.com/200/200" alt="Another cat.">
                    <figcaption>Another cat.</figcaption>
                </figure>
                <figure>
                    <img src="http://placekitten.com/200/600" alt="A tall cat.">
                    <figcaption>A tall cat.</figcaption>
                </figure>
            </div>
        </section>
        <section class="sg sg_section">
            <h1 class="sg sg_heading">Quotes</h1>
            <div class="sg sg_code">Blockquotes <code>&lt;blockquote&gt;</code> <a href="http://rapecrisis.org.za/information-for-survivors/secondary-trauma/">Example</a></div>
            <div class="sg_example">
                <blockquote>
                    <p>In order for evil to flourish, all that is required is for good men to do nothing.</p>
                    <cite> - <NAME></cite>
                </blockquote>
            </div>
        </section>

        <!-- build:js scripts/vendor.js -->
        <!-- bower:js -->
        <script src="../bower_components/jquery/dist/jquery.js"></script>
        <!-- endbower -->
        <!-- endbuild -->

        <!-- build:js({app,.tmp}) scripts/main.js -->
        <script src="scripts/main.js"></script>
        <!-- endbuild -->
</body>
</html>

{'fraction_non_alphanumeric': 0.15143335497317797, 'fraction_numerical': 0.0140772884135716, 'mean_word_length': 1.3474494706448508, 'pattern_counts': {'":': 0, '<': 971, '<?xml version=': 0, '>': 971, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 14, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2837838', 'n_tokens_mistral': 8845, 'n_tokens_neox': 8186, 'n_words': 1661}