updates

src/css/main.css

@@ -15,6 +15,7 @@ html, body{
 	height: 100%;
 	background: black;
 	color:white;
+    user-select: none;
 }
 
 #screen{
@@ -93,4 +94,8 @@ html, body{
     z-index: 1;
     font-size: 7vmin;
     margin: 15px;
+}
+
+.click-to-continue:before {
+    width: 100%;
 }

src/css/titlescreen.css

@@ -39,14 +39,13 @@
 .click-to-continue{
     
     display:block;
-    font-size: 10vmin;
+    font-size: 8vmin;
     color:white;
     text-align: center;
     position:absolute;
     bottom:2%;
     width:100%;
     animation: toggleFade 1s infinite ease-out;
-    -webkit-text-stroke-width: 2px;
-   -webkit-text-stroke-color: black;
+    z-index: 1;
     
 }

src/js/songselect.js

@@ -60,9 +60,10 @@ function SongSelect(){
 
 					return;
 				}
-				assets.sounds["ka"].play();
+
 				
 				if(!$('.opened').length) {
+					assets.sounds["don"].play();
 					assets.sounds["song-select"].pause();
 					assets.sounds["song-select"].currentTime = 0;
 					setTimeout(function(){
@@ -73,6 +74,8 @@ function SongSelect(){
 						$('.songsel-title').attr('alt', 'むずかしさをえらぶ').html('むずかしさをえらぶ').css('left', -300);
 						$('.songsel-title').animate({left:0, opacity:"show"}, 400);
 					});
+				} else {
+					assets.sounds["ka"].play();
 				}
 			};
 
@@ -100,15 +103,9 @@ function SongSelect(){
 			var songID = titleSplit[0];
 			var songTitle = songDir.substr(songID.length+1, songDir.length-(songID.length+1));
 			
-			songDifficulties.sort(function(a, b){
-				if(a.difficulty < b.difficulty)
-					return 1;
-				if(a.difficulty > b.difficulty)
-					return -1;
-				return 0;
-			});
+
 			
-			_code += "<div id='song-"+songID+"' class='song'><div class='song-title'>"+songTitle+'</div>';
+			_code += "<div id='song-"+songID+"' class='song'><div class='song-title stroke-sub' alt='"+songTitle+"'>"+songTitle+'</div>';
 			_code += "<ul class='difficulties'>";
 			
 			for(var j=0; j<songDifficulties.length; j++){

src/php/getsongs.php

@@ -39,6 +39,13 @@
                 }
                 
             }
+
+            $scale = array('easy.osu', 'normal.osu', 'hard.osu', 'oni.osu');
+            usort($files, function ($a, $b) use ($scale) {
+                $pos_a = array_search($a['songFile'], $scale);
+                $pos_b = array_search($b['songFile'], $scale);
+                return $pos_a - $pos_b;
+            });
             
             $song = array(
                 "songDir" => $songDir,

src/views/titlescreen.html

@@ -1,4 +1,4 @@
 <div id='title-screen'>
 	<div id='logo-big-cont'><img src="/assets/img/logo-big.png" alt="太鼓の達人ウェブ" /></div>
-	<h2 class='click-to-continue'>Click or press enter</h2>
+	<h2 class='click-to-continue stroke-sub' alt="Click or press enter">Click or press enter</h2>
 </div>