Fixed page hash handling

js/main.js

@@ -70,16 +70,29 @@ function setPage(path){
 				const len = $("#article-container > article").length;
 				let cnt = 0;
 				$("#article-container > article").each((i, elmt) => {
-					$(elmt).html(marked($(elmt).html(), markedOpt, (err, res) => {
+
+					marked($(elmt).html(), markedOpt, (err, res) => {
+						$(elmt).html(res);
+
 						cnt++;
 						if(cnt === len){
 							if(path == "/skills"){
-								// wow such ugly hack... any it works (and when it fails only the graph title disappear, so no big deal)
-								setTimeout(skillsPageSetup, 500);
+								skillsPageSetup();
 							}
+							setTimeout(() => {
+								if(window.location.hash != ""){
+									target = $(window.location.hash);
+									if(target.length > 0){
+										target = target[0];
+										$('html,body').animate({
+											scrollTop: (target.offsetTop)
+										}, 400);
+									}
+
+								}
+							}, 500);// I'm lazy to search a way to wait for the view engine to be updated, 500ms should be fine
 						}
-						return res;
-					}));
+					});
 				});
 			})
 			.fail((err) => {
@@ -254,21 +267,21 @@ function skillsPageSetup(){
 	{
 		var ctx = document.getElementById("tools").getContext("2d");
 		var data = {
-		    labels : ["Git", "Gitlab / Github / Gitea", "GitlabCI / TravisCI / CircleCI"],
-		    datasets : [{
-		        fillColor : "rgba(83, 142, 193, 0.5)",
-		        strokeColor : "rgb(96, 145, 255)",
-		        pointColor : "rgb(26, 118, 226)",
-		        pointStrokeColor : "#fff",
-		        data : [100, 90, 80]
-		    },{
-		        strokeColor : "rgba(0,0,0,0)",
-		        pointColor : "rgba(0,0,0,0)",
-		        data : [0, 100]
-		    }]
+			labels : ["Git", "Gitlab / Github / Gitea", "GitlabCI / TravisCI / CircleCI"],
+			datasets : [{
+				fillColor : "rgba(83, 142, 193, 0.5)",
+				strokeColor : "rgb(96, 145, 255)",
+				pointColor : "rgb(26, 118, 226)",
+				pointStrokeColor : "#fff",
+				data : [100, 90, 80]
+			},{
+				strokeColor : "rgba(0,0,0,0)",
+				pointColor : "rgba(0,0,0,0)",
+				data : [0, 100]
+			}]
 		};
 
-	    graphoptions["graphTitle"] = "Tools";
-	    new Chart(ctx).Radar(data,graphoptions);
+		graphoptions["graphTitle"] = "Tools";
+		new Chart(ctx).Radar(data,graphoptions);
 	}
 }