<commit_before><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BeeHive Alpha</title>
<link rel="stylesheet" href="http://www.im.ntu.edu.tw/~b102020/imyourangel/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="./awesome-markers/leaflet.awesome-markers.css" type="text/css" />
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<style type="text/css">
  #map {
		position:absolute;
		top:0;
		bottom:0;
		width:100%;
	}
	.logo{
		position: absolute;
		top: 20px;
		left:20px;
		width: 250px;
		padding-left: 20px;
		z-index: 9999;
		background: #FFCD30;
		border-radius: 10px;
	}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="./awesome-markers/leaflet.awesome-markers.min.js"></script>
<script src="./jquery.parse.min.js"></script>
</head>
<body>
<div class="logo">
<h3><span style="color:white">Bee</span>Hive Alpha</h3>
</div>
	<div id="map"></div>
<script>

function timeConverter(UNIX_timestamp){
 var a = new Date(UNIX_timestamp*1000);
 var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
     var year = a.getFullYear();
     var month = months[a.getMonth()];
     var date = a.getDate();
     var hour = a.getHours();
     var min = a.getMinutes();
     var sec = a.getSeconds();
     var time = date+','+month+' '+year+' '+hour+':'+min+':'+sec ;
     return time;
 }

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map',{ zoomControl: false }).setView([25.0192013,121.5407913], 16);
// add zoom control to top right, since site logo is on topleft
new L.Control.Zoom({ position: 'topright' }).addTo(map);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
		attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add a marker in the given location, attach some popup content to it and open the popup
/*
L.marker([25.0263075,121.543846]).addTo(map)
		.bindPopup('請點選地圖上想要標記的點，然後填寫資料送出，其他人就可以及時看到喔～～～')
		.openPopup();
*/

$.ajax("data.csv")
  .done(function( data ) {
		var results = $.parse(data, {
    header: false,
    dynamicTyping: false,
    preview: 350,
    step: function(data, file, inputElem) {
        data.results.forEach(function(data){
					// gender: 0 boy 1 girl
					var text_color = ['cornflowerblue','hotpink'];
					var icons = ['male', 'female'];
					var marker_color = ['blue','red'];
//12 time
					var marker = new L.marker([data[15],data[16]], {icon: L.AwesomeMarkers.icon({icon: icons[data[6]], prefix: 'fa', markerColor: marker_color[data[6]]}) }).addTo(map)
					.bindPopup('<img src="avatar/' + data[7] + '">Name: <span style="color:' + text_color[data[6]] + '">' + data[5] + '</span><br>Birthday: ' + data[2] + '<br>BeeTalk ID: ' + data[4] + '<br>Status: ' + data[3] + '<br><br>Last Update: ' + timeConverter(data[12]))
					.openPopup();;

					console.log(data);
				});
    }
		});
  });
<commit_msg>disable autopopup<commit_after><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BeeHive Alpha</title>
<link rel="stylesheet" href="http://www.im.ntu.edu.tw/~b102020/imyourangel/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="./awesome-markers/leaflet.awesome-markers.css" type="text/css" />
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<style type="text/css">
  #map {
		position:absolute;
		top:0;
		bottom:0;
		width:100%;
	}
	.logo{
		position: absolute;
		top: 20px;
		left:20px;
		width: 250px;
		padding-left: 20px;
		z-index: 9999;
		background: #FFCD30;
		border-radius: 10px;
	}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="./awesome-markers/leaflet.awesome-markers.min.js"></script>
<script src="./jquery.parse.min.js"></script>
</head>
<body>
<div class="logo">
<h3><span style="color:white">Bee</span>Hive Alpha</h3>
</div>
	<div id="map"></div>
<script>

function timeConverter(UNIX_timestamp){
 var a = new Date(UNIX_timestamp*1000);
 var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
     var year = a.getFullYear();
     var month = months[a.getMonth()];
     var date = a.getDate();
     var hour = a.getHours();
     var min = a.getMinutes();
     var sec = a.getSeconds();
     var time = date+','+month+' '+year+' '+hour+':'+min+':'+sec ;
     return time;
 }

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map',{ zoomControl: false }).setView([25.0192013,121.5407913], 16);
// add zoom control to top right, since site logo is on topleft
new L.Control.Zoom({ position: 'topright' }).addTo(map);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
		attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add a marker in the given location, attach some popup content to it and open the popup
/*
L.marker([25.0263075,121.543846]).addTo(map)
		.bindPopup('請點選地圖上想要標記的點，然後填寫資料送出，其他人就可以及時看到喔～～～')
		.openPopup();
*/

$.ajax("data.csv")
  .done(function( data ) {
		var results = $.parse(data, {
    header: false,
    dynamicTyping: false,
    preview: 350,
    step: function(data, file, inputElem) {
        data.results.forEach(function(data){
					// gender: 0 boy 1 girl
					var text_color = ['cornflowerblue','hotpink'];
					var icons = ['male', 'female'];
					var marker_color = ['blue','red'];
//12 time
					var marker = new L.marker([data[15],data[16]], {icon: L.AwesomeMarkers.icon({icon: icons[data[6]], prefix: 'fa', markerColor: marker_color[data[6]]}) }).addTo(map)
					.bindPopup('<img src="avatar/' + data[7] + '">Name: <span style="color:' + text_color[data[6]] + '">' + data[5] + '</span><br>Birthday: ' + data[2] + '<br>BeeTalk ID: ' + data[4] + '<br>Status: ' + data[3] + '<br><br>Last Update: ' + timeConverter(data[12]));

					console.log(data);
				});
    }
		});
  });

{'fraction_non_alphanumeric': 0.21540856031128405, 'fraction_numerical': 0.03330739299610895, 'mean_word_length': 4.178082191780822, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 85, 'https://': 0, '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': '2514707', 'n_tokens_mistral': 2706, 'n_tokens_neox': 2462, 'n_words': 474}