2023 update + fixed translation (Google) + keyboard inputs (Space and R) + cosmetic changes

Pyrofoux · Pyrofoux · commit 4585fd48df8c · 2023-06-29T11:52:20.000+02:00
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
-		<h1 id="title" onclick="randomize();">→ RAND<span id="arr">↻</span>M FAMICASE ←</h1>
+		<h1 id="title" onclick="randomize();">⇒ RAND<span id="arr">↻</span>M FAMICASE ⇐</h1>
 
 		<div id="container">
 
@@ -18,6 +18,7 @@ <h1 id="title" onclick="randomize();">→ RAND<span id="arr">↻</span>M FAMICAS
 				<select id="year">
 					<option value="-1" selected>ANY YEAR</option>
           <option value="-2">ANY BIG</option>
+          <option value="18"> 2023</option>
           <option value="17"> 2022</option>
           <option value="16"> 2021</option>
           <option value="15"> 2020</option>
diff --git a/js/script.js b/js/script.js
@@ -2,7 +2,7 @@ function qs(s){return document.getElementById(s)};
 function dc(s){return document.createElement(s)};
 function rand(min,max){return Math.floor(Math.random()*(max-min+1))+min};
 
-var tableIndex   = [23,30,46,53,58,78,63,79,89,112,149,162,165,250,261,270,253,253];
+var tableIndex   = [23,30,46,53,58,78,63,79,89,112,149,162,165,250,261,270,253,253,252];
 var lastInfo;
 var startingYear = 2005;
 
@@ -142,7 +142,13 @@ function change(urls)
 	else
 	{
 		link.href = urls.pageUrl;
-		trans.href = "http://www.microsofttranslator.com/bv.aspx?from=&to=en&a="+encodeURI(urls.pageUrl);
+
+		// older Bing translation
+		//trans.href = "http://www.microsofttranslator.com/bv.aspx?from=&to=en&a="+encodeURI(urls.pageUrl);
+
+		//current Google translation
+		trans.href = link.href.replace("http://","https://").replace("famicase.com","famicase-com.translate.goog")+"?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=fr&_x_tr_pto=wapp";
+
 		enableLinks(true)
 	}
 
@@ -284,6 +290,16 @@ function refreshList()
 
 }
 
+
+// Key press event
+document.body.onkeyup = function(e){
+  if (e.key == " " || e.code == "Space" || e.keyCode == 32 || e.key == "r"){
+    randomize();
+	}
+}
+
+
+
 randomize();
 refreshList();
 
@@ -298,10 +314,10 @@ refreshList();
 	- 2017					: 001		 			002	   			003		 			012       		123
 	- 2018					: 01_sample 	02_sample 	03_sample 	12_sample 		123_sample
 	- 2019 to 2020	: 01_sample   02_sample 	03_sample 	012_sample		123_sample
-	- 2021 to 2022	: 001		 		  002	   			003		 			012       		123
+	- 2021 to 2023	: 001		 		  002	   			003		 			012       		123
 
 	Index of html pages too :
 	- 2008 to 2016 	: 01		 02 	   03		 		12		   	123
-	- 2017 to 2022	: 001		 002	   003		 	012       123
+	- 2017 to 2023	: 001		 002	   003		 	012       123
 
 */
diff --git a/style.css b/style.css
@@ -126,10 +126,36 @@ select
 	text-indent: 3px;
 }
 
+#optgroup
+{
+	font-family:"Russo One" !important;
+}
+
 select:hover
 {
 	color:orange;
 	border: solid 2px orange;
 	cursor:pointer;
+}
+
+ul
+{
+	line-height:1em;
+
+	/*For custom bullet*/
+	list-style: none;
+	margin-left: 0;
+	padding-left: 1em;
+	text-indent: -1em;
+}
+
+li
+{
+	font-size:0.5em;
+}
 
+/*custom bullet*/
+li:before {
+  content: "➤";
+  padding-right: 5px;
 }
