From 356edb20245e4bde5941a7f6f2db2306c58e3d7b Mon Sep 17 00:00:00 2001 From: Alvie Rahman Date: Thu, 27 Jan 2022 22:05:10 +0000 Subject: [PATCH] add keyboard --- .gitmodules | 3 +++ Font-Awesome | 1 + Makefile | 6 ++++++ index.html | 41 +++++++++++++++++++++++++++++++++++++++-- styles.css | 18 +++++++++++++++++- 5 files changed, 66 insertions(+), 3 deletions(-) create mode 160000 Font-Awesome diff --git a/.gitmodules b/.gitmodules index e69de29..262059b 100644 --- a/.gitmodules +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "Font-Awesome"] + path = Font-Awesome + url = https://github.com/FortAwesome/Font-Awesome.git diff --git a/Font-Awesome b/Font-Awesome new file mode 160000 index 0000000..afecf2a --- /dev/null +++ b/Font-Awesome @@ -0,0 +1 @@ +Subproject commit afecf2af5d897b763e5e8e28d46aad2f710ccad6 diff --git a/Makefile b/Makefile index 7d141d3..001523c 100644 --- a/Makefile +++ b/Makefile @@ -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 diff --git a/index.html b/index.html index 923fe47..80d2e72 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,11 @@ -words + +words by alv -

words

+

words by alv

@@ -16,6 +17,42 @@

refresh page to play again

+
+
+

q

+

w

+

e

+

r

+

t

+

y

+

u

+

i

+

o

+

p

+
+
+

a

+

s

+

d

+

f

+

g

+

h

+

j

+

k

+

l

+
+
+

+

z

+

x

+

c

+

v

+

b

+

n

+

m

+

+
+

built with ❤ and adequate amounts of care by alv

thanks to Lancaster University for the wordlist and you can find it here

diff --git a/styles.css b/styles.css index 6cb41a7..c0e5e46 100644 --- a/styles.css +++ b/styles.css @@ -100,4 +100,20 @@ #end_screen * { width: fit-content; -} \ No newline at end of file +} + +.kb_row { + display: flex; +} + +.kb_row * { + width: 3em; + height: 3em; + text-align: center; + margin: 0; +} + +.kb_row .kb_filler { + width: 1.5em; +} +