alvierahman90
/
words
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add keyboard

This commit is contained in:
Akbar Rahman 2022-01-27 22:05:10 +00:00
parent 64178c3220
commit 356edb2024
Signed by: alvierahman90
GPG Key ID: 20609519444A1269
5 changed files with 66 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitmodules vendored
View File

@ -0,0 +1,3 @@
[submodule "Font-Awesome"]
path = Font-Awesome
url = https://github.com/FortAwesome/Font-Awesome.git

1
Font-Awesome Submodule

@ -0,0 +1 @@
Subproject commit afecf2af5d897b763e5e8e28d46aad2f710ccad6

6
Makefile
View File

@ -3,8 +3,14 @@ MIN_FREQUENCY=1
SOURCE_WORDLIST=1_1_all_fullalpha.txt
ALLOWED_TYPELIST=allowed_types
all: wordlist.js .SUBMODULES
wordlist.js:
./scripts/gen_wordlist.py ${SOURCE_WORDLIST} ${WORD_LENGTH} ${MIN_FREQUENCY} ${ALLOWED_TYPELIST} > wordlist.js
clean:
rm -rf wordlist.js
.SUBMODULES:
git submodule init
git submodule update

41
index.html
View File

@ -3,10 +3,11 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>words</title>
<link rel="stylesheet" type="text/css" href="./Font-Awesome/css/all.min.css">
<title>words by alv</title>
</head>
<body>
<h1>words</h1>
<h1>words by alv</h1>
<div id="game_container">
</div>
@ -16,6 +17,42 @@
<h3 id="end_screen_time"></h3>
<p> refresh page to play again </p>
</div>
<div id="keyboard">
<div class="kb_row" id="kb_row1">
<p class="kb_letter">q</p>
<p class="kb_letter">w</p>
<p class="kb_letter">e</p>
<p class="kb_letter">r</p>
<p class="kb_letter">t</p>
<p class="kb_letter">y</p>
<p class="kb_letter">u</p>
<p class="kb_letter">i</p>
<p class="kb_letter">o</p>
<p class="kb_letter">p</p>
</div>
<div class="kb_row" id="kb_row2">
<p class="kb_letter">a</p>
<p class="kb_letter">s</p>
<p class="kb_letter">d</p>
<p class="kb_letter">f</p>
<p class="kb_letter">g</p>
<p class="kb_letter">h</p>
<p class="kb_letter">j</p>
<p class="kb_letter">k</p>
<p class="kb_letter">l</p>
</div>
<div class="kb_row" id="kb_row3">
<p class="kb_letter"><i class="fas fa-sign-in-alt"></i></p>
<p class="kb_letter">z</p>
<p class="kb_letter">x</p>
<p class="kb_letter">c</p>
<p class="kb_letter">v</p>
<p class="kb_letter">b</p>
<p class="kb_letter">n</p>
<p class="kb_letter">m</p>
<p class="kb_letter"><i class="fas fa-backspace"></i></p>
</div>
</div>
<p>built with ❤ and adequate amounts of care by <a href="https://alv.cx">alv</a></p>
<p>thanks to Lancaster University for the wordlist and you can find it <a href="https://ucrel.lancs.ac.uk/bncfreq/flists.html">here</a></p>

18
styles.css
View File

@ -100,4 +100,20 @@
#end_screen * {
width: fit-content;
}
}
.kb_row {
display: flex;
}
.kb_row * {
width: 3em;
height: 3em;
text-align: center;
margin: 0;
}
.kb_row .kb_filler {
width: 1.5em;
}