<commit_before>﻿<!DOCTYPE html>
<html lang="fr">
<head>
	<title>Site de Victorien et Sacha</title>
	<meta charset="utf-8" />
	<link rel="stylsheet" href="style.css" />
	<title>Site de Sacha et Victorien</title>
	<style type="text/css">	

	body {
		background-color: #dfdfdf
		}

	.menu{
		display: table;
		width: 650px;
		padding: 0;
	}
	.menu li{
		display: table-cell;
	}       

	.menu{
	   
		background: linear-gradient(deepskyblue, dodgerblue);
	}

	.menu{
		background: -webkit-linear-gradient(deepskyblue, dodgerblue);
		background:    -moz-linear-gradient(deepskyblue, dodgerblue);
		background:     -ms-linear-gradient(deepskyblue, dodgerblue);
		background:      -o-linear-gradient(deepskyblue, dodgerblue);
		background:         linear-gradient(deepskyblue, dodgerblue);
	}
	.menu{
		background: dodgerblue;
	}
	.menu{
		border-radius: 3px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
					0 3px 5px rgba(0, 0, 0, .2),
					0 5px 10px rgba(0, 0, 0, .2),
					0 20px 20px rgba(0, 0, 0, .15);
	}
	.menu li a{
		display: block;
		text-align: center;
		color: rgba(0, 0, 0, .7); 
		text-decoration: none;
		padding: 8px 8px 17px 8px;
	}
	.menu li a{
		
		text-shadow: 0 2px 0 rgba(255, 255, 255, .4);
	}
	.menu li a{

		box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
					0 -1px 0 hsl(210, 100%, 32%) inset, 
					0 -2px 0 hsl(210, 100%, 38%) inset, 
					0 -3px 0 hsl(210, 100%, 44%) inset, 
					0 -4px 0 hsl(210, 100%, 50%) inset, 
					0 -5px 0 hsl(210, 100%, 60%) inset;
	}
	.menu li:first-child a{
		border-radius: 3px 0 0 3px;
	}
	.menu li:last-child a{
		border-radius: 0 3px 3px 0;
	}
	.menu li a:hover, 
	.menu li a:focus{
		background: rgba(255,255,255,.2);
		box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
					0 -1px 0 hsl(210, 100%, 42%) inset, 
					0 -2px 0 hsl(210, 100%, 48%) inset, 
					0 -3px 0 hsl(210, 100%, 54%) inset, 
					0 -4px 0 hsl(210, 100%, 60%) inset, 
					0 -5px 0 hsl(210, 100%, 70%) inset; 
	} 
	.menu li a:active{
		background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1)); 
		box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
	}
	.menu li a:hover,
	.menu li a:focus{
		padding: 8px 25px 17px 25px;
	}
	.menu li a{
		
		position: relative;
	}
	.menu li a::before{
		content: '';
		position: absolute;
		left: 50%;
		bottom: 9px;
		margin-left: -2px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: rgba(0, 0, 0, .5);
	}
	.menu li a:hover::before,
	.menu li a:focus::before{
		background: white;
		box-shadow: 0 0 2px white, 
					0 -1px 0 rgba(0, 0, 0, .4);
	}
	</style>
</head>
<body>
<div>
	<center>
	<ul class="menu">
		<li><a href="page2.html">CROSSY BRICK</a></li>  
		<li><a href="graphique.html">Interface graphique</a></li>
		<li><a href="brique.html">Déplacements des briques</a></li>
		<li><a href="perso.html">Le personnage</a></li>
    </ul>
	</center>
	<p align="center"><font color="blue"><font size=6><b><big>CROSSY BRICK</big></b></font></font></p>
</div>
	<!-- Text -->
		<p>
			<font size="4" face="Comic Sans MS" color="firebrick" >
			<ul>
				<li style="margin-top:20px; margin-left:180px;">Ceci est un modeste site qui présente le projet CROSSY BRICK crée par <NAME> et <NAME>...</li>
			</ul>
			</font>
		</p>
			

		<img alt="" src="photobac/jeubac.jpg"  style="border-style:solid; border-width:2px;  height:500px; width:500px; margin-top:-10px; margin-left:375px;" />

</body>
</html>
<commit_msg>Changement title<commit_after>﻿<!DOCTYPE html>
<html lang="fr">
<head>
	<title>Bonjour c'est Colin</title>
	<meta charset="utf-8" />
	<link rel="stylsheet" href="style.css" />
	<title>Site de Sacha et Victorien</title>
	<style type="text/css">	

	body {
		background-color: #dfdfdf
		}

	.menu{
		display: table;
		width: 650px;
		padding: 0;
	}
	.menu li{
		display: table-cell;
	}       

	.menu{
	   
		background: linear-gradient(deepskyblue, dodgerblue);
	}

	.menu{
		background: -webkit-linear-gradient(deepskyblue, dodgerblue);
		background:    -moz-linear-gradient(deepskyblue, dodgerblue);
		background:     -ms-linear-gradient(deepskyblue, dodgerblue);
		background:      -o-linear-gradient(deepskyblue, dodgerblue);
		background:         linear-gradient(deepskyblue, dodgerblue);
	}
	.menu{
		background: dodgerblue;
	}
	.menu{
		border-radius: 3px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
					0 3px 5px rgba(0, 0, 0, .2),
					0 5px 10px rgba(0, 0, 0, .2),
					0 20px 20px rgba(0, 0, 0, .15);
	}
	.menu li a{
		display: block;
		text-align: center;
		color: rgba(0, 0, 0, .7); 
		text-decoration: none;
		padding: 8px 8px 17px 8px;
	}
	.menu li a{
		
		text-shadow: 0 2px 0 rgba(255, 255, 255, .4);
	}
	.menu li a{

		box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
					0 -1px 0 hsl(210, 100%, 32%) inset, 
					0 -2px 0 hsl(210, 100%, 38%) inset, 
					0 -3px 0 hsl(210, 100%, 44%) inset, 
					0 -4px 0 hsl(210, 100%, 50%) inset, 
					0 -5px 0 hsl(210, 100%, 60%) inset;
	}
	.menu li:first-child a{
		border-radius: 3px 0 0 3px;
	}
	.menu li:last-child a{
		border-radius: 0 3px 3px 0;
	}
	.menu li a:hover, 
	.menu li a:focus{
		background: rgba(255,255,255,.2);
		box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
					0 -1px 0 hsl(210, 100%, 42%) inset, 
					0 -2px 0 hsl(210, 100%, 48%) inset, 
					0 -3px 0 hsl(210, 100%, 54%) inset, 
					0 -4px 0 hsl(210, 100%, 60%) inset, 
					0 -5px 0 hsl(210, 100%, 70%) inset; 
	} 
	.menu li a:active{
		background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1)); 
		box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
	}
	.menu li a:hover,
	.menu li a:focus{
		padding: 8px 25px 17px 25px;
	}
	.menu li a{
		
		position: relative;
	}
	.menu li a::before{
		content: '';
		position: absolute;
		left: 50%;
		bottom: 9px;
		margin-left: -2px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: rgba(0, 0, 0, .5);
	}
	.menu li a:hover::before,
	.menu li a:focus::before{
		background: white;
		box-shadow: 0 0 2px white, 
					0 -1px 0 rgba(0, 0, 0, .4);
	}
	</style>
</head>
<body>
<div>
	<center>
	<ul class="menu">
		<li><a href="page2.html">CROSSY BRICK</a></li>  
		<li><a href="graphique.html">Interface graphique</a></li>
		<li><a href="brique.html">Déplacements des briques</a></li>
		<li><a href="perso.html">Le personnage</a></li>
    </ul>
	</center>
	<p align="center"><font color="blue"><font size=6><b><big>CROSSY BRICK</big></b></font></font></p>
</div>
	<!-- Text -->
		<p>
			<font size="4" face="Comic Sans MS" color="firebrick" >
			<ul>
				<li style="margin-top:20px; margin-left:180px;">Ceci est un modeste site qui présente le projet CROSSY BRICK crée par <NAME> et <NAME>...</li>
			</ul>
			</font>
		</p>
			

		<img alt="" src="photobac/jeubac.jpg"  style="border-style:solid; border-width:2px;  height:500px; width:500px; margin-top:-10px; margin-left:375px;" />

</body>
</html>

{'fraction_non_alphanumeric': 0.17914893617021277, 'fraction_numerical': 0.07886524822695036, 'mean_word_length': 2.6233299075025696, 'pattern_counts': {'":': 0, '<': 121, '<?xml version=': 0, '>': 121, 'https://': 0, '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': '5119058', 'n_tokens_mistral': 3677, 'n_tokens_neox': 2901, 'n_words': 749}