Changed how I represented the PETSCII glyphs on the VIC-20 layout

pull/92/head
Ian Prest 9 years ago
parent 01e8936958
commit 8add9dc5ff

@ -163,11 +163,9 @@ html, body {
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.1) 100%);
background-repeat: no-repeat;
}
.PETSCII .keyfg .keylabel5 {
span.PETSCII {
font-family: "C64 Pro Mono";
font-size: 6px !important;
}
span.box {
border: solid 1px;
letter-spacing: 0px;
padding: 0;

@ -19,11 +19,11 @@
"(\n8\n\n\nYEL",
")\n9\n\n\nRVS ON",
"\n0\n\n\nRVS OFF",
{"f":9,"p":"SA R1 PETSCII"},
"\n\n\n\n<span class='box'>&#x0ee66;</span> <span class='box'>&#x0ee5b;</span>\n\n+",
"\n\n\n\n<span class='box'>&#x0ee5c;</span> <span class='box'>&#x0ee42;</span>\n\n-",
"\n\n\n\n<span class='box'>&#x0ee68;</span> <span class='box'>&#x0ee69;</span>\n\n£",
{"f":5,"p":"SA R1"},
{"f":9},
"\n\n\n\n<span class='PETSCII'>&#x0ee66;</span> <span class='PETSCII'>&#x0ee5b;</span>\n\n+",
"\n\n\n\n<span class='PETSCII'>&#x0ee5c;</span> <span class='PETSCII'>&#x0ee42;</span>\n\n-",
"\n\n\n\n<span class='PETSCII'>&#x0ee68;</span> <span class='PETSCII'>&#x0ee69;</span>\n\n£",
{"f":5},
"CLR\nHOME",
"INST\nDEL",
{"x":1.25,"c":"#e9bf69","f":9,"w":1.5},
@ -32,21 +32,21 @@
[
{"x":0.25,"c":"#413c2c","p":"SA R2","f":4,"w":1.5},
"\n\n\n\n\n\nC T R L",
{"f":7,"p":"SA R2 PETSCII"},
"\n\n\n\n<span class='box'>&#x0ee6b;</span> <span class='box'>&#x0ee51;</span>\n\nQ",
"\n\n\n\n<span class='box'>&#x0ee73;</span> <span class='box'>&#x0ee57;</span>\n\nW",
"\n\n\n\n<span class='box'>&#x0ee71;</span> <span class='box'>&#x0ee45;</span>\n\nE",
"\n\n\n\n<span class='box'>&#x0ee72;</span> <span class='box'>&#x0ee52;</span>\n\nR",
"\n\n\n\n<span class='box'>&#x0ee63;</span> <span class='box'>&#x0ee54;</span>\n\nT",
"\n\n\n\n<span class='box'>&#x0ee77;</span> <span class='box'>&#x0ee59;</span>\n\nY",
"\n\n\n\n<span class='box'>&#x0ee78;</span> <span class='box'>&#x0ee55;</span>\n\nU",
"\n\n\n\n<span class='box'>&#x0ee62;</span> <span class='box'>&#x0ee49;</span>\n\nI",
"\n\n\n\n<span class='box'>&#x0ee79;</span> <span class='box'>&#x0ee4f;</span>\n\nO",
"\n\n\n\n<span class='box'>&#x0ee6f;</span> <span class='box'>&#x0ee50;</span>\n\nP",
"\n\n\n\n<span class='box'>&#x0ee64;</span> <span class='box'>&#x0ee7a;</span>\n\n@",
{"f":7},
"\n\n\n\n<span class='PETSCII'>&#x0ee6b;</span> <span class='PETSCII'>&#x0ee51;</span>\n\nQ",
"\n\n\n\n<span class='PETSCII'>&#x0ee73;</span> <span class='PETSCII'>&#x0ee57;</span>\n\nW",
"\n\n\n\n<span class='PETSCII'>&#x0ee71;</span> <span class='PETSCII'>&#x0ee45;</span>\n\nE",
"\n\n\n\n<span class='PETSCII'>&#x0ee72;</span> <span class='PETSCII'>&#x0ee52;</span>\n\nR",
"\n\n\n\n<span class='PETSCII'>&#x0ee63;</span> <span class='PETSCII'>&#x0ee54;</span>\n\nT",
"\n\n\n\n<span class='PETSCII'>&#x0ee77;</span> <span class='PETSCII'>&#x0ee59;</span>\n\nY",
"\n\n\n\n<span class='PETSCII'>&#x0ee78;</span> <span class='PETSCII'>&#x0ee55;</span>\n\nU",
"\n\n\n\n<span class='PETSCII'>&#x0ee62;</span> <span class='PETSCII'>&#x0ee49;</span>\n\nI",
"\n\n\n\n<span class='PETSCII'>&#x0ee79;</span> <span class='PETSCII'>&#x0ee4f;</span>\n\nO",
"\n\n\n\n<span class='PETSCII'>&#x0ee6f;</span> <span class='PETSCII'>&#x0ee50;</span>\n\nP",
"\n\n\n\n<span class='PETSCII'>&#x0ee64;</span> <span class='PETSCII'>&#x0ee7a;</span>\n\n@",
{"f":9},
"\n*\n\n\n<span class='box'>&#x0ee5f;</span> <span class='box'>&#x0ee46;</span>",
{"f":7,"p":"SA R2"},
"\n*\n\n\n<span class='PETSCII'>&#x0ee5f;</span> <span class='PETSCII'>&#x0ee46;</span>",
{"f":7},
"\n\n\n\nπ\n\n↑",
{"f":4,"w":1.5},
"\n\n\n\n\n\nRESTORE",
@ -57,17 +57,17 @@
{"c":"#413c2c","p":"SA R4","f":3},
"RUN\nSTOP",
"SHIFT\nLOCK",
{"f":7,"p":"SA R4 PETSCII"},
"\n\n\n\n<span class='box'>&#x0ee70;</span> <span class='box'>&#x0ee41;</span>\n\nA",
"\n\n\n\n<span class='box'>&#x0ee6e;</span> <span class='box'>&#x0ee53;</span>\n\nS",
"\n\n\n\n<span class='box'>&#x0ee6c;</span> <span class='box'>&#x0ee44;</span>\n\nD",
"\n\n\n\n<span class='box'>&#x0ee7b;</span> <span class='box'>&#x0ee46;</span>\n\nF",
"\n\n\n\n<span class='box'>&#x0ee65;</span> <span class='box'>&#x0ee47;</span>\n\nG",
"\n\n\n\n<span class='box'>&#x0ee74;</span> <span class='box'>&#x0ee48;</span>\n\nH",
"\n\n\n\n<span class='box'>&#x0ee75;</span> <span class='box'>&#x0ee4a;</span>\n\nJ",
"\n\n\n\n<span class='box'>&#x0ee61;</span> <span class='box'>&#x0ee4b;</span>\n\nK",
"\n\n\n\n<span class='box'>&#x0ee76;</span> <span class='box'>&#x0ee4c;</span>\n\nL",
{"f":6,"p":"SA R4"},
{"f":7},
"\n\n\n\n<span class='PETSCII'>&#x0ee70;</span> <span class='PETSCII'>&#x0ee41;</span>\n\nA",
"\n\n\n\n<span class='PETSCII'>&#x0ee6e;</span> <span class='PETSCII'>&#x0ee53;</span>\n\nS",
"\n\n\n\n<span class='PETSCII'>&#x0ee6c;</span> <span class='PETSCII'>&#x0ee44;</span>\n\nD",
"\n\n\n\n<span class='PETSCII'>&#x0ee7b;</span> <span class='PETSCII'>&#x0ee46;</span>\n\nF",
"\n\n\n\n<span class='PETSCII'>&#x0ee65;</span> <span class='PETSCII'>&#x0ee47;</span>\n\nG",
"\n\n\n\n<span class='PETSCII'>&#x0ee74;</span> <span class='PETSCII'>&#x0ee48;</span>\n\nH",
"\n\n\n\n<span class='PETSCII'>&#x0ee75;</span> <span class='PETSCII'>&#x0ee4a;</span>\n\nJ",
"\n\n\n\n<span class='PETSCII'>&#x0ee61;</span> <span class='PETSCII'>&#x0ee4b;</span>\n\nK",
"\n\n\n\n<span class='PETSCII'>&#x0ee76;</span> <span class='PETSCII'>&#x0ee4c;</span>\n\nL",
{"f":6},
"[\n:",
"]\n;",
{"f":7},
@ -81,15 +81,15 @@
"\n\n\n\n\n\nC=",
{"f":4,"w":1.5},
"\n\n\n\n\n\nS H I F T",
{"f":7,"p":"SA R5 PETSCII"},
"\n\n\n\n<span class='box'>&#x0ee6d;</span> <span class='box'>&#x0ee5a;</span>\n\nZ",
"\n\n\n\n<span class='box'>&#x0ee7d;</span> <span class='box'>&#x0ee58;</span>\n\nX",
"\n\n\n\n<span class='box'>&#x0ee7c;</span> <span class='box'>&#x0ee43;</span>\n\nC",
"\n\n\n\n<span class='box'>&#x0ee7e;</span> <span class='box'>&#x0ee56;</span>\n\nV",
"\n\n\n\n<span class='box'>&#x0ee7f;</span> <span class='box'>&#x0ee42;</span>\n\nB",
"\n\n\n\n<span class='box'>&#x0ee6a;</span> <span class='box'>&#x0ee4e;</span>\n\nN",
"\n\n\n\n<span class='box'>&#x0ee67;</span> <span class='box'>&#x0ee4d;</span>\n\nM",
{"f":6,"p":"SA R5"},
{"f":7},
"\n\n\n\n<span class='PETSCII'>&#x0ee6d;</span> <span class='PETSCII'>&#x0ee5a;</span>\n\nZ",
"\n\n\n\n<span class='PETSCII'>&#x0ee7d;</span> <span class='PETSCII'>&#x0ee58;</span>\n\nX",
"\n\n\n\n<span class='PETSCII'>&#x0ee7c;</span> <span class='PETSCII'>&#x0ee43;</span>\n\nC",
"\n\n\n\n<span class='PETSCII'>&#x0ee7e;</span> <span class='PETSCII'>&#x0ee56;</span>\n\nV",
"\n\n\n\n<span class='PETSCII'>&#x0ee7f;</span> <span class='PETSCII'>&#x0ee42;</span>\n\nB",
"\n\n\n\n<span class='PETSCII'>&#x0ee6a;</span> <span class='PETSCII'>&#x0ee4e;</span>\n\nN",
"\n\n\n\n<span class='PETSCII'>&#x0ee67;</span> <span class='PETSCII'>&#x0ee4d;</span>\n\nM",
{"f":6},
"<\n,",
">\n.",
"?\n/",
@ -102,7 +102,7 @@
"\n\n\n\nf 8\n\nf 7"
],
[
{"x":2.75,"c":"#413c2c","p":"SA SPACE PETSCII","a":4,"f":3,"w":9},
{"x":2.75,"c":"#413c2c","p":"SA SPACE","a":4,"f":3,"w":9},
""
]
]

Loading…
Cancel
Save