change favicon

masks/project.html

@@ -255,22 +255,24 @@ function initSpotMessages(aoMessages, aoTracks) {
 		var oMarker = L.marker(L.latLng(oMsg.latitude, oMsg.longitude), {
 			id: oMsg.id_message,
 			riseOnHover: true,
-			icon: L.icon({
-				iconUrl: (iKey%2==0)?'images/footprint_alt.png':'images/footprint.png',
-				iconSize: [32, 37],
-				iconAnchor: [16, 37]
+			icon: L.divIcon({
+				className: '',
+				html: '<i class="fa fa-message fa-stack-2x"></i><i class="fa fa-message-in fa-stack-1x fa-rotate-270"></i>',
+				iconSize: [32, 32],
+				iconAnchor: [16, 32]
 			})
 		}).addTo(oMap);
 		
 		//Tooltip
 		$Tooltip = $('<div>', {'class':'info-window'})
 			.append($('<h1>')
+				.addIcon('fa-message')
 				.append('Message '+oMsg.type+' '+oMsg.displayed_id))
 			.append($('<p>', {'class':'time'})
 				.addIcon('fa-time')
 				.append(oMsg.formatted_time+(self.vars(['project', 'mode'])==self.consts.modes.blog?' ('+oMsg.relative_time+')':'')))
 			.append($('<p>', {'class':'coordinates'})
-				.addIcon('fa-message', false)
+				.addIcon('fa-coords', false)
 				.append('Lat : '+oMsg.latitude+', Lng : '+oMsg.longitude));
 		
 		//Tooltip pictures
@@ -390,7 +392,7 @@ function getPost(asPost) {
 	{
 		case 'message':
 			$Body = $('<div>')
-				.append($('<p>').addIcon('fa-message', true).append(asPost.lat_dms+' '+asPost.lon_dms))
+				.append($('<p>').addIcon('fa-coords', true).append(asPost.lat_dms+' '+asPost.lon_dms))
 				.append($('<p>').addIcon('fa-time', true).append(sAbsTime+self.tmp('site_tz_notice')))
 				.append(
 					$('<img>', {'class':'staticmap', title: 'Click pour zoomer', src: getStaticMapUrl(asPost.latitude, asPost.longitude)})