<commit_before><html>
<head>
	<title>PPNote</title>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="edit-Type" edit="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="css/grid.min.css">
    <link rel="stylesheet" type="text/css" href="css/gui.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/fonts/material-icons.css">
	<link rel="shortcut" href="images/favicon.png">
	<!-- non-retina iPhone pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon57.png" sizes="57x57">
	<!-- non-retina iPad pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon72.png" sizes="72x72">
	<!-- non-retina iPad iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon76.png" sizes="76x76">
	<!-- retina iPhone pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon114.png" sizes="114x114">
	<!-- retina iPhone iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon120.png" sizes="120x120">
	<!-- retina iPad pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon144.png" sizes="144x144">
	<!-- retina iPad iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon152.png" sizes="152x152">
	<link rel="mask-icon" href="images/icon.svg" color="#333">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body ng-app="myApp" class="m ng-cloak" ng-controller="mainCtrl">
<div  class="container p0-1">
  <div class="center p1-0">
  	<img src="images/icon.svg" height="42px">
  	<h1 class="center fw200 xxl p0-1 m0">PPNote Composer</h1>
  	<a href="https://twitter.com/ThePepperola" target="_blank" class="fw200">by <span class="fw700">@ThePepperola</span></a>
  </div>
  	<div class="center">
  		<div ng-show="error.length > 0" class="msg msg-red">{{error}}</div>
		<textarea class="xm fw300 song" rows="3" cols="40" maxlength="117" data-ng-minLength="1" ng-model="song" spellcheck="false" placeholder="Type here your song to tweet" autofocus></textarea>
		<br>
		<div class="compp01 matchParent relative m-4-0">
			<div ng-show="song.length>0" class="progress-bar blueProgress" role="progressbar" aria-valuenow="{{song.length/117}}"
			  aria-valuemin="0" aria-valuemax="100" style="width:{{song.length*100/117}}%;">
			</div>
			<span class="nowrap absolute right top p04-0 m fw700 color">{{117 - song.length}}</span>
		</div>
		<hr class="transparent clear">
		<a class="btn btnGreen m" ng-click="playSong()">
			<span ng-show="buttonName > 0">Play <i class="material-icons" style="margin:-1px  0">&#xE037;</i></span>
			<span ng-show="buttonName == 0">Stop <i class="material-icons" style="margin:-1px  0">&#xE047;</i></span>
		</a>
		<a class="btn btnBlue m" href="https://twitter.com/intent/tweet?text={{song}}%20&hashtags=PPNote+@ThePepperola" target="_blank">Tweet this song</a>
	</div>
	<div class="xm">
		<hr class="transparent clear">
		<div class="g1 center">
			<h2 class="fw200 xm color">What is this?</h2>
			<p class="fw300 p0-1">The PPNote is a code created to write small short songs in Twitter to be played by an instrument.</p>
			<p class="xs">Please visit <a href="https://twitter.com/ThePepperola" target="_blank">@ThePepperola</a> for more info!</p>
			<img width="400" class="p1-0" src="images/what_is_this.gif">
		</div>
		<hr class="transparent clear big">
		<div class="g1 center">
			<h2 class="xm fw200 color">But wait! How it works?</h2>
			<p class="fw300">
			The idea behind the PPNote is to be able to write as short as possible to make a great song fit in the 140 characters limitation of Twitter. So we defined a series of letters and number to represent notes and times:
			</p>
		</div>
		<hr class="transparent clear big">
		<div class="g1">
			<ul>
			<li class="center">
				<h3 class="m0 xm">a, b, c, d, e, f, g</h3>
				<p>These are the notes being played.</p>
				<img width="300" src="images/how_it_works_notes.gif">
				<hr class="clear transparent big">
			</li>
			<li class="center">
				<h3 class="m0 xm">A, C, D, F, G</h3>
				<p>These are the # (half tone higher or sharp) version of the notes.</p>
				<img width="300" src="images/how_it_works_notes_sharp.gif">
				<hr class="clear transparent big">
			</li>
			<li class="center">
				<h3 class="m0 xm">_ (underscore)</h3>
				<p>The underscore is used to represent a silence (or a mute note).<br>It has the same time of the other notes.</p>
				<hr class="clear transparent big"><commit_msg>Correct some texts.<commit_after><html>
<head>
	<title>PPNote</title>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="edit-Type" edit="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="css/grid.min.css">
    <link rel="stylesheet" type="text/css" href="css/gui.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/fonts/material-icons.css">
	<link rel="shortcut" href="images/favicon.png">
	<!-- non-retina iPhone pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon57.png" sizes="57x57">
	<!-- non-retina iPad pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon72.png" sizes="72x72">
	<!-- non-retina iPad iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon76.png" sizes="76x76">
	<!-- retina iPhone pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon114.png" sizes="114x114">
	<!-- retina iPhone iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon120.png" sizes="120x120">
	<!-- retina iPad pre iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon144.png" sizes="144x144">
	<!-- retina iPad iOS 7 -->
	<link rel="apple-touch-icon" href="images/icon152.png" sizes="152x152">
	<link rel="mask-icon" href="images/icon.svg" color="#333">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body ng-app="myApp" class="m ng-cloak" ng-controller="mainCtrl">
<div  class="container p0-1">
  <div class="center p1-0">
  	<img src="images/icon.svg" height="42px">
  	<h1 class="center fw200 xxl p0-1 m0">PPNote Composer</h1>
  	<a href="https://twitter.com/ThePepperola" target="_blank" class="fw200">by <span class="fw700">@ThePepperola</span></a>
  </div>
  	<div class="center">
  		<div ng-show="error.length > 0" class="msg msg-red">{{error}}</div>
		<textarea class="xm fw300 song" rows="3" cols="40" maxlength="117" data-ng-minLength="1" ng-model="song" spellcheck="false" placeholder="Type here your song to tweet" autofocus></textarea>
		<br>
		<div class="compp01 matchParent relative m-4-0">
			<div ng-show="song.length>0" class="progress-bar blueProgress" role="progressbar" aria-valuenow="{{song.length/117}}"
			  aria-valuemin="0" aria-valuemax="100" style="width:{{song.length*100/117}}%;">
			</div>
			<span class="nowrap absolute right top p04-0 m fw700 color">{{117 - song.length}}</span>
		</div>
		<hr class="transparent clear">
		<a class="btn btnGreen m" ng-click="playSong()">
			<span ng-show="buttonName > 0">Play <i class="material-icons" style="margin:-1px  0">&#xE037;</i></span>
			<span ng-show="buttonName == 0">Stop <i class="material-icons" style="margin:-1px  0">&#xE047;</i></span>
		</a>
		<a class="btn btnBlue m" href="https://twitter.com/intent/tweet?text={{song}}%20&hashtags=PPNote+@ThePepperola" target="_blank">Tweet this song</a>
	</div>
	<div class="xm">
		<hr class="transparent clear">
		<div class="g1 center">
			<h2 class="fw200 xm color">What is this?</h2>
			<p class="fw300 p0-1">The PPNote is a code created to write small short songs in Twitter to be played by an instrument.</p>
			<p class="xs">Please visit <a href="https://twitter.com/ThePepperola" target="_blank">@ThePepperola</a> for more info!</p>
			<img width="400" class="p1-0" src="images/what_is_this.gif">
		</div>
		<hr class="transparent clear big">
		<div class="g1 center">
			<h2 class="xm fw200 color">But wait! How does it work?</h2>
			<p class="fw300">
			The idea behind the PPNote is to be able to write as short as possible to make a great song fit in the 140 characters limitation of Twitter. So we defined a series of letters and number to represent notes and times:
			</p>
		</div>
		<hr class="transparent clear big">
		<div class="g1">
			<ul>
			<li class="center">
				<h3 class="m0 xm">a, b, c, d, e, f, g</h3>
				<p>These are the notes being played.</p>
				<img width="300" src="images/how_it_works_notes.gif">
				<hr class="clear transparent big">
			</li>
			<li class="center">
				<h3 class="m0 xm">A, C, D, F, G</h3>
				<p>These are the # (half tone higher or sharp) version of the notes.</p>
				<img width="300" src="images/how_it_works_notes_sharp.gif">
				<hr class="clear transparent big">
			</li>
			<li class="center">
				<h3 class="m0 xm">_ (underscore)</h3>
				<p>The underscore is used to represent a silence (or a mute note).<br>It has the same time of the other notes.</p>
				<hr class="clear transparent big">
{'fraction_non_alphanumeric': 0.1910508329773601, 'fraction_numerical': 0.039513028620247755, 'mean_word_length': 4.473407364114553, 'pattern_counts': {'":': 0, '<': 231, '<?xml version=': 0, '>': 237, 'https://': 6, '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': '700255', 'n_tokens_mistral': 3766, 'n_tokens_neox': 3346, 'n_words': 846}