<commit_before><html>
<head>
<title>testing controller concept</title>
</head>
<body>

<p>
    references:
</p>
<ul>
    <li>http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementation-for-navigation-bar-menu</li>
    <li>http://www.w3.org/WAI/GL/wiki/Using_ARIA_menus</li>
</ul>


<ul role="menubar">
    <li role="presentation">
        <a href="#" id="level_1" role="menuitem">level 1</a>
        <ul role="menu" >
            <li role="presentation">
                <a href="#" id="level_1.1" role="menuitem">level 1.1</a>
                <ul>
                    <li>
                        <a href="#" id="level_1.1.1" role="menuitem">level 1.1.1</a>
                    </li>
                    <li>
                        <a href="#" id="level_1.1.2" role="menuitem">level 1.1.2</a>
                    </li>
                    <li>
                        <a href="#" id="level_1.1.3" role="menuitem">level 1.1.3</a>
                    </li>
                </ul>
            </li>

            <li role="presentation">
                <a href="#" id="level_1.2" role="menuitem">level 1.2</a>
                <ul>
                    <li>
                        <a href="#" id="level_1.2.1" role="menuitem">level 1.2.1</a>
                    </li>
                    <li>
                        <a href="#" id="level_1.2.2" role="menuitem">level 1.2.2</a>
                    </li><commit_msg>adding classes to test controller<commit_after><html>
<head>
<title>testing controller concept</title>

<style media="screen" type="text/css">

.controller-container {
   float:left;
   width:100%;
   background:#fff;
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
}
.controller-container ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.controller-container ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.controller-container focused{
	border-style:double;
	border-color:#ff0000;
}

</style>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>

<p>
    references:
</p>
<ul>
    <li>http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementation-for-navigation-bar-menu</li>
    <li>http://www.w3.org/WAI/GL/wiki/Using_ARIA_menus</li>
</ul>


<a href="#" id="controller" class="controller-container">
    <ul id="root">

    <li id="option1">
        opcion 1
    </li>

    <li id="option2">
        opcion 2
    </li>

    <li id="option3">
        opcion 3
    </li>
    </ul>
</a>


<script>
    'use strict';

    var controller = $("#controller");

    controller.focus(function(ev){console.log("focus!");});

    controller.keydown(function(){console.log("key pressed ");});
    
    
    

</script>

<ul role="menubar">
    <li role="presentation">
        <a href="#" id="level_1" role="menuitem">level 1</a>
        <ul role="menu" >
            <li role="presentation">
                <a href="#" id="level_1.1" role="menuitem">level 1.1</a>
                <ul>
                    <li>
                        <a href="#" id="level_1.1.1" role="menuitem">level 1.1.1</a>
                    </li>
                    <li>
                        <a href="#" id="level_1.1.2" role="menuitem">level 1.1.2</a>
                    </li>
                    <li>
                        <a href="#" id="level_1.1.3" role="menuitem">level 1.1.3</a>
                    </li>
                </ul>
            </li>

            <li role="presentation">
                <a href="#" id="level_1.2" role="menuitem">level 1.2</a>
                <ul>
                    <li>
                        <a href="#" id="level_1.2.1" role="menuitem">level 1.2.1</a>
                    </li>
                    <li>
                        <a href="#" id="level_1.2.2" role="menuitem">level 1.2.2</a>
                    </li>
{'fraction_non_alphanumeric': 0.18150087260034903, 'fraction_numerical': 0.031662926950885066, 'mean_word_length': 1.634274458305975, 'pattern_counts': {'":': 0, '<': 117, '<?xml version=': 0, '>': 117, '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': '330352', 'n_tokens_mistral': 1440, 'n_tokens_neox': 1350, 'n_words': 231}