update

data.html

@@ -181,7 +181,7 @@
 
 <div class="postXL bgList border3List" id="6">
 <div class="block padding-bottom2 bold"><a href="/"><img class="ico" src="/img/logo.png" width="28" alt="logo">inonehp</a></div>
-<span class="pre"><a class="brand" href="/data/musicJsonVar.js">musicJsonVar.js</a> <span class="op">(425,7 KB)</span></span>
+<span class="pre"><a class="brand" href="/data/musicJsonVar.js">musicJsonVar.js</a> <span class="op">(425,91 KB)</span></span>
 <div class="postFooter">
 <span class="postTagList"></span>
 <span class="postTime"></span>

data/musicJsonVar.js

@@ -4746,6 +4746,13 @@ var musicJsonVar =
         "url": "https:\/\/www.youtube.com\/watch?v=8urmstz8Ax0",
         "tag": "#music"
     },
+    {
+        "text": "Foxtails Brigade - \"Control\" (Full Band) - YouTube",
+        "text2": "",
+        "text3": "",
+        "url": "https:\/\/www.youtube.com\/watch?v=f2OXoqi4o0U",
+        "tag": "#music"
+    },
     {
         "text": "Foxtails Brigade - \"Far Away and Long Ago\" Official Music Video - YouTube",
         "text2": "",

data/wordEnJsonVar.js

@@ -420,6 +420,9 @@ var wordEnJsonVar =
     {
         "text": "air transportation"
     },
+    {
+        "text": "aircraft"
+    },
     {
         "text": "aviator"
     },
@@ -436,10 +439,10 @@ var wordEnJsonVar =
         "text": "outpost"
     },
     {
-        "text": "advance"
+        "text": "identifier"
     },
     {
-        "text": "identifier"
+        "text": "advance"
     },
     {
         "text": "adventurism"
@@ -469,10 +472,10 @@ var wordEnJsonVar =
         "text": "authenticity"
     },
     {
-        "text": "auto"
+        "text": "identification"
     },
     {
-        "text": "identification"
+        "text": "auto"
     },
     {
         "text": "autobiography"
@@ -502,10 +505,10 @@ var wordEnJsonVar =
         "text": "autoclick"
     },
     {
-        "text": "autocorrection"
+        "text": "identity"
     },
     {
-        "text": "identity"
+        "text": "autocorrection"
     },
     {
         "text": "automaton"
@@ -535,10 +538,10 @@ var wordEnJsonVar =
         "text": "trucking"
     },
     {
-        "text": "author"
+        "text": "ideogram"
     },
     {
-        "text": "ideogram"
+        "text": "author"
     },
     {
         "text": "authority"
@@ -568,10 +571,10 @@ var wordEnJsonVar =
         "text": "agent"
     },
     {
-        "text": "agency"
+        "text": "ideology"
     },
     {
-        "text": "ideology"
+        "text": "agency"
     },
     {
         "text": "agency"
@@ -601,10 +604,10 @@ var wordEnJsonVar =
         "text": "aggression"
     },
     {
-        "text": "aggressiveness"
+        "text": "idea"
     },
     {
-        "text": "idea"
+        "text": "aggressiveness"
     },
     {
         "text": "aggressor"
@@ -634,10 +637,10 @@ var wordEnJsonVar =
         "text": "administrator"
     },
     {
-        "text": "administration"
+        "text": "idyll"
     },
     {
-        "text": "idyll"
+        "text": "administration"
     },
     {
         "text": "administration"
@@ -666,15 +669,15 @@ var wordEnJsonVar =
     {
         "text": "airport"
     },
-    {
-        "text": "agiotage"
-    },
     {
         "text": "euro"
     },
     {
         "text": "idol"
     },
+    {
+        "text": "agiotage"
+    },
     {
         "text": "open work"
     },
@@ -703,10 +706,10 @@ var wordEnJsonVar =
         "text": "watercolor"
     },
     {
-        "text": "account"
+        "text": "food"
     },
     {
-        "text": "food"
+        "text": "account"
     },
     {
         "text": "accompanist"
@@ -736,10 +739,10 @@ var wordEnJsonVar =
         "text": "acrobatics"
     },
     {
-        "text": "acronym"
+        "text": "hedgehog"
     },
     {
-        "text": "hedgehog"
+        "text": "acronym"
     },
     {
         "text": "accelerator"
@@ -769,10 +772,10 @@ var wordEnJsonVar =
         "text": "activity"
     },
     {
-        "text": "actor"
+        "text": "riding"
     },
     {
-        "text": "riding"
+        "text": "actor"
     },
     {
         "text": "actress"
@@ -802,10 +805,10 @@ var wordEnJsonVar =
         "text": "shareholder"
     },
     {
-        "text": "action"
+        "text": "insulator"
     },
     {
-        "text": "insulator"
+        "text": "action"
     },
     {
         "text": "accent"
@@ -835,10 +838,10 @@ var wordEnJsonVar =
         "text": "alley"
     },
     {
-        "text": "alcohol"
+        "text": "insulation"
     },
     {
-        "text": "insulation"
+        "text": "alcohol"
     },
     {
         "text": "diamond"
@@ -868,10 +871,10 @@ var wordEnJsonVar =
         "text": "alternative"
     },
     {
-        "text": "altruism"
+        "text": "isomorphism"
     },
     {
-        "text": "isomorphism"
+        "text": "altruism"
     },
     {
         "text": "alpha"
@@ -901,10 +904,10 @@ var wordEnJsonVar =
         "text": "ambilight"
     },
     {
-        "text": "ambition"
+        "text": "isosurface"
     },
     {
-        "text": "isosurface"
+        "text": "ambition"
     },
     {
         "text": "amethyst"
@@ -934,10 +937,10 @@ var wordEnJsonVar =
         "text": "amphibian"
     },
     {
-        "text": "amphitheater"
+        "text": "raisins"
     },
     {
-        "text": "raisins"
+        "text": "amphitheater"
     },
     {
         "text": "annihilation"
@@ -967,10 +970,10 @@ var wordEnJsonVar =
         "text": "analyzer"
     },
     {
-        "text": "analyst"
+        "text": "fang"
     },
     {
-        "text": "fang"
+        "text": "analyst"
     },
     {
         "text": "analytics"
@@ -999,15 +1002,15 @@ var wordEnJsonVar =
     {
         "text": "anhydride"
     },
-    {
-        "text": "hangar"
-    },
     {
         "text": "eurozone"
     },
     {
         "text": "icon"
     },
+    {
+        "text": "hangar"
+    },
     {
         "text": "angel"
     },
@@ -1036,10 +1039,10 @@ var wordEnJsonVar =
         "text": "anesthetist"
     },
     {
-        "text": "anchoring"
+        "text": "iconostasis"
     },
     {
-        "text": "iconostasis"
+        "text": "anchoring"
     },
     {
         "text": "anomaly"
@@ -1069,10 +1072,10 @@ var wordEnJsonVar =
         "text": "antagonist"
     },
     {
-        "text": "antenna"
+        "text": "caviar"
     },
     {
-        "text": "caviar"
+        "text": "antenna"
     },
     {
         "text": "anti-intellectualism"
@@ -1102,10 +1105,10 @@ var wordEnJsonVar =
         "text": "antelope"
     },
     {
-        "text": "antimatter"
+        "text": "illusionist"
     },
     {
-        "text": "illusionist"
+        "text": "antimatter"
     },
     {
         "text": "antioxidant"
@@ -1135,10 +1138,10 @@ var wordEnJsonVar =
         "text": "anthropology"
     },
     {
-        "text": "cancellation"
+        "text": "illusion"
     },
     {
-        "text": "illusion"
+        "text": "cancellation"
     },
     {
         "text": "apparatus"
@@ -1168,10 +1171,10 @@ var wordEnJsonVar =
         "text": "appetite"
     },
     {
-        "text": "applet"
+        "text": "illustrator"
     },
     {
-        "text": "illustrator"
+        "text": "applet"
     },
     {
         "text": "apnea"
@@ -1201,10 +1204,10 @@ var wordEnJsonVar =
         "text": "approximation"
     },
     {
-        "text": "apse"
+        "text": "illustration"
     },
     {
-        "text": "illustration"
+        "text": "apse"
     },
     {
         "text": "pharmacy"
@@ -1234,10 +1237,10 @@ var wordEnJsonVar =
         "text": "argument"
     },
     {
-        "text": "argumentation"
+        "text": "illustration"
     },
     {
-        "text": "illustration"
+        "text": "argumentation"
     },
     {
         "text": "arena"
@@ -1267,10 +1270,10 @@ var wordEnJsonVar =
         "text": "armada"
     },
     {
-        "text": "reinforcement"
+        "text": "name"
     },
     {
-        "text": "name"
+        "text": "reinforcement"
     },
     {
         "text": "arity"
@@ -1300,10 +1303,10 @@ var wordEnJsonVar =
         "text": "gunner"
     },
     {
-        "text": "artist"
+        "text": "imitation"
     },
     {
-        "text": "imitation"
+        "text": "artist"
     },
     {
         "text": "artistry"
@@ -1332,9 +1335,6 @@ var wordEnJsonVar =
     {
         "text": "archiving"
     },
-    {
-        "text": "archipelago"
-    },
     {
         "text": "unicorn"
     },

other/php-openai-api/index.php

@@ -1,4 +1,7 @@
 <?php
+//v.1.0.3
+
+
 if(php_uname('s') == 'Windows NT'){
 $dirname = explode("\\", getcwd());
 $dirname = $dirname[count(explode('\\', getcwd()))-1];

projects/10-game-guess-number/script.js

@@ -1,4 +1,4 @@
-// v.1.2.3
+// v.1.2.4
 
 var limit = 10;
 var rangeValue = 0;
@@ -56,19 +56,19 @@ task[0] = Math.floor(Math.random() * mode[0]);
 
 if(task[0] == answer[0]){
 document.getElementById("gameResult").innerHTML = `
-<h3>
+<div class="h3">
 <span class="padding h3 orange bold">win</span><br><br>
-<span class="orange bold">${task[0]}</span> <span class="bold">==</span> <span class="green bold">${answer[0]}</span>
-</h3>
+<span class="green bold">${answer[0]}</span> <span class="bold">==</span> <span class="orange bold">${task[0]}</span>
+</div>
 <span class="op padding margin">(mode: 0-${mode[0]})</span>
 <audio style="display:none" autoplay="false" src="/audio/win.ogg">
 `;;
 }else{
 document.getElementById("gameResult").innerHTML = `
-<h3>
+<div class="h3">
 <span class="padding h3 red bold">end</span><br><br>
-<span class="orange bold">${task[0]}</span> <span class="bold">!=</span> <span class="red bold">${answer[0]}</span>
-</h3>
+<span class="red bold">${answer[0]}</span> <span class="bold">!=</span> <span class="orange bold">${task[0]}</span>
+</div>
 <span class="op padding margin">(mode: 0-${mode[0]})</span>
 <audio style="display:none" autoplay="false" src="/audio/error.ogg">
 `;
@@ -86,7 +86,7 @@ var print = `
 
 <form id="form">
 
-<label class="op block tLeft xSmall">input number:</label>
+<label class="op block tLeft x-small">input number:</label>
 
 <div id="number2"></div>
 <div class="buttonPlusMinus">

projects/12-game-snake/script.js

@@ -1,10 +1,4 @@
-// v.1.2.0
-
-
-/*
-var x = 200;
-var y = 200;
-*/
+// v.1.2.1
 
 var msg = '';
 
@@ -346,22 +340,42 @@ if(findDuplicates(snakeArr).length >= 1){ currentDirection[0] = 'stop'; }
 //https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event
 const input = document.querySelector("html");
 
-input.addEventListener("keypress", logKey);
+//input.addEventListener("keypress", keyPressed);
+input.addEventListener("keydown", keyPressed);
 
-function logKey(e) {
+
+function keyPressed(e) {
+//console.log(e.code);
 //console.log(` ${e.code}`)
 if(currentDirection[0] != 'stop'){
-if(e.code == 'KeyW'&&currentDirection[0] != 'down'||e.code == 'KeyI'&&currentDirection[0] != 'down'){ currentDirection[0] = 'up'; }
-if(e.code == 'KeyS'&&currentDirection[0] != 'up'||e.code == 'KeyK'&&currentDirection[0] != 'up'){ currentDirection[0] = 'down'; }
-if(e.code == 'KeyA'&&currentDirection[0] != 'right'||e.code == 'KeyJ'&&currentDirection[0] != 'right'){ currentDirection[0] = 'left'; }
-if(e.code == 'KeyD'&&currentDirection[0] != 'left'||e.code == 'KeyL'&&currentDirection[0] != 'left'){ currentDirection[0] = 'right'; }
+
+if(
+e.code == 'Numpad8'&&currentDirection[0] != 'down'||
+e.code == 'ArrowUp'&&currentDirection[0] != 'down'||
+e.code == 'KeyW'&&currentDirection[0] != 'down'||
+e.code == 'KeyI'&&currentDirection[0] != 'down'){ currentDirection[0] = 'up'; }
+if(
+e.code == 'Numpad5'&&currentDirection[0] != 'up'||
+e.code == 'Numpad2'&&currentDirection[0] != 'up'||
+e.code == 'ArrowDown'&&currentDirection[0] != 'up'||
+e.code == 'KeyS'&&currentDirection[0] != 'up'||
+e.code == 'KeyK'&&currentDirection[0] != 'up'){ currentDirection[0] = 'down'; }
+if(
+e.code == 'Numpad4'&&currentDirection[0] != 'right'||
+e.code == 'ArrowLeft'&&currentDirection[0] != 'right'||
+e.code == 'KeyA'&&currentDirection[0] != 'right'||
+e.code == 'KeyJ'&&currentDirection[0] != 'right'){ currentDirection[0] = 'left'; }
+if(
+e.code == 'Numpad6'&&currentDirection[0] != 'left'||
+e.code == 'ArrowRight'&&currentDirection[0] != 'left'||
+e.code == 'KeyD'&&currentDirection[0] != 'left'||
+e.code == 'KeyL'&&currentDirection[0] != 'left'){ currentDirection[0] = 'right'; }
 }
 }
 
 
 
 function control(e) {
-
 if(currentDirection[0] != 'stop'){
 if(e == 'up'&&currentDirection[0] != 'down'){ currentDirection[0] = 'up'; }
 if(e == 'down'&&currentDirection[0] != 'up'){ currentDirection[0] = 'down'; }

projects/14-typing-speed/script.js

@@ -1173,7 +1173,8 @@ document.getElementById("text").style.borderTop = "9px solid var(--d2)";
 
 
 document.getElementsByClassName("msg2")[0].innerHTML = `
-<div class="block wrapper2 op small tRight padding">* word - ${wordLengthLimit} symbol, Average WPM - average last ${wmpAverageLimit} WPM</div>
+<div class="block padding"></div>
+<div class="block wrapper2 op small tRight padding2">* word - ${wordLengthLimit} symbol, Average WPM - average last ${wmpAverageLimit} WPM</div>
 `;
 
 }

projects/28-time-binary-clock/index.html

@@ -64,8 +64,10 @@ binary time
 <div class="center2">
 
 <div>
+<div class="block">
 <div id="result"></div>
-<div id="result2"></div>
+</div>
+<div id="result2" class="op padding2"></div>
 </div>
 
 

projects/28-time-binary-clock/script.js

@@ -1,4 +1,4 @@
-// v.1.2.2
+// v.1.2.3
 
 function fuClock(id){
 
@@ -162,8 +162,8 @@ val = `
 `;
 
 //https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String/replace
-val = val.replaceAll('0', '0️⃣');
-val = val.replaceAll('1', '🐈');
+val = val.replaceAll('0', '<div class="block0"></div>');
+val = val.replaceAll('1', '<div class="block1"></div>');
 return val;
 }
 

projects/28-time-binary-clock/style.css

@@ -1,26 +1,58 @@
-/* v.1.0.5 */
+/* v.1.1.0 */
 
 #result { text-align: center; font-size: 1.5rem;  font-weight: bold; }
 
-@media(max-width: 385px) {
-#result { font-size: 1rem; }
-}
-@media(max-width: 254px) {
-#result { font-size: 1rem; }
-grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-}
 
 .grid {
 display: grid;
-grid-template-columns: 1fr 1fr 15px 1fr 1fr 15px 1fr 1fr;
+grid-template-columns: 1fr 1fr 20px 1fr 1fr 20px 1fr 1fr;
 width: 100%;
-height: 30vh;
+justify-content: space-between;
 }
 
 .grid div {
 display: block;
-min-width: 2vw;
-min-height: 2vw;
+min-width: 2em;
+min-height: 2em;
 }
 
+@media(max-width: 385px) {
+#result { font-size: 1em; }
+.grid {
+grid-template-columns: 1fr 1fr 15px 1fr 1fr 15px 1fr 1fr;
+}
+}
+
+@media(max-width: 254px) {
+#result { font-size: 1em; }
+.grid div {
+min-width: 1em;
+min-height: 1em;
+}
+.grid {
+grid-template-columns: 1fr 1fr 10px 1fr 1fr 10px 1fr 1fr;
+}
+}
+
+@media(max-width: 170px) {
+.grid div { font-size: 0.8em; }
+.grid {
+grid-gap: 0;
+grid-template-columns: 1fr 1fr 2px 1fr 1fr 2px 1fr 1fr;
+}
+}
+
+@media(max-width: 120px) {
+.grid div { font-size: 0.8em; }
+.grid {
+grid-gap: 0;
+grid-template-columns: 1fr 1fr 0;
+}
+}
+
+
 .gridColumn { margin: 3px; }
+
+.block0, .block1 { border: 1px solid var(--cOp); }
+.block0 { background-color: var(--d2); }
+.block1 { background-color: var(--l4); }