<commit_before>
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>CV de Pierre</title>
    <!-- Pierre -->
    <!-- /*<script src="http://code.jquery.com/jquery-latest.js"></script>*/ -->
    <script src="js/jquery.js"></script>
    <script src="js/leaflet.js"></script>
    <script src="js/wax.leaf.min.js"></script>
    <link rel="icon" type="image/png" href="favicon.png" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
    <link href="css/my.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/leaflet.css" rel="stylesheet">

    </head>
    <body>
    <div class="container">
        <div class ="entete">
            <div class ="entete2">
                <div class="sp10">Pierre</div>
                <div class="sp11">Lorioux</div>
            </div>
            <div class ="entete3">
                <div class="sp12">27 ans ~ Né le 27 février<br>
                    10 RUE DU CHEVAL ROUGE 45000 ORLEANS</div>
                <div class="sp13">06 22 79 73 71 <br>
                    <EMAIL></div>
                 
            </div>
            <div class="photo"><img src="img/photo.png" width="250" height="250" alt="Photo" /> </div>
        </div>
        <div class = "bandeau">
            <div class = "bandeau2">
                <div class = "sp14">recherche d'emploi</div>
                <div class = "sp15">GEOMATIQUE - WEBMAPPING</div>
            </div>
        </div>
        <!-- LA CARTE-->
        <div id="mapbox" name="map" ></div>
        <!-- <div id="mapbox" name="map" style="width: 800px;
        height: 570px;top:0px;"></div> -->

<!-- /*        <script>
        function goToByScroll(id){
                $('html,body').animate({scrollTop: $("."+id).offset().top},'slow');
        }
        </script>*/ -->

        <script type="text/javascript">
        //bounds = new L.LatLngBounds(new L.LatLng(47.9, 1.9115), new L.LatLng(47.9065, 1.9115));
        var southWest = new L.LatLng(47.89848, 1.89042);
        var northEast = new L.LatLng(47.91476, 1.92892);
        //var northEast = new L.LatLng(47.91634, .093282);  
        var restrictBounds = new L.LatLngBounds(southWest, northEast);
        //var mapOptions = { 
        //zoomcontrol : false,
        //center: new L.LatLng(47.9065, 1.9185),
        //zoom: 15, 
         //}; 
        //var map = new L.Map('map', mapOptions); 
        // Define the map to use from MapBox
        // This is the TileJSON endpoint copied from the embed button on your map
        var url = 'http://a.tiles.mapbox.com/v3/pierre.map.jsonp';

        // Make a new Leaflet map in your container div
        //var map = new L.Map('mapbox', mapOptions);  // container's id="mapbox"
        var map = new L.Map('mapbox',{zoomControl : false})  // container's id="mapbox"
        
        // Center the map 
        .setView(new L.LatLng(47.9065, 1.9095), 15);
        

        // Get metadata about the map from MapBox
        wax.tilejson(url, function(tilejson) {
            // Add MapBox Streets as a base layer
            map.addLayer(new wax.leaf.connector(tilejson));
        });
		//TODO FIX THE MAX BOUND 
		//map.options.maxBounds = restrictBounds;
        </script>

        <script type="text/javascript">
        
        /////////////////////////////////////////////////////////////////////////////////////
        
        var LeafIcon = L.Icon.extend({
        iconUrl: 'img/ecole-01.png',
        iconSize: new L.Point(49, 50),
        //shadowSize: new L.Point(68, 95),
        //iconAnchor: new L.Point(22, 94),
        //popupAnchor: new L.Point(-3, -76)
        });
        
        var ecolicon = new LeafIcon('img/ecole-01.png'),
        marker = new L.Marker(new L.LatLng(47.91137, 1.90235), {icon: ecolicon});
        //var marker1 = new L.Marker(new L.LatLng(51.5, -0.09), {icon: greenIcon}),
        //var marker = new L.Marker(new L.LatLng(47.9065, 1.9115));
        marker.bindPopup("<p class='bulle'>2005 : Baccalauréat Economique et Social - <NAME> - Toucy (89)</p>");
        map.addLayer(marker);
        
        /////////////////////////////////////////////////////////////////////////////////////////
        
        var LeafIcon2 = L.Icon.extend({
        iconUrl: 'img/ecole-02.png',
        iconSize: new L.Point(49, 50),
        //shadowSize: new L.Point(68, 95),
        //iconAnchor: new L.Point(22, 94),
        //popupAnchor: new L.Point(-3, -76)
        });
        
        var ecolicon2 = new LeafIcon2(),
        marker2 = new L.Marker(new L.LatLng(47.90866, 1.90969), {icon: ecolicon2});
        //var marker1 = new L.Marker(new L.LatLng(51.5, -0.09), {icon: greenIcon}),
        //var marker = new L.Marker(new L.LatLng(47.9065, 1.9115));
        marker2.bindPopup("<p class='bulle'>2009-2010 : Master 1 Recherche Géographie - Université Bordeaux 3</p><p class='bulle'>2005-2009 : Licence Géographie et Aménagement- Université Bordeaux 3</p>");
        map.addLayer(marker2);
        
        //////////////////////////////////////////////////////////////////////////////////////////
        
        var LeafIcon3 = L.Icon.extend({
        iconUrl: 'img/ecole-03.png',
        iconSize: new L.Point(49, 50),
        //shadowSize: new L.Point(68, 95),
        //iconAnchor: new L.Point(22, 94),
        //popupAnchor: new L.Point(-3, -76)
        });
        
        var ecolicon3 = new LeafIcon3(),
        marker3 = new L.Marker(new L.LatLng(47.90538, 1.91853), {icon: ecolicon3});
        //var marker1 = new L.Marker(new L.LatLng(51.5, -0.09), {icon: greenIcon}),
        //var marker = new L.Marker(new L.LatLng(47.9065, 1.9115));
        marker3.bindPopup("<p class='bulle'>2011-2012 : Master 2 SIG & Gestion du territoire - Université d'Orléans</p><p class='bulle'>2010-2011 : Master 1 GeoGram - Université d'Orléans<br><br><a href='#Obs' id='idlien' style='text-align: right '>+ de détails</a></p>").on('click', function (e) { 
            $('.divUniv').remove();
            $('#mapbox').next('.divUniv').remove();
            $('#mapbox').after($('<div />').addClass('divUniv'));
            $('.divUniv')
            .html("<div class='titre'><div class='sp16'><img src='img/ecole-03.png' width='50' height='50' alt='l'Observatoire'/>Master 2 SIGGEST : <NAME></div><p class = 'trucs'> - Projet tutauré :<a href='http://remicarto.webou.net/' target=_blank> Paysage sonore d'Orléans</a></p><br></div>")
            //.prepend('<div class="close"></div>')
            //.addClass('close').text('Close')
            .css({height : 105, 'margin-right':150})
            .slideToggle()
            /*.fadeIn()*/
            $("#idlien").click(function () {
                 $('html,body').animate({scrollTop: $(".divUniv").offset().top},2000);
            });
        $('#subfoot').find('.close').remove();
        $('#subfoot')
        .append($('<a />').addClass('close'));

         $('#subfoot').find('.close').live('click', function(){
         $('html,body').animate({scrollTop: $(".entete").offset().top},1000);
         });
            });<commit_msg>added the path to local img<commit_after>
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>CV de Pierre</title>
    <!-- Pierre -->
    <!-- /*<script src="http://code.jquery.com/jquery-latest.js"></script>*/ -->
    <script src="js/jquery.js"></script>
    <script src="js/leaflet.js"></script>
    <script src="js/wax.leaf.min.js"></script>
    <link rel="icon" type="image/png" href="favicon.png" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
    <link href="css/my.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/leaflet.css" rel="stylesheet">

    </head>
    <body>
    <div class="container">
        <div class ="entete">
            <div class ="entete2">
                <div class="sp10">Pierre</div>
                <div class="sp11">Lorioux</div>
            </div>
            <div class ="entete3">
                <div class="sp12">27 ans ~ Né le 27 février<br>
                    10 RUE DU CHEVAL ROUGE 45000 ORLEANS</div>
                <div class="sp13">06 22 79 73 71 <br>
                    <EMAIL></div>
                 
            </div>
            <div class="photo"><img src="img/photo.png" width="250" height="250" alt="Photo" /> </div>
        </div>
        <div class = "bandeau">
            <div class = "bandeau2">
                <div class = "sp14">recherche d'emploi</div>
                <div class = "sp15">GEOMATIQUE - WEBMAPPING</div>
            </div>
        </div>
        <!-- LA CARTE-->
        <div id="mapbox" name="map" ></div>
        <!-- <div id="mapbox" name="map" style="width: 800px;
        height: 570px;top:0px;"></div> -->

<!-- /*        <script>
        function goToByScroll(id){
                $('html,body').animate({scrollTop: $("."+id).offset().top},'slow');
        }
        </script>*/ -->

        <script type="text/javascript">
        //bounds = new L.LatLngBounds(new L.LatLng(47.9, 1.9115), new L.LatLng(47.9065, 1.9115));
        var southWest = new L.LatLng(47.89848, 1.89042);
        var northEast = new L.LatLng(47.91476, 1.92892);
        //var northEast = new L.LatLng(47.91634, .093282);  
        var restrictBounds = new L.LatLngBounds(southWest, northEast);
        //var mapOptions = { 
        //zoomcontrol : false,
        //center: new L.LatLng(47.9065, 1.9185),
        //zoom: 15, 
         //}; 
        //var map = new L.Map('map', mapOptions); 
        // Define the map to use from MapBox
        // This is the TileJSON endpoint copied from the embed button on your map
        var url = 'http://a.tiles.mapbox.com/v3/pierre.map.jsonp';

        // Make a new Leaflet map in your container div
        //var map = new L.Map('mapbox', mapOptions);  // container's id="mapbox"
        var map = new L.Map('mapbox',{zoomControl : false})  // container's id="mapbox"
        
        // Center the map 
        .setView(new L.LatLng(47.9065, 1.9095), 15);
        

        // Get metadata about the map from MapBox
        wax.tilejson(url, function(tilejson) {
            // Add MapBox Streets as a base layer
            map.addLayer(new wax.leaf.connector(tilejson));
        });
		//TODO FIX THE MAX BOUND 
		//map.options.maxBounds = restrictBounds;
        </script>

        <script type="text/javascript">
        
        /////////////////////////////////////////////////////////////////////////////////////
        
        var LeafIcon = L.Icon.extend({
        iconUrl: 'img/ecole_01.png',
        iconSize: new L.Point(49, 50),
        //shadowSize: new L.Point(68, 95),
        //iconAnchor: new L.Point(22, 94),
        //popupAnchor: new L.Point(-3, -76)
        });
        
        var ecolicon = new LeafIcon('img/ecole_01.png'),
        marker = new L.Marker(new L.LatLng(47.91137, 1.90235), {icon: ecolicon});
        //var marker1 = new L.Marker(new L.LatLng(51.5, -0.09), {icon: greenIcon}),
        //var marker = new L.Marker(new L.LatLng(47.9065, 1.9115));
        marker.bindPopup("<p class='bulle'>2005 : Baccalauréat Economique et Social - <NAME> - Toucy (89)</p>");
        map.addLayer(marker);
        
        /////////////////////////////////////////////////////////////////////////////////////////
        
        var LeafIcon2 = L.Icon.extend({
        iconUrl: 'img/ecole_02.png',
        iconSize: new L.Point(49, 50),
        //shadowSize: new L.Point(68, 95),
        //iconAnchor: new L.Point(22, 94),
        //popupAnchor: new L.Point(-3, -76)
        });
        
        var ecolicon2 = new LeafIcon2(),
        marker2 = new L.Marker(new L.LatLng(47.90866, 1.90969), {icon: ecolicon2});
        //var marker1 = new L.Marker(new L.LatLng(51.5, -0.09), {icon: greenIcon}),
        //var marker = new L.Marker(new L.LatLng(47.9065, 1.9115));
        marker2.bindPopup("<p class='bulle'>2009-2010 : Master 1 Recherche Géographie - Université Bordeaux 3</p><p class='bulle'>2005-2009 : Licence Géographie et Aménagement- Université Bordeaux 3</p>");
        map.addLayer(marker2);
        
        //////////////////////////////////////////////////////////////////////////////////////////
        
        var LeafIcon3 = L.Icon.extend({
        iconUrl: 'img/ecole_03.png',
        iconSize: new L.Point(49, 50),
        //shadowSize: new L.Point(68, 95),
        //iconAnchor: new L.Point(22, 94),
        //popupAnchor: new L.Point(-3, -76)
        });
        
        var ecolicon3 = new LeafIcon3(),
        marker3 = new L.Marker(new L.LatLng(47.90538, 1.91853), {icon: ecolicon3});
        //var marker1 = new L.Marker(new L.LatLng(51.5, -0.09), {icon: greenIcon}),
        //var marker = new L.Marker(new L.LatLng(47.9065, 1.9115));
        marker3.bindPopup("<p class='bulle'>2011-2012 : Master 2 SIG & Gestion du territoire - Université d'Orléans</p><p class='bulle'>2010-2011 : Master 1 GeoGram - Université d'Orléans<br><br><a href='#Obs' id='idlien' style='text-align: right '>+ de détails</a></p>").on('click', function (e) { 
            $('.divUniv').remove();
            $('#mapbox').next('.divUniv').remove();
            $('#mapbox').after($('<div />').addClass('divUniv'));
            $('.divUniv')
            .html("<div class='titre'><div class='sp16'><img src='img/ecole_03.png' width='50' height='50' alt='l'Observatoire'/>Master 2 SIGGEST : Mention Bien</div><p class = 'trucs'> - Projet tutauré :<a href='http://remicarto.webou.net/' target=_blank> Paysage sonore d'Orléans</a></p><br></div>")
            //.prepend('<div class="close"></div>')
            //.addClass('close').text('Close')
            .css({height : 105, 'margin-right':150})
            .slideToggle()
            /*.fadeIn()*/
            $("#idlien").click(function () {
                 $('html,body').animate({scrollTop: $(".divUniv").offset().top},2000);
            });
        $('#subfoot').find('.close').remove();
        $('#subfoot')
        .append($('<a />').addClass('close'));

         $('#subfoot').find('.close').live('click', function(){
         $('html,body').animate({scrollTop: $(".entete").offset().top},1000);
         });
            });
{'fraction_non_alphanumeric': 0.21587800875273522, 'fraction_numerical': 0.050464989059080964, 'mean_word_length': 1.8994845360824741, 'pattern_counts': {'":': 0, '<': 192, '<?xml version=': 0, '>': 192, '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': '4840964', 'n_tokens_mistral': 5238, 'n_tokens_neox': 4723, 'n_words': 978}