Ergo-L ISO keyboard schema
This commit is contained in:
parent
fd6136bacd
commit
eaa9502347
GPG key ID:
B808CA1113935C00
3 changed files with 299 additions and 0 deletions
1
Ergo-L/.gitignore
vendored
Normal file
1
Ergo-L/.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
Ergo-L.svg
|
||||||
59
Ergo-L/Ergo-L.js
Normal file
59
Ergo-L/Ergo-L.js
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
'strict';
|
||||||
|
const ROWS = 40 ;
|
||||||
|
const COLUMNS = 30;
|
||||||
|
const DELTA = 40;
|
||||||
|
let corps = document.querySelector('svg defs');
|
||||||
|
const NS = 'http://www.w3.org/2000/svg';
|
||||||
|
|
||||||
|
//():Element, string, string, object, Array<string> => void
|
||||||
|
const addElement = function(parent, ns, type, attributes, classes) {
|
||||||
|
const element = document.createElementNS(ns, type);
|
||||||
|
for (const ATTRIBUTE in attributes) {
|
||||||
|
element.setAttribute(ATTRIBUTE, attributes[ATTRIBUTE]);
|
||||||
|
}
|
||||||
|
parent.appendChild(element);
|
||||||
|
};
|
||||||
|
|
||||||
|
const lineAttrs = {
|
||||||
|
id: 'verBase',
|
||||||
|
stroke: 'gray',
|
||||||
|
'stroke-size': 0.1,
|
||||||
|
x1: 0,
|
||||||
|
y1: 0,
|
||||||
|
x2: 0,
|
||||||
|
y2: DELTA*COLUMNS
|
||||||
|
};
|
||||||
|
addElement(corps, NS, 'line', lineAttrs, []);
|
||||||
|
|
||||||
|
lineAttrs.id = 'horBase';
|
||||||
|
lineAttrs.x2 = DELTA*ROWS;
|
||||||
|
lineAttrs.y2 = 0;
|
||||||
|
addElement(corps, NS, 'line', lineAttrs, []);
|
||||||
|
|
||||||
|
corps = document.querySelector('svg');
|
||||||
|
const draw = function(size, angle) {
|
||||||
|
if (angle === 'vertical') {
|
||||||
|
for (let i=0; i<=size; i++) {
|
||||||
|
const useAttrs = {
|
||||||
|
x: i*DELTA,
|
||||||
|
y: 0,
|
||||||
|
href: '#verBase',
|
||||||
|
};
|
||||||
|
addElement(corps, NS, 'use', useAttrs, ['ver']);
|
||||||
|
}
|
||||||
|
} else if (angle === 'horizontal') {
|
||||||
|
for (let i=0; i<=size; i++) {
|
||||||
|
const useAttrs = {
|
||||||
|
x: 0,
|
||||||
|
y: i*DELTA,
|
||||||
|
href: '#horBase',
|
||||||
|
};
|
||||||
|
addElement(corps, NS, 'use', useAttrs, ['hor']);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
throw new Error('vertical or horizontal angles only !');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
draw(ROWS, 'vertical');
|
||||||
|
draw(COLUMNS, 'horizontal');
|
||||||
239
Ergo-L/Ergo-L.sh
Normal file
239
Ergo-L/Ergo-L.sh
Normal file
|
|
@ -0,0 +1,239 @@
|
||||||
|
#!/usr/bin/bash
|
||||||
|
declare -r SVG='./Ergo-L.svg'
|
||||||
|
declare -ri DELTA=40
|
||||||
|
declare -ri WIDTH=1920
|
||||||
|
declare -ri HEIGHT=1080
|
||||||
|
|
||||||
|
# use-key ID X Y
|
||||||
|
function use-key() (
|
||||||
|
echo ' <use href="'"$1"'"
|
||||||
|
x="'"$2"'"
|
||||||
|
y="'"$3"'"/>' >>$SVG
|
||||||
|
)
|
||||||
|
|
||||||
|
# use-symbol X Y CHAR [CHAR…]
|
||||||
|
# ----
|
||||||
|
# |2 4|
|
||||||
|
# | |
|
||||||
|
# |1 3|
|
||||||
|
# ----
|
||||||
|
function use-symbol() (
|
||||||
|
declare -r X0=$1 Y0=$2
|
||||||
|
echo "0=> $#"
|
||||||
|
shift 2
|
||||||
|
echo "1=> $#"
|
||||||
|
while [ $# -gt 0 ]
|
||||||
|
do
|
||||||
|
echo ' <text class="symbol"
|
||||||
|
x="'"$X0"'"
|
||||||
|
y="'"$Y0"'">'"$1"'</text>' >>$SVG
|
||||||
|
shift 1
|
||||||
|
echo "2=> $#"
|
||||||
|
done
|
||||||
|
)
|
||||||
|
|
||||||
|
echo '<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="'$WIDTH'"
|
||||||
|
height="'$HEIGHT'"
|
||||||
|
viewBox="0 0 '$WIDTH' '$HEIGHT'"
|
||||||
|
style="background: rgba(0, 0, 0, 0.9);"
|
||||||
|
lang="fr">
|
||||||
|
<title>Disposition de clavier ISO Ergo-L</title>
|
||||||
|
<desc>Un schéma qui décrit la disposition Ergo-L dans un clavier.
|
||||||
|
Le clavier est de forme ISO.
|
||||||
|
Les caractères de contrôle suivent la norme ISO/IEC 9995-7.
|
||||||
|
Voir https://ergol.org/ .</desc>
|
||||||
|
<style>
|
||||||
|
rect, polygon {
|
||||||
|
stroke: green;
|
||||||
|
}
|
||||||
|
rect:hover, polygon:hover
|
||||||
|
{
|
||||||
|
stroke: red;
|
||||||
|
}
|
||||||
|
.symbol
|
||||||
|
{
|
||||||
|
fill: white;
|
||||||
|
font-size: '$DELTA'px;
|
||||||
|
}
|
||||||
|
.symbol:hover
|
||||||
|
{
|
||||||
|
fill: yellow;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<!--Grille définie-->
|
||||||
|
<defs>
|
||||||
|
<rect id="btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*3))'"
|
||||||
|
height="'$((DELTA*3))'"
|
||||||
|
rx="20"/>
|
||||||
|
<rect id="fn-btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*3))'"
|
||||||
|
height="'$((DELTA*2))'"
|
||||||
|
rx="20"/>
|
||||||
|
<rect id="medium-btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*4))'"
|
||||||
|
height="'$((DELTA*3))'"
|
||||||
|
rx="20"/>
|
||||||
|
<rect id="big-btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*5))'"
|
||||||
|
height="'$((DELTA*3))'"
|
||||||
|
rx="20"/>
|
||||||
|
<rect id="huge-btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*6))'"
|
||||||
|
height="'$((DELTA*3))'"
|
||||||
|
rx="20"/>
|
||||||
|
<rect id="space-btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*15))'"
|
||||||
|
height="'$((DELTA*3))'"
|
||||||
|
rx="20"/>
|
||||||
|
<rect id="rshift-btn"
|
||||||
|
x="'$DELTA'"
|
||||||
|
y="'$DELTA'"
|
||||||
|
width="'$((DELTA*8))'"
|
||||||
|
height="'$((DELTA*3))'"
|
||||||
|
rx="20"/>
|
||||||
|
<polygon id="enter-btn"
|
||||||
|
points="0,0
|
||||||
|
'$((DELTA*4))',0
|
||||||
|
'$((DELTA*4))','$((DELTA*6))'
|
||||||
|
'$((DELTA*1))','$((DELTA*6))'
|
||||||
|
'$((DELTA*1))','$((DELTA*3))'
|
||||||
|
0,'$((DELTA*3))'"/>
|
||||||
|
</defs>
|
||||||
|
<!--Grille autres lignes-->
|
||||||
|
<script href="./Ergo-L.js"/>
|
||||||
|
<!--Touches de fonction-->' >$SVG
|
||||||
|
use-key '#fn-btn' 0 0
|
||||||
|
use-symbol $((x+DELTA)) $((3*DELTA)) '⎋'
|
||||||
|
|
||||||
|
# draw-any-key KEY_TYPE SYMBOL X0 Y0
|
||||||
|
function draw-any-key() (
|
||||||
|
declare -r KTYPE=$1 SYMBOL=$2
|
||||||
|
declare -ri X0=$3 Y0=$4
|
||||||
|
use-key "$KTYPE" $((X0*DELTA)) $((Y0*DELTA))
|
||||||
|
use-symbol $(( (X0+1)*DELTA )) $(( (Y0+4)*DELTA )) "$SYMBOL"
|
||||||
|
)
|
||||||
|
|
||||||
|
declare -i bloc=0 nbr=0 x=$((6*DELTA)) xres=0 fnn=0
|
||||||
|
while [ $bloc -lt 3 ]
|
||||||
|
do
|
||||||
|
while [ $nbr -lt 4 ]
|
||||||
|
do
|
||||||
|
fnn=$((fnn+1))
|
||||||
|
use-key '#fn-btn' "$x" 0
|
||||||
|
use-symbol $((x+DELTA))'.'$((xres+DELTA)) $((3*DELTA)) "Fn${fnn}"
|
||||||
|
nbr=$((nbr+1))
|
||||||
|
x=$((x+3*DELTA))
|
||||||
|
done
|
||||||
|
nbr=0
|
||||||
|
bloc=$((bloc+1))
|
||||||
|
x=$((x+30*DELTA/2/10))
|
||||||
|
xres=$((xres+30*DELTA/2%10))
|
||||||
|
done
|
||||||
|
unset bloc
|
||||||
|
|
||||||
|
# draw-basic-keys INITIAL_X INITIAL_Y KEY_SYMBOL [KEY_SYMBOL…]
|
||||||
|
function draw-basic-keys() (
|
||||||
|
declare -i x=0
|
||||||
|
declare -ri X0=$1 Y0=$2
|
||||||
|
shift 2
|
||||||
|
while [ "$#" -gt 0 ]
|
||||||
|
do
|
||||||
|
fnn=$((fnn+1))
|
||||||
|
use-key '#btn' $((x+X0*DELTA)) $((Y0*DELTA))
|
||||||
|
use-symbol $((x+(X0+1)*DELTA)) $(( (4+Y0)*DELTA )) "$1"
|
||||||
|
shift 1
|
||||||
|
x=$((x+3*DELTA))
|
||||||
|
done
|
||||||
|
)
|
||||||
|
|
||||||
|
declare -ra ROW1_1=("q" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "" "")
|
||||||
|
declare -ra ROW1_2=("q" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "" "")
|
||||||
|
declare -ra ROW1_3=("q" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "" "")
|
||||||
|
declare -ra ROW1_4=("q" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "" "")
|
||||||
|
declare -ra ROW2_1=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW2_2=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW2_3=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW2_4=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW3_1=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW3_2=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW3_3=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW3_4=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"" "")
|
||||||
|
declare -ra ROW4_1=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"")
|
||||||
|
declare -ra ROW4_2=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"")
|
||||||
|
declare -ra ROW4_3=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"")
|
||||||
|
declare -ra ROW4_4=("" "" "" "" ""\
|
||||||
|
"" "" "" "" ""\
|
||||||
|
"")
|
||||||
|
|
||||||
|
|
||||||
|
draw-basic-keys 0 3 ${ROW1[@]}
|
||||||
|
draw-basic-keys 5 6 ${ROW2[@]}
|
||||||
|
draw-basic-keys 6 9 ${ROW3[@]}
|
||||||
|
draw-basic-keys 4 12 ${ROW4[@]}
|
||||||
|
|
||||||
|
draw-any-key '#big-btn' "↹" 0 6
|
||||||
|
draw-any-key '#huge-btn' "⇬" 0 9
|
||||||
|
draw-any-key '#medium-btn' "⇧" 0 12
|
||||||
|
draw-any-key '#big-btn' "⎈" 0 15
|
||||||
|
draw-any-key '#medium-btn' "⌘" 5 15
|
||||||
|
draw-any-key '#medium-btn' "⎇" 9 15
|
||||||
|
draw-any-key '#space-btn' "␣" 13 15
|
||||||
|
draw-any-key '#medium-btn' "⇮" 28 15
|
||||||
|
draw-any-key '#medium-btn' "⌘" 32 15
|
||||||
|
draw-any-key '#medium-btn' "▤" 36 15
|
||||||
|
draw-any-key '#big-btn' "⎈" 40 15
|
||||||
|
draw-any-key '#rshift-btn' "⇧" 37 12
|
||||||
|
|
||||||
|
use-key '#enter-btn' $((42*DELTA)) $((7*DELTA))
|
||||||
|
use-symbol $((42*DELTA)) $((10*DELTA)) '⮠'
|
||||||
|
use-symbol $((43*DELTA)) $((13*DELTA)) '⎆'
|
||||||
|
|
||||||
|
draw-any-key '#huge-btn' "⌫" 39 3
|
||||||
|
|
||||||
|
echo '</svg>' >>$SVG
|
||||||
|
cat $SVG
|
||||||
Loading…
Reference in a new issue