<commit_before><!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
		
	<title>Owly</title>
	<meta name="description" content="">
	
	<!-- Mobile viewport optimized: h5bp.com/viewport -->
	<meta name="viewport" content="width=device-width">
	
	
	<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
	<link rel="stylesheet" href="css/nivo-slider.css" media="all"  /> 
	<link rel="stylesheet" href="css/tweet.css" media="all"  />
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" media="all" href="css/lessframework.css"/>
	
	
	<!-- All JavaScript at the bottom, except this Modernizr build.
	   Modernizr enables HTML5 elements & feature detects for optimal performance.
	   Create your own custom Modernizr build: www.modernizr.com/download/ -->
	<script src="js/modernizr-2.5.3.min.js"></script>
</head>
<body>
	
	<!-- WRAPPER -->
	<div class="wrapper cf">
	
		<header class="cf">
			
			<!-- social-bar -->
			<div id="social-bar-holder">
				<ul id="social-bar" class="cf">
					
					<li class="facebook"><a href="http://www.facebook.com"  title="Facebook" ></a></li>
					<li class="googleplus"><a href="https://plus.google.com"  title="googleplus" ></a></li>
					<li class="twitter"><a href="https://twitter.com"  title="twitter" ></a></li>
				</ul>
			</div>
			<div class="cf"></div>
			<!-- ENDS social-bar -->
			
			<div id="logo" class="cf">
				<a href="index.html" ><img src="img/logo.png" alt="" /></a>
			</div>
			
			<!-- nav -->
			<nav class="cf">
				<ul id="nav" class="sf-menu">
					<li class="current-menu-item"><a href="index.html"><span>HOME</span></a></li>
					<li><a href="index.html"><span>CREATE YOURS</span></a></li>
					<li><a href="index.html"><span>SOURCES</span></a></li>
					<li><a href="index.html"><span>CONTACT</span></a></li>
				</ul>
				<div id="combo-holder"></div>
			</nav>
			<!-- ends nav -->
			
		</header>
		
		
		<!-- MAIN -->
		<div role="main" id="main" class="cf">
			<div id="owl-block">
				<img id="owl-image" src="img/owls/owl_m_1.png" alt="" usemap="#owl-image-map"/>
				<map id="owl-image-map" name="owl-image-map">
					<area id="image-head" data-id="image-head" shape="poly" alt="" title="head" coords="196,180,176,203,129,224,67,209,33,149,37,99,57,61,73,30,79,11,77,1,104,15,191,35,243,28,303,11,320,0,322,24,347,75,362,114,363,149,352,183,331,205,298,222,265,223,230,209,201,180,199,183,198,186"/>
					<area data-id="image-body" shape="poly" alt="" title="body" coords="159,346,164,333,187,340,190,354,206,354,211,339,235,338,240,345,267,327,289,297,299,259,297,230,291,220,261,220,227,208,199,180,195,184,192,181,174,203,133,222,105,222,99,220,98,256,106,294,126,323,145,337,151,341"/>
					<area data-id="image-left-foot" shape="poly" alt="" title="left-foot" coords="185,367,160,362,163,332,184,341,192,355,189,363"/>
					<area data-id="image-right-foot" shape="poly" alt="" title="right-foot" coords="212,368,231,361,239,351,233,340,214,339,206,349,208,361"/>
					<area data-id="image-left-wing" shape="poly" alt="" title="left-wing" coords="77,254,48,246,27,216,59,199,64,206,97,217,98,254,104,291,124,321,111,311,85,283,81,271"/>
					<area data-id="image-right-wing" shape="poly" alt="" title="right-wing" coords="318,253,346,251,354,229,368,220,358,201,334,199,330,206,293,223,302,255,299,271,290,298,265,330,299,302,316,274"/>
				</map>
			</div>
			<div class="bubble" style="display:none">
				<textarea class="speech-box" maxlength="100" placeholder="Write your message (max 100 characters)"></textarea>
			</div>
			<!-- headline -->
			<div class="headline">Owls are better than email</div>
			<!-- ENDS headline -->
			
		</div>
		<!-- ENDS MAIN -->
		
		<footer>
		
			<!-- text message -->
			<div id="twitter-holder">
				<div class="ribbon-left"></div>
				<div class="ribbon">
					<div id="tweets-bar" class="tweet">
					
					<ul class="tweet_list">
						<li>
						<div class="tweet_time">Fork me on github</div>
						Owly project <a href="https://github.com/k-yak/owly" >source code</a> </li>
					</ul>
					
					</div>
				</div>
				<div class="ribbon-right"></div>
			</div>
			<!-- ENDS text message -->
			
			<!-- widgets -->
			<ul  class="widget-cols cf">
				<li class="first-col">
					
					<div class="widget-block">
						<h4>RECENT COMMIT</h4>
					</div>
				</li>
				
				<li class="second-col">
					
					<div class="widget-block">
						<h4>TODO</h4>
						<p>create logo</p>
					</div>
					
				</li>
				
				<li class="third-col">
					
					<div class="widget-block">
						<h4>ABOUT</h4>
		     		</div>
		     		
				</li>
				
				<li class="fourth-col">
					
					<div class="widget-block">
						<h4>WHY</h4>
		     		</div>
		     		
				</li>	
			</ul>
			<!-- ENDS widgets -->
			
			<!-- bottom -->
			<div id="bottom">
				<div id="widget-trigger-holder"><a id="widget-trigger" href="#" title="View More" class="poshytip"></a></div>
				<div id="content">Created by <a href="https://github.com/k-yak" >K-yak</a> </div>
			</div>
			<!-- ENDS bottom -->
			
		</footer>
		
		
	</div>
	<!-- ENDS WRAPPER -->
	
	<!-- JavaScript at the bottom for fast page loading -->
	
	
	<!-- scripts concatenated and minified via build script -->
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/custom.js"></script>
	
	<!-- superfish -->
	<script  src="js/superfish-1.4.8/js/hoverIntent.js"></script>
	<script  src="js/superfish-1.4.8/js/superfish.js"></script>
	<script  src="js/superfish-1.4.8/js/supersubs.js"></script>
	<!-- ENDS superfish -->
	
	<script src="js/jquery.nivo.slider.js" ></script>
	<script src="js/css3-mediaqueries.js"></script>
	<script src="js/tabs.js"></script>
	<script  src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
	<script> 
		var reposition = function(){
			var position = $( "#image-head" ).position();
			$( ".bubble" ).parent().css( {position: "relative" } );
			$( ".bubble" ).css( {top: position.top + 60, left: ( position.left + $( ".bubble" ).width() + 25 ), position: "absolute" } );
		}
		
		reposition();
		
		$("area").click(function(){
			reposition();
			$( ".bubble" ).show();
		});
		<commit_msg>hide bubble when click outside<commit_after><!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
		
	<title>Owly</title>
	<meta name="description" content="">
	
	<!-- Mobile viewport optimized: h5bp.com/viewport -->
	<meta name="viewport" content="width=device-width">
	
	
	<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
	<link rel="stylesheet" href="css/nivo-slider.css" media="all"  /> 
	<link rel="stylesheet" href="css/tweet.css" media="all"  />
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" media="all" href="css/lessframework.css"/>
	
	
	<!-- All JavaScript at the bottom, except this Modernizr build.
	   Modernizr enables HTML5 elements & feature detects for optimal performance.
	   Create your own custom Modernizr build: www.modernizr.com/download/ -->
	<script src="js/modernizr-2.5.3.min.js"></script>
</head>
<body>
	
	<!-- WRAPPER -->
	<div class="wrapper cf">
	
		<header class="cf">
			
			<!-- social-bar -->
			<div id="social-bar-holder">
				<ul id="social-bar" class="cf">
					
					<li class="facebook"><a href="http://www.facebook.com"  title="Facebook" ></a></li>
					<li class="googleplus"><a href="https://plus.google.com"  title="googleplus" ></a></li>
					<li class="twitter"><a href="https://twitter.com"  title="twitter" ></a></li>
				</ul>
			</div>
			<div class="cf"></div>
			<!-- ENDS social-bar -->
			
			<div id="logo" class="cf">
				<a href="index.html" ><img src="img/logo.png" alt="" /></a>
			</div>
			
			<!-- nav -->
			<nav class="cf">
				<ul id="nav" class="sf-menu">
					<li class="current-menu-item"><a href="index.html"><span>HOME</span></a></li>
					<li><a href="index.html"><span>CREATE YOURS</span></a></li>
					<li><a href="index.html"><span>SOURCES</span></a></li>
					<li><a href="index.html"><span>CONTACT</span></a></li>
				</ul>
				<div id="combo-holder"></div>
			</nav>
			<!-- ends nav -->
			
		</header>
		
		
		<!-- MAIN -->
		<div role="main" id="main" class="cf">
			<div id="owl-block">
				<img id="owl-image" src="img/owls/owl_m_1.png" alt="" usemap="#owl-image-map"/>
				<map id="owl-image-map" name="owl-image-map">
					<area id="image-head" data-id="image-head" shape="poly" alt="" title="head" coords="196,180,176,203,129,224,67,209,33,149,37,99,57,61,73,30,79,11,77,1,104,15,191,35,243,28,303,11,320,0,322,24,347,75,362,114,363,149,352,183,331,205,298,222,265,223,230,209,201,180,199,183,198,186"/>
					<area data-id="image-body" shape="poly" alt="" title="body" coords="159,346,164,333,187,340,190,354,206,354,211,339,235,338,240,345,267,327,289,297,299,259,297,230,291,220,261,220,227,208,199,180,195,184,192,181,174,203,133,222,105,222,99,220,98,256,106,294,126,323,145,337,151,341"/>
					<area data-id="image-left-foot" shape="poly" alt="" title="left-foot" coords="185,367,160,362,163,332,184,341,192,355,189,363"/>
					<area data-id="image-right-foot" shape="poly" alt="" title="right-foot" coords="212,368,231,361,239,351,233,340,214,339,206,349,208,361"/>
					<area data-id="image-left-wing" shape="poly" alt="" title="left-wing" coords="77,254,48,246,27,216,59,199,64,206,97,217,98,254,104,291,124,321,111,311,85,283,81,271"/>
					<area data-id="image-right-wing" shape="poly" alt="" title="right-wing" coords="318,253,346,251,354,229,368,220,358,201,334,199,330,206,293,223,302,255,299,271,290,298,265,330,299,302,316,274"/>
				</map>
			</div>
			<div class="bubble" style="display:none">
				<textarea class="speech-box" maxlength="100" placeholder="Write your message (max 100 characters)"></textarea>
			</div>
			<!-- headline -->
			<div class="headline">Owls are better than email</div>
			<!-- ENDS headline -->
			
		</div>
		<!-- ENDS MAIN -->
		
		<footer>
		
			<!-- text message -->
			<div id="twitter-holder">
				<div class="ribbon-left"></div>
				<div class="ribbon">
					<div id="tweets-bar" class="tweet">
					
					<ul class="tweet_list">
						<li>
						<div class="tweet_time">Fork me on github</div>
						Owly project <a href="https://github.com/k-yak/owly" >source code</a> </li>
					</ul>
					
					</div>
				</div>
				<div class="ribbon-right"></div>
			</div>
			<!-- ENDS text message -->
			
			<!-- widgets -->
			<ul  class="widget-cols cf">
				<li class="first-col">
					
					<div class="widget-block">
						<h4>RECENT COMMIT</h4>
					</div>
				</li>
				
				<li class="second-col">
					
					<div class="widget-block">
						<h4>TODO</h4>
						<p>create logo</p>
					</div>
					
				</li>
				
				<li class="third-col">
					
					<div class="widget-block">
						<h4>ABOUT</h4>
		     		</div>
		     		
				</li>
				
				<li class="fourth-col">
					
					<div class="widget-block">
						<h4>WHY</h4>
		     		</div>
		     		
				</li>	
			</ul>
			<!-- ENDS widgets -->
			
			<!-- bottom -->
			<div id="bottom">
				<div id="widget-trigger-holder"><a id="widget-trigger" href="#" title="View More" class="poshytip"></a></div>
				<div id="content">Created by <a href="https://github.com/k-yak" >K-yak</a> </div>
			</div>
			<!-- ENDS bottom -->
			
		</footer>
		
		
	</div>
	<!-- ENDS WRAPPER -->
	
	<!-- JavaScript at the bottom for fast page loading -->
	
	
	<!-- scripts concatenated and minified via build script -->
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/custom.js"></script>
	
	<!-- superfish -->
	<script  src="js/superfish-1.4.8/js/hoverIntent.js"></script>
	<script  src="js/superfish-1.4.8/js/superfish.js"></script>
	<script  src="js/superfish-1.4.8/js/supersubs.js"></script>
	<!-- ENDS superfish -->
	
	<script src="js/jquery.nivo.slider.js" ></script>
	<script src="js/css3-mediaqueries.js"></script>
	<script src="js/tabs.js"></script>
	<script  src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
	<script> 
		var reposition = function(){
			var position = $( "#image-head" ).position();
			$( ".bubble" ).parent().css( {position: "relative" } );
			$( ".bubble" ).css( {top: position.top + 60, left: ( position.left + $( ".bubble" ).width() + 25 ), position: "absolute" } );
		}
		
		reposition();
		
		$('html').click(function() {
			//Hide the speech bubble
			$( ".bubble" ).hide();
		});
		
		$('textarea.speech-box').click(function(event){
			event.stopPropagation();
		});
		
		$("#image-head").click(function(event){
			reposition();
			$( ".bubble" ).show();
			event.stopPropagation();
		});
		
{'fraction_non_alphanumeric': 0.23807387468221924, 'fraction_numerical': 0.08688500074771946, 'mean_word_length': 3.317301484828922, 'pattern_counts': {'":': 0, '<': 417, '<?xml version=': 0, '>': 415, 'https://': 8, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6403056', 'n_tokens_mistral': 6680, 'n_tokens_neox': 5027, 'n_words': 844}