<commit_before><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>eeh-navigation</title>
    <link rel="stylesheet" href="bower_components/highlightjs/styles/default.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <style>
        h1 {
            border-left: solid 4px #DDDDDD;
            padding-left: .2em;
            line-height: 40px;
        }

        h2 {
            border-left: solid 4px blue;
            padding-left: .2em;
            font-size: 24px;
            line-height: 30px;
        }

        h3 {
            border-left: solid 4px red;
            padding-left: .3em;
            font-size: 18px;
            line-height: 25px;
        }

        .container-small {
            max-width: 800px;
        }
        .lead-small {
            font-size: 16px;
            font-style: italic;
        }
    </style>
    <script src="bower_components/highlightjs/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<div class="container container-small">
    <h1>eeh-navigation</h1>
    <div class="lead lead-small">A data-driven AngularJS, Bootstrap navigation directive.</div>

    <h2>Demo</h2>
    <p>
        A live demo can be found <a href="demo/index.html">here.</a>
    </p>

    <h2>Getting started</h2>
    <h3>Install (via bower)</h3>
    <pre><code class="bash">
bower install eeh-navigation
    </code></pre>

    <h3>Include CSS</h3>
    <pre><code class="html">
&lt;link rel="stylesheet" href="bower_components/eeh-navigation/dist/navigation.css"/&gt;
    </code></pre>

    <h3>Include JavaScript</h3>
    <pre><code class="html">
&lt;script src="bower_components/eeh-navigation/dist/navigation.js"&gt;&lt;/script&gt;
&lt;script src="bower_components/eeh-navigation/dist/navigation.tpl.js"&gt;&lt;/script&gt;
    </code></pre>

    <h3>Configuration Example</h3>
    <pre><code class="javascript">
angular.module('demo', [
    'eehNavigation',
    'ui.bootstrap',
    'ui.router'
]).config(['$stateProvider', '$urlRouterProvider', 'eehNavigationProvider',
function ($stateProvider, $urlRouterProvider, eehNavigationProvider) {
    $urlRouterProvider.otherwise('/');

    // Setup states/routes with ui-router.
    $stateProvider
        .state('demo', {
            abstract: true,
            templateUrl: 'app.html'
        })
        .state('demo.home', {
            url: '/',
            templateUrl: 'partials/home.html'
        })
        .state('demo.alpha', {
            url: '/alpha',
            templateUrl: 'partials/alpha.html'
        })
        .state('demo.beta', {
            url: '/beta',
            templateUrl: 'partials/beta.html'
        });

    // Configure navbar branding and the state to navigate to when clicked.
    eehNavigationProvider.navbarBrand = {
        text: 'eeh-navigation demo',
        state: 'demo.home'
    };

    // Add a drowndown menu to the navbar.
    eehNavigationProvider.navbarDropdowns = [
        {
            text: 'me',
            iconClass: 'fa-user',
            children: [
                {
                    text: 'User Profile',
                    iconClass: 'fa-user',
                    state: 'demo.home'
                },
                {
                    text: 'Settings',
                    iconClass: 'fa-gear',
                    state: 'demo.home'
                },
                {
                    isDivider: true
                },
                {
                    text: 'Logout',
                    iconClass: 'fa-sign-out',
                    state: 'demo.home'
                }
            ]
        }
    ];

    // Add configurable, and nestable sidebar items.
    eehNavigationProvider.sidebarItems = [
        {
            text: 'Home',
            iconClass: 'fa-home',
            state: 'demo.home'
        },
        {
            text: 'Alphabet',
            iconClass: 'fa-language',
            isCollapsed: true,
            children: [
                {
                    text: 'Alpha',
                    state: 'demo.alpha'
                },
                {
                    text: 'Beta',
                    state: 'demo.beta'
                }
            ]
        }
    ];
}]);
    </code></pre>
</div>

<div class="text-center" style="padding: 3em;">
    <p>Created by <a href="http://ethanhann.com"><NAME></a></p>
    <p><span class="fa fa-star"></span></p>
    <p>Inspired by <a href="http://startbootstrap.com/template-overviews/sb-admin-2/">SB Admin 2</a></p>
</div><commit_msg>Update getting started doc<commit_after><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>eeh-navigation</title>
    <link rel="stylesheet" href="bower_components/highlightjs/styles/default.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <style>
        h1 {
            border-left: solid 4px #DDDDDD;
            padding-left: .2em;
            line-height: 40px;
        }

        h2 {
            border-left: solid 4px blue;
            padding-left: .2em;
            font-size: 24px;
            line-height: 30px;
        }

        h3 {
            border-left: solid 4px red;
            padding-left: .3em;
            font-size: 18px;
            line-height: 25px;
        }

        .container-small {
            max-width: 800px;
        }
        .lead-small {
            font-size: 16px;
            font-style: italic;
        }
    </style>
    <script src="bower_components/highlightjs/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<div class="container container-small">
    <h1>eeh-navigation</h1>
    <div class="lead lead-small">A data-driven AngularJS, Bootstrap navigation directive.</div>

    <h2>Demo</h2>
    <p>
        A live demo can be found <a href="demo/index.html">here.</a>
    </p>

    <h2>Getting started</h2>
    <h3>Install (via bower)</h3>
    <pre><code class="bash">
bower install eeh-navigation
    </code></pre>

    <h3>Include CSS</h3>
    <pre><code class="html">
&lt;link rel="stylesheet" href="bower_components/eeh-navigation/dist/navigation.css"/&gt;
    </code></pre>

    <h3>Include JavaScript</h3>
    <pre><code class="html">
&lt;script src="bower_components/eeh-navigation/dist/navigation.js"&gt;&lt;/script&gt;
&lt;script src="bower_components/eeh-navigation/dist/navigation.tpl.js"&gt;&lt;/script&gt;
    </code></pre>

    <h3>Configuration Example</h3>
    <pre><code class="javascript">
angular.module('demo', [
    'eehNavigation',
    'ui.bootstrap',
    'ui.router'
]).config(['$stateProvider', '$urlRouterProvider', 'eehNavigationProvider',
function ($stateProvider, $urlRouterProvider, eehNavigationProvider) {
    $urlRouterProvider.otherwise('/');

    // Setup states/routes with ui-router.
    $stateProvider
        .state('demo', {
            abstract: true,
            templateUrl: 'app.html'
        })
        .state('demo.authenticated', {
            abstract: true,
            controller: 'AuthenticatedCtrl',
            templateUrl: 'authenticated/authenticated.html'
        })
        .state('demo.authenticated.home', {
            url: '/',
            templateUrl: 'partials/home.html'
        })
        .state('demo.authenticated.blank', {
            url: '/blank',
            templateUrl: 'partials/blank.html'
        })
        .state('demo.authenticated.alpha', {
            url: '/alpha',
            templateUrl: 'partials/alpha.html'
        })
        .state('demo.authenticated.beta', {
            url: '/beta',
            templateUrl: 'partials/beta.html'
        });

    // Configure navbar branding and the state to navigate to when clicked.
    eehNavigationProvider.navbarBrand = {
        text: 'eeh-navigation demo',
        state: 'demo.home'
    };

    // Add a drowndown menu to the navbar.
    eehNavigationProvider
        .navbarMenuItem('user', {
            text: 'me',
            iconClass: 'fa-user'
        })
        .navbarMenuItem('user.profile', {
            text: 'User Profile',
            iconClass: 'fa-user',
            state: 'demo.authenticated.home'
        })
        .navbarMenuItem('user.example-com', {
            text: 'example.com',
            iconClass: 'fa-external-link',
            href: 'http://example.com'
        })
        .navbarMenuItem('user.divider1', {
            isDivider: true
        })
        .navbarMenuItem('user.visible', {
            text: 'Visible',
            iconClass: 'fa-eye',
            href: 'http://example.com',
            isVisible: true
        })
        .navbarMenuItem('user.hidden', {
            text: 'Hidden',
            iconClass: 'fa-eye-slash',
            href: 'http://example.com',
            isVisible: false
        });

    // Add configurable, and nestable sidebar items.
    eehNavigationProvider
        .sidebarMenuItem('home', {
            text: 'Home',
            iconClass: 'fa-home',
            state: 'demo.authenticated.home',
            weight: 0
        })
        .sidebarMenuItem('blank', {
            text: 'Blank',
            iconClass: 'fa-star',
            state: 'demo.authenticated.blank'
        })
        .sidebarMenuItem('click', {
            text: 'Click',
            iconClass: 'fa-asterisk'
        })
        .sidebarMenuItem('external', {
            text: 'Link to example.com',
            iconClass: 'fa-external-link',
            href: 'http://example.com'
        })
        .sidebarMenuItem('visible', {
            text: 'Visible',
            iconClass: 'fa-eye',
            href: 'http://example.com',
            isVisible: true
        })
        .sidebarMenuItem('hidden', {
            text: 'Hidden',
            iconClass: 'fa-eye-slash',
            href: 'http://example.com',
            isVisible: false
        })
        .sidebarMenuItem('multilevel', {
            text: 'Multi level',
            iconClass: 'fa-sitemap',
            isCollapsed: true
        })
        .sidebarMenuItem('multilevel.firstlevel1', {
            text: 'First level - 1',
            iconClass: 'fa-file-o',
            state: 'demo.authenticated.blank'
        })
        .sidebarMenuItem('multilevel.firstlevel2', {
            text: 'First level - 2',
            iconClass: 'fa-file-o',
            state: 'demo.authenticated.blank'
        })
        .sidebarMenuItem('multilevel.firstlevel3', {
            text: 'First Level 3',
            iconClass: 'fa-folder-o',
            isCollapsed: false
        })
        .sidebarMenuItem('multilevel.firstlevel3.secondlevel1', {
            text: 'Second level - 1',
            iconClass: 'fa-file-o',
            state: 'demo.authenticated.blank'
        })
        .sidebarMenuItem('multilevel.firstlevel3.secondlevel2', {
            text: 'Second level - 2',
            iconClass: 'fa-file-o',
            state: 'demo.authenticated.blank'
        });
}]);
    </code></pre>
</div>

<div class="text-center" style="padding: 3em;">
    <p>Created by <a href="http://ethanhann.com"><NAME></a></p>
    <p><span class="fa fa-star"></span></p>
    <p>Inspired by <a href="http://startbootstrap.com/template-overviews/sb-admin-2/">SB Admin 2</a></p>
</div>
{'fraction_non_alphanumeric': 0.14891389688563203, 'fraction_numerical': 0.008549245398237808, 'mean_word_length': 1.7731011127237541, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2578942', 'n_tokens_mistral': 3564, 'n_tokens_neox': 3392, 'n_words': 615}