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

		<style type="text/css">
			#timeline {
				width: 580px;				
			}
			#timeline #post {
				background-color: #eee;
				padding: 10px;
				border: 1px solid black;
				border-radius: 10px;
				margin-bottom: 10px;				
				float: left;
				
				<!-- -->
			}
			
			
			#postagem {
				width: 100%;
                height: auto;
                float: left;
                text-align: justify;
			}			
	
			#infopost {
				width: 100%;
                height: auto;
                float: left;
                text-align: justify;
				margin-bottom: 10px;				
				
			}
			.avatar{
				width: 20%;
				height: 100px;
                float: left;
			}
			.info{
				width: 75%;
                height: auto;
                float: left;
                margin-top: 35px;
			}
			
		</style>
	</head>

	<body>
		<div id="timeline">
			<div id="post">
				<div id="infopost">
					<div class="avatar">
						<div>
							<img src="usuario.jpg" width="100px" height="100px;" style="border-radius: 50%;" />
						</div>
					</div>
					<div class="info">
						<div>
							(NOME)<br />
							(HOR&Aacute;RIO/LOCALIZA&Ccedil;&Atilde;O) <br />
							(PATROCINADO?)
						</div>
					</div>					
				</div>
				<div id="postagem">
					<i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet vulputate erat. Donec commodo, elit et dapibus efficitur, est massa porta quam, quis convallis purus justo ut tortor. In dictum nunc dui, ut pharetra lectus luctus quis. Maecenas neque urna, pharetra ac consequat a, ullamcorper in risus. Nulla facilisi. Duis volutpat eros in volutpat condimentum. Quisque finibus quam non sollicitudin lacinia. </i> 
				</div>
				<div id="barralike>" 
					<b>sdasda</b>
				</div>
				
				<!-- inserir barra de likes(UP) e comentários -->
			
				
			</div>
			

		</div>
	</body>
</html><commit_msg>Barra de reação completa<commit_after><!DOCTYPE html>
<html>
	<head>
		<title>Post</title>

		<style type="text/css">
			#timeline {
				width: 580px;				
			}
			#timeline #post {
				background-color: #eee;
				padding: 10px;
				border: 1px solid black;
				border-radius: 10px;
				margin-bottom: 10px;				
				float: left;
				
				<!-- -->
			}
			
			#reacao {
				width: 70%;
				height: 25px;
				float: left;
				border: 1px solid black;
				border-radius: 10px;
				margin-bottom: 10px;
				
			}
			
			#up {
				float: left;
				padding : 5px;
				
			}
			
			#comentario {
				width: 70%;
				height: 25px;
				float: left;
				border: 1px solid black;
				border-radius: 10px;
				margin-bottom: 10px;
			}
			
			#postagem {
				width: 100%;
                height: auto;
                float: left;
                text-align: justify;
			}			
	
			#infopost {
				width: 100%;
                height: auto;
                float: left;
                text-align: justify;
				margin-bottom: 10px;				
				
			}
			.avatar{
				width: 20%;
				height: 100px;
                float: left;
			}
			.info{
				width: 75%;
                height: auto;
                float: left;
                margin-top: 35px;
			}
			
		</style>
	</head>

	<body>
		<div id="timeline">
			<div id="post">
				<div id="infopost">
					<div class="avatar">
						<div>
							<img src="usuario.jpg" width="100px" height="100px;" style="border-radius: 50%;" />
						</div>
					</div>
					<div class="info">
						<div>
							(NOME)<br />
							(HOR&Aacute;RIO/LOCALIZA&Ccedil;&Atilde;O) <br />
							(PATROCINADO?)
						</div>
					</div>					
				</div>
				<div id="postagem">
					<i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet vulputate erat. Donec commodo, elit et dapibus efficitur, est massa porta quam, quis convallis purus justo ut tortor. In dictum nunc dui, ut pharetra lectus luctus quis. Maecenas neque urna, pharetra ac consequat a, ullamcorper in risus. Nulla facilisi. Duis volutpat eros in volutpat condimentum. Quisque finibus quam non sollicitudin lacinia. </i> 
				</div>
								
				<div id="reacao"> 
					
					<input name="up" type="image" id="up" src="imagem/up.png" id="imagem" width="15px" height="15px;" alt="icone up" > <!-- Imagem como botão-->
					Tony e 22 pessoas deram <i> UP </i>
				</div>
				
				<!-- comentários -->
				
				<div id="comentario"> 
					
					
					asdaksdasfasfasfas <i> italico </i>
				</div>
				<!-- inserir barra de likes(UP) e comentários -->
				
				
			
				
			</div>
			

		</div>
	</body>
</html>
{'fraction_non_alphanumeric': 0.13670494699646643, 'fraction_numerical': 0.020980565371024735, 'mean_word_length': 1.7905113986444856, 'pattern_counts': {'":': 0, '<': 86, '<?xml version=': 0, '>': 86, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '227778', 'n_tokens_mistral': 2304, 'n_tokens_neox': 1631, 'n_words': 411}