<commit_before><commit_msg>Add a new example.<commit_after><!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="es" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="es" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="es" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="es" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="es" class="no-js"> <!--<![endif]-->
	<head>
		<script></script>
		<meta charset="utf-8">
		<title>Chico UI: Ejemplos</title>
    	<!--link rel="stylesheet" type="text/css" href="src/css/base.css" />
	    <link rel="stylesheet" type="text/css" href="src/css/forms.css" /-->
		<link rel="stylesheet" type="text/css" href="php/chico.php?css=true">
		<link rel="stylesheet" type="text/css" href="libs/css/highlight.css">
		<link rel="stylesheet" type="text/css" href="src/css/doc.css">
		<script src="libs/js/jquery-1.4.4.js"></script>
		<script src="php/chico.php?debug=true"></script>
		<!--script src="src/js/core.js"></script-->
				
		<!--[if lt IE 7 ]>
			<script src="libs/js/dd_belatedpng.js"></script>
			<script> DD_belatedPNG.fix('img, .ico'); //fix any <img> or .ico background-images </script>
		<![endif]-->
	</head>
	
	<body>	
	<div class="header">
		<h1>Chico UI: Ejemplos</h1>
	</div>


	
<!--
-->	
    # Layer	

	<div class="box">
		
		<h3 class="ml_layer">Layer de MercadoLibre</h3>

		<h3 class="mo_layer">Layer de Masoportunidaides</h3>
				
	</div>






	
	
<!--
    # Dropdown-->		

	<div class="demoDropdown">
		<span>Sitios</span>
		<ul>
			<li><a href="http://www.mercadolibre.com">MercadoLibre</a></li>
			<li><a href="http://www.mercadopago.com">MercadoPago</a></li>
			<li><a href="http://www.mercadoshops.com">MercadoShops</a></li>
			<li><a href="http://www.mercadoclics.com">MercadoClics</a></li>
		</ul>
	</div>


















<!--
    # Carousel-->

	<div class="box">
		<h2>Carousel</h2>
		<div class="box demoCarousel">
			<ul class="carousel">
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_62634838_9736.jpg"></li>
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_62634838_9736.jpg"></li>
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_62634838_9736.jpg"></li>
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_62634838_9736.jpg"></li>
				
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_65213880_2657.jpg"></li>
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_65213880_2657.jpg"></li>
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_65213880_2657.jpg"></li>
				<li><img src="http://img2.mlstatic.com/s_MLA_v_G_f_65213880_2657.jpg"></li>
				
				<li><img src="http://img1.mlstatic.com/s_MLA_v_G_f_98530811_2188.jpg"></li>
				<li><img src="http://img1.mlstatic.com/s_MLA_v_G_f_98530811_2188.jpg"></li>
				<li><img src="http://img1.mlstatic.com/s_MLA_v_G_f_98530811_2188.jpg"></li>
				<li><img src="http://img1.mlstatic.com/s_MLA_v_G_f_98530811_2188.jpg"></li>
			</ul>
		</div>
	</div>













<!--
    # TabNavigator-->
    
	<div class="box">
		<h2>TabNavigator</h2>
		<div class="demoTabNavigator">
			<ul>
				<li><a href="#tab1">Tab1</a></li>
				<li><a href="#tab2">Tab2</a></li>
				<li><a href="#tab3">Tab3</a></li>
			</ul>
			<div>
				<div id="tab1">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet purus in sapien luctus sodales. Curabitur dui velit, cursus in sagittis aliquam, dictum at neque. Ut gravida scelerisque lorem non pulvinar. Pellentesque et urna vitae nisl porta imperdiet sed nec ipsum. Sed non sem velit. Cras id consectetur tellus.</p>
				</div>

				<div id="tab2">
					<p>Vestibulum posuere purus non enim pharetra vel vulputate eros hendrerit. Ut pulvinar placerat risus quis interdum. Mauris eget tempus risus. Aenean accumsan dolor in lorem elementum ac tincidunt urna rutrum. Sed sit amet nunc velit, vitae tincidunt ipsum. Fusce mattis elementum justo, et lacinia odio pharetra a.</p>
				</div>
		
				<div id="tab3">
					<p>Sed sit amet nunc velit, vitae tincidunt ipsum. Fusce mattis elementum justo, et lacinia odio pharetra a. Donec egestas imperdiet eros a interdum. Suspendisse sodales, ligula vitae pulvinar aliquam, elit justo pretium urna, ut hendrerit arcu dolor vitae ipsum.</p>
				</div>
			</div>
		</div>
	</div>

		
	
	
	
	
	
	
	
	
	
	
	<!-- Organization -->
	<script>
		// Components
        
        
        var drop = $('.demoDropdown').dropdown();

        var caro = $('.demoCarousel').carousel();
        
        //var ui_moda = $('.demoModal').modal({ content: { type: 'ajax' } });			
        //var ui_laye = $('.demoLayerOnclick').layer({ event: 'click', content: { type: 'param', data: '<p>foo</p>' } });
        //var ui_layr = $('.demoLayerOnmouseover').layer({ content: { type: 'param', data: '<p>foo</p>' } });
      
      var ui_tabs = $('.demoTabNavigator').tabNavigator();


        var layer_ml = $('.ml_layer').modal({
                content: { type: 'param', data: '<p>El sitio lìder de ecomerce en latam.</p>' }
            });
            
            
       var layer_mo = $('.mo_layer').layer({
                event: 'click',
                content: { type: 'param', data: '<p>Un sitio parcido a MercadoLibre</p>' }
            });
/* */
	</script>
	
	</body>
</html>
{'fraction_non_alphanumeric': 0.20445956160241874, 'fraction_numerical': 0.03571428571428571, 'mean_word_length': 3.087258687258687, 'pattern_counts': {'":': 0, '<': 176, '<?xml version=': 0, '>': 175, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5593231', 'n_tokens_mistral': 2418, 'n_tokens_neox': 2113, 'n_words': 399}