<commit_before><!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <header>
            <img src="img/logo.png" alt=""><!-- comment -->
        </header>

        <div class="container">
            <aside class="menu">
                <ul>
                    <li><a href="#">Principles
                    <svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-447 249 64 64" style="enable-background:new -447 249 64 64;" xml:space="preserve">
                    <g id="Page-1" sketch:type="MSPage">
                    	<g id="right-arrow" sketch:type="MSLayerGroup">
                    		<path id="Shape" sketch:type="MSShapeGroup" class="st0" d="M-397.4,280l-30.1-30.4c-0.6-0.6-1.6-0.6-2.2,0l-2.9,2.9
                    			c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1l26.1,26.4l-26.1,26.2c-0.3,0.3-0.4,0.7-0.4,1.1s0.2,0.8,0.4,1.1l2.9,2.9
                    			c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4l30.1-30.4C-396.9,281.6-396.9,280.6-397.4,280L-397.4,280L-397.4,280z"/>
                    	</g>
                    </g>
                    </svg></a></li>
                    <li><a href="#">Reference Docs<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-447 249 64 64" style="enable-background:new -447 249 64 64;" xml:space="preserve">
                    <g id="Page-1" sketch:type="MSPage">
                    	<g id="right-arrow" sketch:type="MSLayerGroup">
                    		<path id="Shape" sketch:type="MSShapeGroup" class="st0" d="M-397.4,280l-30.1-30.4c-0.6-0.6-1.6-0.6-2.2,0l-2.9,2.9
                    			c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1l26.1,26.4l-26.1,26.2c-0.3,0.3-0.4,0.7-0.4,1.1s0.2,0.8,0.4,1.1l2.9,2.9
                    			c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4l30.1-30.4C-396.9,281.6-396.9,280.6-397.4,280L-397.4,280L-397.4,280z"/>
                    	</g>
                    </g>
                    </svg></a></li>
                    <li><a href="#">Design Elements<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-447 249 64 64" style="enable-background:new -447 249 64 64;" xml:space="preserve">
                    <g id="Page-1" sketch:type="MSPage">
                    	<g id="right-arrow" sketch:type="MSLayerGroup">
                    		<path id="Shape" sketch:type="MSShapeGroup" class="st0" d="M-397.4,280l-30.1-30.4c-0.6-0.6-1.6-0.6-2.2,0l-2.9,2.9
                    			c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1l26.1,26.4l-26.1,26.2c-0.3,0.3-0.4,0.7-0.4,1.1s0.2,0.8,0.4,1.1l2.9,2.9
                    			c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4l30.1-30.4C-396.9,281.6-396.9,280.6-397.4,280L-397.4,280L-397.4,280z"/>
                    	</g>
                    </g>
                    </svg></a></li>
                </ul>
            </aside>

            <section class="main" role="main">
                <div class="feature">
                    <div class="feature__body">
                        <h1 class="feature__heading">Online Style Guide</h1>
                        <p class="feature__description">Here's a useful paragraph of text that describes what the style guide is, what it does and how it's going to change the course of mankind.</p>
                        <h3>Start your search here</h3>
                        <form action="#" class="feature__search">
                            <input type="text" placeholder="Know what you're looking for?" autofocus><input type="submit" value="Search">
                        </form>
                    </div>
                </div>
                <div class="main__body">
                    <ul class="panel-list">
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus sapien sed sagittis volutpat.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus sapien sed sagittis volutpat.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus sapien sed sagittis volutpat.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel panel--links">
                            <div class="panel__split panel__split--primary">
                                <img src="img/panel-icon-principles.gif" class="panel__image">
                                <div class="panel__title">
                                    <span>Category</span>
                                    <h2>Test</h2>
                                </div>
                            </div>
                            <div class="panel__split panel__split--secondary">
                                <img src="img/panel-icon-principles.gif" class="panel__image">
                                <div class="panel__title">
                                    <span>Category</span>
                                    <h2>Test</h2>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </div>

        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
        <script src="../bower_components/matchHeight/jquery.matchHeight-min.js"></script><commit_msg>Fixed relative path<commit_after><!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <header>
            <img src="img/logo.png" alt=""><!-- comment -->
        </header>

        <div class="container">
            <aside class="menu">
                <ul>
                    <li><a href="#">Principles
                    <svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-447 249 64 64" style="enable-background:new -447 249 64 64;" xml:space="preserve">
                    <g id="Page-1" sketch:type="MSPage">
                    	<g id="right-arrow" sketch:type="MSLayerGroup">
                    		<path id="Shape" sketch:type="MSShapeGroup" class="st0" d="M-397.4,280l-30.1-30.4c-0.6-0.6-1.6-0.6-2.2,0l-2.9,2.9
                    			c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1l26.1,26.4l-26.1,26.2c-0.3,0.3-0.4,0.7-0.4,1.1s0.2,0.8,0.4,1.1l2.9,2.9
                    			c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4l30.1-30.4C-396.9,281.6-396.9,280.6-397.4,280L-397.4,280L-397.4,280z"/>
                    	</g>
                    </g>
                    </svg></a></li>
                    <li><a href="#">Reference Docs<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-447 249 64 64" style="enable-background:new -447 249 64 64;" xml:space="preserve">
                    <g id="Page-1" sketch:type="MSPage">
                    	<g id="right-arrow" sketch:type="MSLayerGroup">
                    		<path id="Shape" sketch:type="MSShapeGroup" class="st0" d="M-397.4,280l-30.1-30.4c-0.6-0.6-1.6-0.6-2.2,0l-2.9,2.9
                    			c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1l26.1,26.4l-26.1,26.2c-0.3,0.3-0.4,0.7-0.4,1.1s0.2,0.8,0.4,1.1l2.9,2.9
                    			c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4l30.1-30.4C-396.9,281.6-396.9,280.6-397.4,280L-397.4,280L-397.4,280z"/>
                    	</g>
                    </g>
                    </svg></a></li>
                    <li><a href="#">Design Elements<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-447 249 64 64" style="enable-background:new -447 249 64 64;" xml:space="preserve">
                    <g id="Page-1" sketch:type="MSPage">
                    	<g id="right-arrow" sketch:type="MSLayerGroup">
                    		<path id="Shape" sketch:type="MSShapeGroup" class="st0" d="M-397.4,280l-30.1-30.4c-0.6-0.6-1.6-0.6-2.2,0l-2.9,2.9
                    			c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1l26.1,26.4l-26.1,26.2c-0.3,0.3-0.4,0.7-0.4,1.1s0.2,0.8,0.4,1.1l2.9,2.9
                    			c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4l30.1-30.4C-396.9,281.6-396.9,280.6-397.4,280L-397.4,280L-397.4,280z"/>
                    	</g>
                    </g>
                    </svg></a></li>
                </ul>
            </aside>

            <section class="main" role="main">
                <div class="feature">
                    <div class="feature__body">
                        <h1 class="feature__heading">Online Style Guide</h1>
                        <p class="feature__description">Here's a useful paragraph of text that describes what the style guide is, what it does and how it's going to change the course of mankind.</p>
                        <h3>Start your search here</h3>
                        <form action="#" class="feature__search">
                            <input type="text" placeholder="Know what you're looking for?" autofocus><input type="submit" value="Search">
                        </form>
                    </div>
                </div>
                <div class="main__body">
                    <ul class="panel-list">
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus sapien sed sagittis volutpat.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus sapien sed sagittis volutpat.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel">
                            <img src="img/panel-icon-principles.gif" class="panel__image">
                            <div class="panel__title">
                                <span>Category</span>
                                <h2>Principles</h2>
                            </div>
                            <div class="panel__text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla cursus sapien sed sagittis volutpat.</p>
                            </div>
                            <a href="#" class="panel__button">See all</a>
                        </li>
                        <li class="panel panel--links">
                            <div class="panel__split panel__split--primary">
                                <img src="img/panel-icon-principles.gif" class="panel__image">
                                <div class="panel__title">
                                    <span>Category</span>
                                    <h2>Test</h2>
                                </div>
                            </div>
                            <div class="panel__split panel__split--secondary">
                                <img src="img/panel-icon-principles.gif" class="panel__image">
                                <div class="panel__title">
                                    <span>Category</span>
                                    <h2>Test</h2>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </div>

        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
        <script src="./style-guide/bower_components/matchHeight/jquery.matchHeight-min.js"></script>
{'fraction_non_alphanumeric': 0.15976140577140094, 'fraction_numerical': 0.06373260250416465, 'mean_word_length': 1.2416285232474102, 'pattern_counts': {'":': 0, '<': 385, '<?xml version=': 0, '>': 385, 'https://': 2, 'lorem ipsum': 0, 'www.': 18, 'xml': 24}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 18, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7113119', 'n_tokens_mistral': 6494, 'n_tokens_neox': 5836, 'n_words': 851}