add: ЙЦУКЕН keyboard layout

Note: in this commit, the heatmap is misaligned beyond the first 10 characters.
K0stov · May 12, 2024 · 6a5f5b2 · 6a5f5b2
1 parent 76ba012
commit 6a5f5b2
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 13 deletions.
diff --git a/2022_1/a_ortho/ortho_heat.html b/2022_1/a_ortho/ortho_heat.html
@@ -71,6 +71,12 @@ <h1>オルソリひーと | Ortho Heat</h1>
 					<span class="key"></span>
 					<span class="key"></span>
 					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
 				</div>
 
 				<div class="mod">
@@ -83,6 +89,7 @@ <h4>Change Layout</h4>
 					<div class="btn-group">
 						<button class="btn btn-outline-primary active">QWERTY</button>
 						<button class="btn btn-outline-primary">ABCDEF</button>
+						<button class="btn btn-outline-primary">ЙЦУКЕН</button>
 						<button class="btn btn-outline-primary">Dvorak</button>
 						<button class="btn btn-outline-primary">Colemak-DH</button>
 						<button class="btn btn-outline-primary">Eucalyn</button>
@@ -99,6 +106,7 @@ <h4>Change Text</h4>
 						<button class="btn btn-outline-primary active">EN+JP</button>
 						<button class="btn btn-outline-primary">EN</button>
 						<button class="btn btn-outline-primary">JP</button>
+						<button class="btn btn-outline-primary">RU</button>
 					</div>
 
 				</div>

diff --git a/2022_1/a_ortho/ortho_typing.html b/2022_1/a_ortho/ortho_typing.html
@@ -82,6 +82,12 @@ <h1>オルソリふぉーる | Ortho Fall</h1>
 					<span class="key"></span>
 					<span class="key"></span>
 					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
+					<span class="key"></span>
 				</div>
 
 				<div class="mod">
@@ -95,6 +101,7 @@ <h4>Change Layout</h4>
 					<div class="btn-group">
 						<button class="btn btn-outline-primary active">QWERTY</button>
 						<button class="btn btn-outline-primary">ABCDEF</button>
+						<button class="btn btn-outline-primary">ЙЦУКЕН</button>
 						<button class="btn btn-outline-primary">Dvorak</button>
 						<button class="btn btn-outline-primary">Eucalyn</button>
 						<button class="btn btn-outline-primary">Ohashi rev1</button>

diff --git a/2022_1/a_ortho/static/createheatmap.js b/2022_1/a_ortho/static/createheatmap.js
@@ -13,7 +13,7 @@ function createheatmap(layout, text){
 	console.log(text);
 	console.log(text.length)
 
-	for(var i = 0; i < 30; i++){
+	for(var i = 0; i < 36; i++){
 		$(".key").eq(i).text(layout[i]);
 	}
 
@@ -43,7 +43,7 @@ function createheatmap(layout, text){
 	// now generate some random data
 	var points = [];
 	var max = 0;
-	var width = 700;
+	var width = 840;
 	var height = 210;
 	var len = 200;
 

diff --git a/2022_1/a_ortho/static/ortho_heat.css b/2022_1/a_ortho/static/ortho_heat.css
@@ -19,7 +19,7 @@ header{
 
 .playground{
 	position:relative;
-	width: 700px;
+	width: 840px;
 	height: 500px;
 	border: solid 1px black;
 	background-color: #faf6e9;
@@ -38,7 +38,7 @@ header{
 
 .heat-box{
 	display: block;
-	width: 700px;
+	width: 840px;
 	height: 210px;
 	margin: 50px 0;
 }
@@ -64,7 +64,7 @@ header{
 	height: 100px;
 }
 .text-mod textarea{
-	width: 700px;
+	width: 840px;
 	height: 300px;
 }
 

diff --git a/2022_1/a_ortho/static/ortho_heat.js b/2022_1/a_ortho/static/ortho_heat.js