<commit_before><!DOCTYPE html>
<html>
   <head>
      <title>FlySafely</title>

	  <meta name="viewport" content="width=device-width, initial-scale=1">
	  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
      <link rel="stylesheet" href="css/materialize.min.css">
      <link rel="stylesheet" href="css/micss.css">

      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="js/materialize.min.js"></script>

   </head>
   <body style="margin:0; margin-bottom:30px; padding=0">
	 
	 <!-- HEADER -->
     <div class="up">
     <div class="container">
        <div class="#eeeeee grey lighten-3">
          <div class="row">
            <div class="col s12">
            <img class="responsive-img" src="LogoHCI.png" width="110px" style="position:relative; right:155px; bottom:7px">
            </div>
          </div>
        </div>
     </div>     
     </div>

     <div class="card-panel teal lighten-2"> </div>

     <div class="container">
          <div class="#eeeeee grey lighten-3" style="height:50px"></div>
     </div>    

     <div class="margen" style="position:relative; top:20px" >             

        <div class="row" style="display:flex; align-items: center; justify-content:center">       
          <div class="col s2.5 m2.5 l2.5">
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:4.4vw; padding-right:4.4vw; bottom:8.5vh" href="1-home.html">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text material-icons tiny left" style="position:relative; bottom:2px; font-size:1.5vw; margin:0">
                     home</i>HOME</text></a>
          </div>
          <div class="col s2.5 m2.5 l2.5">           
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:2.8vw; padding-right:2.8vw; bottom:8.5vh" href="http://www.tutorialspoint.com">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text fa fa-dollar tiny left" style="position:relative; left:5px; font-size:1.5vw; margin:0"> 
                    </i>DISCOUNTS</text></a>
          </div>
          <div class="col s2.5 m2.5 l2.5">           
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:3.5vw; padding-right:3.5vw; bottom:8.5vh" href="3-reviews.html">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text fa fa-pencil-square-o tiny left" style="position:relative; top:2px; font-size:1.5vw;margin:0">
                    </i>REVIEWS</text></a>
          </div>
          <div class="col s2.5 m2.5 l2.5">           
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:2.5vw; padding-right:2.5vw; bottom:8.5vh" href="4-ContactUs.html">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text material-icons tiny left" style="font-size:1.5vw; margin:0">
                    email</i>CONTACT US</text></a>
          </div> 
        </div>
                          
      </div>

        <!-- SELECCIONADOR -->
        <div class="container">
	         <ul class="tabs grey lighten-3" style="bottom:25px">
	            <li class="tab col s3"><a class="active black-text" href="#searchreview" style="font-size:12px">Search for flight reviews</a></li>
	            <li class="tab col s3"><a class="black-text lighten-2" href="#makereview" style="font-size:12px">
	            Make your review<i class="material-icons small right" title="Choose and click one of these options. The first one let you search flight reviews and the other let you make flight reviews.">live_help</i></a></li> 
	         </ul>
        </div>

        <!-- OPCION SEARCH-REVIEW -->
        <div class="container" id="searchreview">
	        <div class="row center">
	            <form class="col l10 center offset-l1" style="padding:0" id="search1">             
               	  <div class="input-field col s3 m3 l3 offset-l1" style="margin-top:5vh;">
                     <input id="airlane" type="text" placeholder="Write the airline alias here" class="autocomplete">
                     <label for="airlane" class="black-text" style="font-size:16px">Airline</label>
                  </div>
                  <div class="input-field col s3 m3 l3 offset-s1 offset-l1" style="margin-top:5vh">
                     <input id="flightNumber" type="text" placeholder="Write the flight number here" class="autocomplete">
                     <label for="flightNumber" class="black-text" style="font-size:16px">Flight number</label>
                  </div>
                  <div class="col s3 m3 l3 valign" style="position:relative; bottom:10px;">
                     <br/>
                     	<br/>
                           <a class="btn waves-effect waves-light teal-lighten-2 right" type="submit" name="action">Search</a>
                     <br/>
                  </div>              
	            </form>
	        </div>         
        </div>

        <!-- OPCION MAKE-REVIEW -->
        <div class="container" id="makereview" style="margin-bottom:30px">
	        <div class="row" id="search1" style="margin-bottom:30px">
	            <form class="col s12" style="margin-top:3.0vh; margin-bottom:30px">
	               <div class="row">
	               	  <div class="input-field col s6 m4 l3">
	                     <input id="airlane" type="text" placeholder="Write the airline alias here" class="validate">
	                     <label for="airlane" class="black-text" style="font-size:16px">Airline</label>
	                  </div>
	                  <div class="input-field col s6 m4 l3 offset-s1 offset-l1">
	                     <input id="flightNumber" type="text" placeholder="Write the flight number here" class="validate">
	                     <label for="flightNumber" class="black-text" style="font-size:16px">Flight number</label>
	                  </div>
	               </div>
	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Friendliness</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>
 				   <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Food</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Punctuality</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Frequent flyer program</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Confort</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Price-Quality relation</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh; margin-bottom:0">
	               		<div class="col s6 m4 l3">
	               			<text class="black-text" style="font-size:20px">General Review</text>
	               		</div>
	               </div>

	                <div class="row" style="margin-top:2.0vh; margin-bottom:5.5vh; padding-bottom:0">
	               		<div class="input-field col s12 m12 l12">
	               			<text class="black-text">Would you recommend it to a friend?
		               			<p style="margin:0; padding:0">
			                     <input id="yes" type="radio" name="recommendation" value="yes" checked>
			                     <label for="yes">Yes</label>

			                     <input id="no" type="radio" name="recommendation" value="no" style="position:relative; margin-left:10px">
			                     <label for="no">No</label>
			                   </p></text>
	               		</div>
	               </div>
	               <form method="post" style="margin-top:400px">
						<div>
							<text class="black-text"> Comment: </text>
							<textarea name="comments" class="left" d="comments" style="font-size:1.2em"></textarea>
						</div>
						<a class="btn waves-effect waves-light teal-lighten-2 left" style="position:relative; top:15px" 
						type="submit" name="action">SUBMIT<i class="white-text material-icons tiny right" style="font-size:1vw; margin:0; margin-left:5px">send</i></a>
					</form>
	            </form>
	        </div>
        </div>
   </body>
</html><commit_msg>comment box size changed and others, todo: star-rating..<commit_after><!DOCTYPE html>
<html>
   <head>
      <title>FlySafely</title>

	  <meta name="viewport" content="width=device-width, initial-scale=1">
	  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
      <link rel="stylesheet" href="css/materialize.min.css">
      <link rel="stylesheet" href="css/micss.css">

      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="js/materialize.min.js"></script>

   </head>
   <body style="margin:0; margin-bottom:30px; padding=0">
	 
	 <!-- HEADER -->
     <div class="up">
     <div class="container">
        <div class="#eeeeee grey lighten-3">
          <div class="row">
            <div class="col s12">
            <img class="responsive-img" src="LogoHCI.png" width="110px" style="position:relative; right:155px; bottom:7px">
            </div>
          </div>
        </div>
     </div>     
     </div>

     <div class="card-panel teal lighten-2"> </div>

     <div class="container">
          <div class="#eeeeee grey lighten-3" style="height:50px"></div>
     </div>    

     <div class="margen" style="position:relative; top:20px" >             

        <div class="row" style="display:flex; align-items: center; justify-content:center">       
          <div class="col s2.5 m2.5 l2.5">
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:4.4vw; padding-right:4.4vw; bottom:8.5vh" href="1-home.html">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text material-icons tiny left" style="position:relative; bottom:2px; font-size:1.5vw; margin:0">
                     home</i>HOME</text></a>
          </div>
          <div class="col s2.5 m2.5 l2.5">           
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:2.8vw; padding-right:2.8vw; bottom:8.5vh" href="http://www.tutorialspoint.com">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text fa fa-dollar tiny left" style="position:relative; left:5px; font-size:1.5vw; margin:0"> 
                    </i>DISCOUNTS</text></a>
          </div>
          <div class="col s2.5 m2.5 l2.5">           
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:3.5vw; padding-right:3.5vw; bottom:8.5vh" href="3-reviews.html">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text fa fa-pencil-square-o tiny left" style="position:relative; top:2px; font-size:1.5vw;margin:0">
                    </i>REVIEWS</text></a>
          </div>
          <div class="col s2.5 m2.5 l2.5">           
              <a class="btn waves-effect grey lighten-3" style="margin:0; height:6.0vh; width:14.0vw; padding-left:2.5vw; padding-right:2.5vw; bottom:8.5vh" href="4-ContactUs.html">
                  <text class="black-text" style="font-size:1.0vw"> 
                    <i class="black-text material-icons tiny left" style="font-size:1.5vw; margin:0">
                    email</i>CONTACT US</text></a>
          </div> 
        </div>
                          
      </div>

        <!-- SELECCIONADOR -->
        <div class="container">
	         <ul class="tabs grey lighten-3" style="bottom:25px">
	            <li class="tab col s3"><a class="active black-text" href="#searchreview" style="font-size:12px">Search for flight reviews</a></li>
	            <li class="tab col s3"><a class="black-text lighten-2" href="#makereview" style="font-size:12px">
	            Make your review<i class="material-icons small right" title="Choose and click one of these options. The first one let you search flight reviews and the other let you make flight reviews.">live_help</i></a></li> 
	         </ul>
        </div>

        <!-- OPCION SEARCH-REVIEW -->
        <div class="container" id="searchreview">
	        <div class="row center">
	            <form class="col l10 center offset-l1" style="padding:0" id="search1">             
               	  <div class="input-field col s3 m3 l3 offset-l1" style="margin-top:5vh;">
                     <input id="airlane" type="text" placeholder="Write the airline alias here" class="autocomplete">
                     <label for="airlane" class="black-text" style="font-size:16px">Airline</label>
                  </div>
                  <div class="input-field col s3 m3 l3 offset-s1 offset-l1" style="margin-top:5vh">
                     <input id="flightNumber" type="text" placeholder="Write the flight number here" class="autocomplete">
                     <label for="flightNumber" class="black-text" style="font-size:16px">Flight number</label>
                  </div>
                  <div class="col s3 m3 l3 valign" style="position:relative; bottom:10px;">
                     <br/>
                     	<br/>
                           <a class="btn waves-effect waves-light teal-lighten-2 right" type="submit" name="action">Search</a>
                     <br/>
                  </div>              
	            </form>
	        </div>         
        </div>

        <!-- OPCION MAKE-REVIEW -->
        <div class="container" id="makereview" style="margin-bottom:30px">
	        <div class="row" id="search1" style="margin-bottom:30px; height:690px">
	            <form class="col s12" style="margin-top:3.0vh; margin-bottom:30px">
	               <div class="row" style="margin-bottom:0">
	               	  <div class="input-field col s6 m4 l3">
	                     <input id="airlane" type="text" placeholder="Write the airline alias here" class="validate">
	                     <label for="airlane" class="black-text" style="font-size:16px">Airline</label>
	                  </div>
	                  <div class="input-field col s6 m4 l3 offset-s1 offset-l1">
	                     <input id="flightNumber" type="text" placeholder="Write the flight number here" class="validate">
	                     <label for="flightNumber" class="black-text" style="font-size:16px">Flight number</label>
	                  </div>
	               </div>
	                <div class="row">
	               		<div class="col s6 m4 l3">
		               		<p class="black-text" style="font-size:16px">Fields to rate:</p>
		               	</div>
	               </div>
	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Friendliness</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>
 				   <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Food</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Punctuality</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Frequent flyer program</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Confort</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh">
	               		<div class="col s6 m4 l3">
		               		<text class="black-text">Price-Quality relation</text>
		               		<rating class="rating" style="position:absolute; left:40vw"><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span><span>&#9734</span>
		               		<span>&#9734</span><span>&#9734</span></rating></rating>
		               	</div>
	               </div>

	               <div class="row" style="margin-top:2.5vh; margin-bottom:0">
	               		<div class="col s6 m4 l3">
	               			<text class="black-text" style="font-size:20px">General Review</text>
	               		</div>
	               </div>

	                <div class="row" style="margin-top:1.0vh; padding-bottom:0">
	               		<div class="input-field col s12 m12 l12">
	               			<text class="black-text">Would you recommend it to a friend?
		               			<p style="margin:0; padding:0">
			                     <input id="yes" type="radio" name="recommendation" value="yes" checked>
			                     <label for="yes">Yes</label>

			                     <input id="no" type="radio" name="recommendation" value="no" style="position:relative; margin-left:10px">
			                     <label for="no">No</label>
			                   </p></text>
	               		</div>
	               </div>
	               <div class="container left" style="position:relative; top:15px">
		               <text class="black-text"> Comment: </text>
		               <form method="post">
							<div>
								<textarea name="comments" class="left" d="comments" style="font-size:14px; width:500px;"></textarea>
							</div>
							<a class="btn waves-effect waves-light teal-lighten-2 left" style="position:relative; top:15px" 
							type="submit" name="action">SUBMIT<i class="white-text material-icons tiny right" style="font-size:1vw; margin:0; margin-left:5px">send</i></a>
						</form>
	            	</div>
	            </form>
	        </div>
        </di
        v>
   </body>
</html>
{'fraction_non_alphanumeric': 0.17642398098424156, 'fraction_numerical': 0.04476626463597148, 'mean_word_length': 2.0191362126245846, 'pattern_counts': {'":': 0, '<': 683, '<?xml version=': 0, '>': 683, 'https://': 6, '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': '452379', 'n_tokens_mistral': 8126, 'n_tokens_neox': 7101, 'n_words': 1256}