<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Synergic UI</title>
    <meta name="description" content="Synergic UI" />
    <meta name="generator" content="kss-node" />

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700&amp;subset=latin,latin-ext" type="text/css" />
    <link rel="stylesheet" href="public/style.css" type="text/css" />
    <link rel="stylesheet" href="public/kss.css" type="text/css" />

    <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdtJREFUeNpiYICAAiB+D8T/6YTfQ+2EW/5/gHABI9Q1AgwDAz4wQl0yYICJYYABC6kahCRYGPRsuBhUDdgZOHlQ3X/nwk+Gty/+MNy+8IPhHZAmBhAdBSDLvBL4GRxC+IgyONfhIXVDIG+COIOMChtRaon1PdEO8EoQwLAcZMmlI98Yvn/5D40aZmC0cICjCBQFVHWAuQc3Cn/tlPcMB9Z8wplGhCVYqOsAISQDQT7HZTlMnpQoIDkboqd8upQD37/8Q3FATIUw1RzADMQNhBSJy7GiJEIQG5Tg3r34S1Jwk10OgHzduEIaa/CDHHByx1eGEzu+kOUYogsiUEIEBT3I57jASaAjti34SJJDSK6MzD14wNkSn0OWdLwFO4YmDkBOBw4hvGAHYQOza16DCyqaOYBQHQGKhvqIp7SvjkFZFFQygoIdPc0QU2ZQrVQBxfmTO78womnQN0iIckBwjiA4joXwVDIgeXQfE1MrElUZwRIYyCGgxPUWLZ+DLEaPb2KzIQsx2Q09cQkRqG5BaQGUMKkWBaSUbCCfTyp4iVKBUaUcAIWECrD04wIGtQqwQYqcDZ/e+Q2OFkgL6R9JiXC0XwBywIcBtP8DqEHyE4g9BsgBlQwD3T0HCDAAK8cEDKJ16mUAAAAASUVORK5CYII=" />
</head>
{{#if overview}}
<body class="has-navbar-fixed-top">
{{else}}
{{#eachSection rootNumber}}
{{#whenDepth 1}}
<body class="has-navbar-fixed-top" data-current-section="{{ reference }}">
{{/whenDepth}}
{{/eachSection}}
{{/if}}

<header role="banner" id="top">

    <!-- Main navigation -->
    <nav class="navbar navbar-fixed-top navbar-default">
        <div class="container">

            <!-- Brand and menu toggle -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
                    <span class="sr-only">Menu</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html" class="navbar-brand" title="Synergic UI">Synergic UI</a>
            </div>

            <!-- Collapsible menu -->
            <div class="collapse navbar-collapse" id="menu">
                <ul class="nav navbar-nav">
                    {{#eachRoot}}
                    <li><a href="section-{{reference}}.html">{{header}}</a></li>
                    {{/eachRoot}}
                </ul>
            </div>

        </div><!-- .container -->
    </nav>

</header>

<main role="main">

    {{#if overview}}

    <section class="section section-header">
        <div class="container">
            <h1>Synergic UI</h1>
        </div>
    </section>

    <section class="section section-content">
        <div class="container">
            <article>
                {{html overview}}
            </article>
        </div><!-- .container -->
    </section>

    {{else}}

    {{#eachSection rootNumber}}
    {{#whenDepth 1}}
    <section class="section section-header">
        <div class="container">
            <h1>{{ reference }}.0&thinsp;–&thinsp;{{ header }}</h1>
        </div>
    </section>
    {{/whenDepth}}
    {{/eachSection}}

    <section class="section section-content">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-md-push-9">

                    <!-- Secondary navigation -->
                    <nav class="kss__secondary-nav">
                        <ul>
                            {{#if overview}}
                            <li><a href="#top"><strong>Synergic UI</strong></a></li>
                            <li><a href="#changelog">Changelog</a></li>
                            {{else}}

                            {{#eachSection rootNumber}}
                            {{#whenDepth 1}}
                            <li><a href="#top"><strong>{{ header }}</strong></a></li>
                            {{else}}
                            {{/whenDepth}}
                            {{#whenDepth 2}}
                            <li><a href="#section-{{ reference }}">{{ header }}</a></li>
                            {{else}}
                            {{/whenDepth}}
                            {{/eachSection}}
                            {{/if}}
                        </ul>
                        <a href="#top" class="kss__top-link">&uarr; Top</a>
                    </nav>

                </div>
                <div class="col-md-9 col-md-pull-3">

                    <article>

                        {{!
                        Find each section, in order.
                        If there's no markup or modifiers supplied, use a Markdown-only
                        layout instead.

                        The "root" element comes first in this loop, and can be detected using
                        the "#whenDepth 1" block as seen below.
                        }}
                        {{#eachSection rootNumber}}
                        {{#whenDepth 1}}
                        {{else}}
                        <section id="section-{{reference}}" class="kss__section kss__depth--{{ refDepth }}">
                            {{#whenDepth 2}}
                            <h2 class="kss__title">{{ reference }}&thinsp;–&thinsp;{{ header }}</h2>
                            {{else}}
                            <h3 class="kss__subtitle">{{ reference }}&thinsp;–&thinsp;{{ header }}</h3>
                            {{/whenDepth}}
                            {{/whenDepth}}

                            {{#if description}}
                            {{html description}}
                            {{/if}}

                            {{! Modifiers }}
                            {{#ifAny markup modifiers}}
                            <p class="kss__example-title">Example</p>
                            <div class="kss__example">
                                {{modifierMarkup}}
                            </div>

                            {{#eachModifier}}
                            <p><strong>{{name}}</strong></p>
                            {{html description}}
                            <div class="kss__example">{{modifierMarkup}}</div>
                            {{/eachModifier}}

                            <div class="kss__markup">
                                <pre class="prettyprint lang-html">{{markup}}</pre>
                            </div>

                            {{/ifAny}}

                            {{#whenDepth 1}} {{else}}
                        </section>
                        {{/whenDepth}}
                        {{/eachSection}}

                    </article>

                    <p class="hidden-md hidden-lg">
                        <a href="#top">&uarr; Top</a>
                    </p>

                </div>
            </div><!-- .row -->
        </div><!-- .container -->
    </section>

    {{/if}}

</main>

<footer role="contentinfo" class="footer">
    <div class="container">
        © Synergic.cz 2014
        <a href="http://www.synergic.cz/en" target="_blank" class="footer-author" title="Created by Synergic">
            <img src="public/images/synergic.svg" alt="Synergic" />
        </a>
    </div><!-- .container -->
</footer>



<!-- Scripts -->
<script src="public/kss.js"></script>
<script src="public/prettify.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="public/js/bootstrap.min.js"></script>
<script src="public/js/dataViewTable.js"></script>
<script>
    $(document).ready(function(){

        // Highlight current section in the main menu
        var current = $('body').data('current-section');
        if (current > 0) {
            $('.navbar-nav > li').eq(current - 1).addClass('active');
        }

        // Ensure code blocks are highlighted properly...
        $('pre > code').addClass('prettyprint');
        prettyPrint();

    });
</script>

</body>
</html>
<commit_msg>Refactored style guide template to be DRY<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Synergic UI</title>
    <meta name="description" content="Synergic UI" />
    <meta name="generator" content="kss-node" />

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700&amp;subset=latin,latin-ext" type="text/css" />
    <link rel="stylesheet" href="public/style.css" type="text/css" />
    <link rel="stylesheet" href="public/kss.css" type="text/css" />

    <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdtJREFUeNpiYICAAiB+D8T/6YTfQ+2EW/5/gHABI9Q1AgwDAz4wQl0yYICJYYABC6kahCRYGPRsuBhUDdgZOHlQ3X/nwk+Gty/+MN<KEY> />
</head>
{{#if overview}}
<body class="has-navbar-fixed-top">
{{else}}
{{#eachSection rootNumber}}
{{#whenDepth 1}}
<body class="has-navbar-fixed-top" data-current-section="{{ reference }}">
{{/whenDepth}}
{{/eachSection}}
{{/if}}

<header role="banner" id="top">

    <!-- Main navigation -->
    <nav class="navbar navbar-fixed-top navbar-default">
        <div class="container">

            <!-- Brand and menu toggle -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
                    <span class="sr-only">Menu</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html" class="navbar-brand" title="Synergic UI">Synergic UI</a>
            </div>

            <!-- Collapsible menu -->
            <div class="collapse navbar-collapse" id="menu">
                <ul class="nav navbar-nav">
                    {{#eachRoot}}
                    <li><a href="section-{{reference}}.html">{{header}}</a></li>
                    {{/eachRoot}}
                </ul>
            </div>

        </div><!-- .container -->
    </nav>

</header>

<main role="main">

    <section class="section section-header">
        <div class="container">

            {{#if overview}}
            <h1>Synergic UI</h1>
            {{else}}
            {{#eachSection rootNumber}}
            {{#whenDepth 1}}
            <h1>{{ reference }}.0&thinsp;–&thinsp;{{ header }}</h1>
            {{/whenDepth}}
            {{/eachSection}}
            {{/if}}

        </div>
    </section>

    <section class="section section-content">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-md-push-9">

                    <nav class="kss__secondary-nav">
                        <ul>
                            {{#if overview}}
                            <li><a href="#top"><strong>Synergic UI</strong></a></li>
                            <li><a href="#changelog">Changelog</a></li>
                            {{else}}

                            {{#eachSection rootNumber}}
                            {{#whenDepth 1}}
                            <li><a href="#top"><strong>{{ header }}</strong></a></li>
                            {{else}}
                            {{/whenDepth}}
                            {{#whenDepth 2}}
                            <li><a href="#section-{{ reference }}">{{ header }}</a></li>
                            {{else}}
                            {{/whenDepth}}
                            {{/eachSection}}

                            {{/if}}
                        </ul>
                        <a href="#top" class="kss__top-link hidden-xs hidden-sm">&uarr; Top</a>
                    </nav>

                </div>
                <div class="col-md-9 col-md-pull-3">

                    <article>

                        {{#if overview}}
                        {{html overview}}
                        {{else}}

                        {{!
                        Find each section, in order.
                        If there's no markup or modifiers supplied, use a Markdown-only
                        layout instead.

                        The "root" element comes first in this loop, and can be detected using
                        the "#whenDepth 1" block as seen below.
                        }}
                        {{#eachSection rootNumber}}
                        {{#whenDepth 1}}
                        {{else}}

                        <section id="section-{{reference}}" class="kss__section kss__depth--{{ refDepth }}">
                            {{#whenDepth 2}}
                            <h2 class="kss__title">{{ reference }}&thinsp;–&thinsp;{{ header }}</h2>
                            {{else}}
                            <h3 class="kss__subtitle">{{ reference }}&thinsp;–&thinsp;{{ header }}</h3>
                            {{/whenDepth}}
                            {{/whenDepth}}

                            {{#if description}}
                            {{html description}}
                            {{/if}}

                            {{! Modifiers }}
                            {{#ifAny markup modifiers}}
                            <p class="kss__example-title">Example</p>
                            <div class="kss__example">
                                {{modifierMarkup}}
                            </div>

                            {{#eachModifier}}
                            <p><strong>{{name}}</strong></p>
                            {{html description}}
                            <div class="kss__example">{{modifierMarkup}}</div>
                            {{/eachModifier}}

                            <div class="kss__markup">
                                <pre class="prettyprint lang-html">{{markup}}</pre>
                            </div>

                            {{/ifAny}}

                            {{#whenDepth 1}} {{else}}
                        </section>
                        {{/whenDepth}}
                        {{/eachSection}}

                        {{/if}}

                    </article>

                    <p class="hidden-md hidden-lg">
                        <a href="#top">&uarr; Top</a>
                    </p>

                </div>
            </div><!-- .row -->
        </div><!-- .container -->
    </section>

</main>

<footer role="contentinfo" class="footer">
    <div class="container">
        © Synergic.cz 2014
        <a href="http://www.synergic.cz/en" target="_blank" class="footer-author" title="Created by Synergic">
            <img src="public/images/synergic.svg" alt="Synergic" />
        </a>
    </div><!-- .container -->
</footer>



<!-- Scripts -->
<script src="public/kss.js"></script>
<script src="public/prettify.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="public/js/bootstrap.min.js"></script>
<script src="public/js/dataViewTable.js"></script>
<script>
    $(document).ready(function(){

        // Highlight current section in the main menu
        var current = $('body').data('current-section');
        if (current > 0) {
            $('.navbar-nav > li').eq(current - 1).addClass('active');
        }

        // Ensure code blocks are highlighted properly...
        $('pre > code').addClass('prettyprint');
        prettyPrint();

    });
</script>

</body>
</html>

{'fraction_non_alphanumeric': 0.1539750512008937, 'fraction_numerical': 0.012102029417240737, 'mean_word_length': 1.3589518372127067, 'pattern_counts': {'":': 0, '<': 306, '<?xml version=': 0, '>': 312, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '2101503', 'n_tokens_mistral': 5088, 'n_tokens_neox': 4565, 'n_words': 765}