Skip to content
Snippets Groups Projects
Commit 02caa7c7 authored by Silas Dohm's avatar Silas Dohm
Browse files

added controlscheme svg's

parent 1dd93acd
No related branches found
No related tags found
No related merge requests found
function initTestPuzzle2(){
words.push(new Word("Ribonukleinsäure", "rna", 1, 1, 0));
words.push(new Word("Kleinigkeit", "peanuts", 5, 1, 0));
words.push(new Word("Fahrzeugklasse", "kombi", 1, 2, 0));
words.push(new Word("griech. Hirtengott", "pan", 7, 2, 0));
words.push(new Word("Papageienart", "ano", 1, 3, 0));
words.push(new Word("Staat der USA", "alabama", 5, 3, 0));
words.push(new Word("Pronomen", "unsre", 0, 4, 0));
words.push(new Word("dt. Vorsilbe", "an", 10, 4, 0));
words.push(new Word("mit erhöhter Temperatur", "fiebrig", 5, 5, 0));
words.push(new Word("chin. Kochtopf", "wok", 1, 6, 0));
words.push(new Word("Amateur", "laie", 5, 6, 0));
words.push(new Word("Wigwam", "tipi", 0, 7, 0));
words.push(new Word("franz.: und", "et", 5, 7, 0));
words.push(new Word("dt. Komiker (Vorn.)", "atze", 8, 7, 0));
words.push(new Word("Ehemann", "gatte", 5, 8, 0));
words.push(new Word("Fördergerät", "pumpe", 1, 9, 0));
words.push(new Word("Song", "lied", 8, 9, 0));
words.push(new Word("Reim: ... mene muh", "ene", 1, 10, 0));
words.push(new Word("Insekt", "libelle", 5, 10, 0));
words.push(new Word("Vortrag", "lesung", 1, 11, 0));
words.push(new Word("spielte James Bond, Connery", "sean", 8, 11, 0));
words.push(new Word("Wirbelsturm", "orkan", 1, 0, 1));
words.push(new Word("Hauptst. von Samoa", "apia", 5, 0, 1));
words.push(new Word("bunter Tropenvogel", "papagei", 7, 0, 1));
words.push(new Word("lat.: Mond", "luna", 9, 0, 1));
words.push(new Word("unausgesetzt", "nonstop", 2, 1, 1));
words.push(new Word("Gott der Liebe", "amor", 3, 1, 1));
words.push(new Word("Kfz-Z. Nabburg", "nab", 8, 1, 1));
words.push(new Word("Straßenjargon", "slang", 11, 1, 1));
words.push(new Word("Stadt am Rhein", "mainz", 10, 3, 1));
words.push(new Word("lümmeln", "flegeln", 5, 5, 1));
words.push(new Word("Intern. Luftverkehrsv.", "iata", 6, 5, 1));
words.push(new Word("\"die Pilzköpfe\"", "beatles", 8, 5, 1));
words.push(new Word("Fähnchen", "wimpel", 1, 6, 1));
words.push(new Word("Volksfest", "kirmes", 3, 6, 1));
words.push(new Word("Stücke vom Ganzen", "teile", 9, 7, 1));
words.push(new Word("dt. Hafenstadt", "emden", 11, 7, 1));
words.push(new Word("unbest. franz. Artikel", "une", 2, 9, 1));
words.push(new Word("Frauenkurzname", "ela", 10, 9, 1));
words.push(new Word("Abk.: in Gründung", "ig", 6, 10, 1));
words.push(new Word("einverstanden", "okay", 1, 1, 0));
words.push(new Word("Hochziele", "ideale", 6, 1, 0));
words.push(new Word("Rauschgift", "dope", 1, 2, 0));
words.push(new Word("altgerm. Donnergott", "thor", 8, 2, 0));
words.push(new Word("Hospital", "klinik", 1, 3, 0));
words.push(new Word("Wortreihe", "satz", 8, 3, 0));
words.push(new Word("österr.: Tschüss", "baba", 0, 4, 0));
words.push(new Word("engl.: Nacken", "neck", 5, 4, 0));
words.push(new Word("Bildzeichen", "ikon", 8, 5, 0));
words.push(new Word("Teil eines Videos", "tonspur", 0, 6, 0));
words.push(new Word("Vorsilbe: gemäß", "ana", 9, 6, 0));
words.push(new Word("poln. Stadt", "posen", 3, 7, 0));
words.push(new Word("lat. Vorsilbe: Sonne", "solar", 0, 8, 0));
words.push(new Word("Durchschnitt", "mittel", 6, 8, 0));
words.push(new Word("sich drehen", "rotieren", 3, 9, 0));
words.push(new Word("ugs.: erstklassig", "dufte", 0, 10, 0));
words.push(new Word("Lattenkiste", "stiege", 6, 10, 0));
words.push(new Word("Rauchfang", "esse", 3, 11, 0));
words.push(new Word("Luftreifen", "pneu", 8, 11, 0));
words.push(new Word("Schnaps", "wodka", 1, 0, 1));
words.push(new Word("Laubbaum", "birke", 6, 0, 1));
words.push(new Word("Wassermotorrad", "jetski", 8, 0, 1));
words.push(new Word("Teil des Motors", "kolben", 2, 1, 1));
words.push(new Word("Hauptst. von Samoa", "apia", 3, 1, 1));
words.push(new Word("jap. Währungseinheit", "yen", 4, 1, 1));
words.push(new Word("Ach so!", "aha", 9, 1, 1));
words.push(new Word("Hautpflegemittel", "lotion", 10, 1, 1));
words.push(new Word("metallhaltiges Gestein", "erz", 11, 1, 1));
words.push(new Word("lat.: inwendig", "intus", 5, 3, 1));
words.push(new Word("dornige Pflanzen", "kakteen", 9, 5, 1));
words.push(new Word("Kochsalz", "nacl", 11, 5, 1));
words.push(new Word("Beitrag", "obolus", 1, 6, 1));
words.push(new Word("Teilbereich", "sparte", 3, 6, 1));
words.push(new Word("durchlässig", "poroes", 4, 6, 1));
words.push(new Word("Geräteschuppen", "remise", 6, 6, 1));
words.push(new Word("Metallbolzen", "niet", 7, 7, 1));
words.push(new Word("kleine Reise", "trip", 8, 8, 1));
words.push(new Word("Bedrängnis", "enge", 10, 8, 1));
words.push(new Word("chem. Z. Europium", "eu", 11, 10, 1));
}
......@@ -16,12 +16,12 @@
</div>
<div class="clueWrapper">
<div class="clues">
<span><b>across</b></span>
<span><b>WAAGERECHT </b></span>
<ol id="across" class="clueList">
</ol>
</div>
<div class="clues">
<span><b>down</b></span>
<span><b>SENKRECHT </b></span>
<ol id="down" class="clueList">
</ol>
</div>
......@@ -35,33 +35,12 @@
<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>
<p>keybindings:</p>
<table>
<tr>
<th>key</th>
<th>action</th>
<th>key</th>
<th>action</th>
</tr>
<tr>
<td>h</td>
<td>move left</td>
<td>l</td>
<td>move righ</td>
</tr>
<tr>
<td>j</td>
<td>move down</td>
<td>k</td>
<td>move up</td>
</tr>
<tr>
<td>x</td>
<td>delete char</td>
<td>k</td>
<td>up</td>
</tr>
</table>
<span class="navbar" id="btnNav" style="color: #ffab58; text-decoration: underline;">Navigation</span>
<span class="navbar" id="btnIns">Eingabe</span>
<h2>Steuerung</h2>
<img id="svgCon" src="keybindings1.svg" style="width: 80%;" alt="">
<!-- <img id="insImg" src="keybindings2.svg" style="width: 80%;" alt=""> -->
</div>
</div>
<div id="status">
......
This diff is collapsed.
This diff is collapsed.
......@@ -23,3 +23,21 @@ window.onclick = function(event) {
modal.style.display = "none";
}
}
var btnNav = document.getElementById("btnNav");
var btnIns = document.getElementById("btnIns");
var svgCon = document.getElementById("svgCon");
btnNav.onclick = function(){
btnIns.style.textDecoration = "none";
btnNav.style.textDecoration = "underline";
btnIns.style.color = "white";
btnNav.style.color = "#ffab58";
svgCon.setAttribute("src","keybindings1.svg");
}
btnIns.onclick = function(){
btnNav.style.textDecoration = "none";
btnIns.style.textDecoration = "underline";
btnNav.style.color = "white";
btnIns.style.color = "#ffab58";
svgCon.setAttribute("src","keybindings2.svg");
}
\ No newline at end of file
......@@ -221,13 +221,6 @@ function logKey(e) {
forceValidOrientation();
activeMode = mode.insert;
break;
// case "O":
// if (activeCell.word[1])
// activeCell = activeCell.word[1].chars[0];
// case "o":
// activeMode = mode.insert;
// m_orientation = 1;
// break;
case "a":
activeCell = m_orientation ? activeCell.neighbour[3] : activeCell.neighbour[2];
forceValidOrientation();
......@@ -283,6 +276,9 @@ function logKey(e) {
}
}
break;
case "Dead":
if(e.code != "Backquote")
break;
case "`":
activeCell.currentChar = activeCell.actualChar;
break;
......
......@@ -68,6 +68,7 @@ li{
background-color: var(--bg-color);
color:white;
margin: auto;
text-align: center;
padding: 20px;
box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
width: 80%;
......@@ -94,19 +95,14 @@ li{
font-size: 1.2em;
width: 1.2em;
}
.modal-content table{
margin: 0 auto;
}
.modal-content tr{
/* margin: 5px; */
}
.modal-content th{
border: 1px white solid;
padding: 0px 1em;
.navbar:hover{
cursor:pointer;
color: #ffab58 !important;
text-decoration: underline !important;
}
.modal-content td{
border: 1px white solid;
text-align: center;
.navbar{
font-size: 20px;
background-color: none;
}
/* ===============statusBar div=============== */
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment