diff --git a/index.html b/index.html index c0fd16c..797e848 100755 --- a/index.html +++ b/index.html @@ -94,155 +94,12 @@ -
+

Who's on First

-
-
 
bottom-left
-
BLANK
middle-right
-
C
top-right
-
CEE
bottom-right
-
DISPLAY
bottom-right
-
FIRST
top-right
-
HOLD ON
bottom-right
-
LEAD
bottom-right
-
LED
middle-left
-
LEED
bottom-left
-
NO
bottom-right
-
NOTHING
middle-left
-
OKAY
top-right
-
READ
middle-right
-
RED
middle-right
-
REED
bottom-left
-
SAYS
bottom-right
-
SEE
bottom-right
-
U
top-left
-
UR
top-left
-
THEIR
middle-right
-
THERE
bottom-right
-
THEY ARE
middle-left
-
THEY'RE
bottom-left
-
YES
middle-left
-
YOU
middle-right
-
YOU ARE
bottom-right
-
YOUR
middle-right
-
YOU'RE
middle-right
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
"BLANK":WAIT, RIGHT, OKAY, MIDDLE, BLANK
"DONE":SURE, UH HUH, NEXT, WHAT?, YOUR, UR, YOU'RE, HOLD, LIKE, YOU, U, YOU ARE, UH UH, DONE
"FIRST":LEFT, OKAY, YES, MIDDLE, NO, RIGHT, NOTHING, UHHH, WAIT, READY, BLANK, WHAT, PRESS, FIRST
"HOLD":YOU ARE, U, DONE, UH UH, YOU, UR, SURE, WHAT?, YOU'RE, NEXT, HOLD
"LEFT":RIGHT, LEFT
"LIKE":YOU'RE, NEXT, U, UR, HOLD, DONE, UH UH, WHAT?, UH HUH, YOU, LIKE
"MIDDLE":BLANK, READY, OKAY, WHAT, NOTHING, PRESS, NO, WAIT, LEFT, MIDDLE
"NEXT":WHAT?, UH HUH, UH UH, YOUR, HOLD, SURE, NEXT
"NO":BLANK, UHHH, WAIT, FIRST, WHAT, READY, RIGHT, YES, NOTHING, LEFT, PRESS, OKAY, NO
"NOTHING":UHHH, RIGHT, OKAY, MIDDLE, YES, BLANK, NO, PRESS, LEFT, WHAT, WAIT, FIRST, NOTHING
"OKAY":MIDDLE, NO, FIRST, YES, UHHH, NOTHING, WAIT, OKAY
"PRESS":RIGHT, MIDDLE, YES, READY, PRESS
"READY":YES, OKAY, WHAT, MIDDLE, LEFT, PRESS, RIGHT, BLANK, READY
"RIGHT":YES, NOTHING, READY, PRESS, NO, WAIT, WHAT, RIGHT
"SURE":YOU ARE, DONE, LIKE, YOU'RE, YOU, HOLD, UH HUH, UR, SURE
"U":UH HUH, SURE, NEXT, WHAT?, YOU'RE, UR, UH UH, DONE, U
"UH HUH":UH HUH
"UH UH":UR, U, YOU ARE, YOU'RE, NEXT, UH UH
"UHHH":READY, NOTHING, LEFT, WHAT, OKAY, YES, RIGHT, NO, PRESS, BLANK, UHHH
"UR":DONE, U, UR
"WAIT":UHHH, NO, BLANK, OKAY, YES, LEFT, FIRST, PRESS, WHAT, WAIT
"WHAT":UHHH, WHAT
"WHAT?":YOU, HOLD, YOU'RE, YOUR, U, DONE, UH UH, LIKE, YOU ARE, UH HUH, UR, NEXT, WHAT?
"YES":OKAY, RIGHT, UHHH, MIDDLE, FIRST, WHAT, PRESS, READY, NOTHING, YES
"YOU ARE":YOUR, NEXT, LIKE, UH HUH, WHAT?, DONE, UH UH, HOLD, YOU, U, YOU'RE, SURE, UR
"YOU":SURE, YOU ARE, YOUR, YOU'RE, NEXT, UH HUH, UR, HOLD, WHAT?, YOU
"YOU'RE":YOU, YOU'RE
"YOUR":UH UH, YOU ARE, UH HUH, YOUR
+
+
+
diff --git a/ktane.css b/ktane.css index 4b809be..95918b1 100755 --- a/ktane.css +++ b/ktane.css @@ -225,20 +225,20 @@ h2 { transform: rotate(-135deg); } -#sectionDisplay { +#sectionWof { white-space: nowrap; } -#sectionDisplay dl, #sectionDisplay table { +#sectionWof dl, #sectionWof table { display: inline-block; margin-bottom: 1em; } -#sectionDisplay.collapsed dl, #sectionDisplay.collapsed table { +#sectionWof.collapsed dl, #sectionWof.collapsed table { display: none; } -#sectionDisplay dl { +#sectionWof dl { margin-right: 4em; } -#sectionDisplay dt { +#sectionWof dt { background-color: black; clear: left; color: white; @@ -246,18 +246,21 @@ h2 { text-align: center; width: 6em; } -#sectionDisplay dd { +#sectionWof dd { margin-bottom: 0.4em; margin-left: 0; } -#sectionDisplay dt, #sectionDisplay dd { +#sectionWof dt, #sectionWof dd { display: inline-block; float: left; } -#sectionDisplay table { +#sectionWof dt.inactive + dd { + opacity: 0; +} +#sectionWof table { margin-left: 0.5em; } -#sectionDisplay th { +#sectionWof th { border: 1px solid black; } diff --git a/ktane.js b/ktane.js index 9739d91..fef9663 100755 --- a/ktane.js +++ b/ktane.js @@ -206,6 +206,122 @@ $('.jsResetSection').on('click', function () { }).first().trigger('change'); })(); +(function () { + /** + * Who's on First + */ + var TL = 'top-left', + TR = 'top-right', + ML = 'middle-left', + MR = 'middle-right', + BL = 'bottom-left', + BR = 'bottom-right', + displays = { + '\u00a0': BL, + 'BLANK': MR, + 'C': TR, + 'CEE': BR, + 'DISPLAY': BR, + 'FIRST': TR, + 'HOLD ON': BR, + 'LEAD': BR, + 'LED': ML, + 'LEED': BL, + 'NO': BR, + 'NOTHING': ML, + 'OKAY': TR, + 'READ': MR, + 'RED': MR, + 'REED': BL, + 'SAYS': BR, + 'SEE': BR, + 'U': TL, + 'UR': TL, + 'THEIR': MR, + 'THERE': BR, + 'THEY ARE': ML, + 'THEY\'RE': BL, + 'YES': ML, + 'YOU': MR, + 'YOU ARE': BR, + 'YOUR': MR, + 'YOU\'RE': MR + }, + sequence = { + 'BLANK': 'WAIT, RIGHT, OKAY, MIDDLE, BLANK', + 'DONE': 'SURE, UH HUH, NEXT, WHAT?, YOUR, UR, YOU\'RE, HOLD, LIKE, YOU, U, YOU ARE, UH UH, DONE', + 'FIRST': 'LEFT, OKAY, YES, MIDDLE, NO, RIGHT, NOTHING, UHHH, WAIT, READY, BLANK, WHAT, PRESS, FIRST', + 'HOLD': 'YOU ARE, U, DONE, UH UH, YOU, UR, SURE, WHAT?, YOU\'RE, NEXT, HOLD', + 'LEFT': 'RIGHT, LEFT', + 'LIKE': 'YOU\'RE, NEXT, U, UR, HOLD, DONE, UH UH, WHAT?, UH HUH, YOU, LIKE', + 'MIDDLE': 'BLANK, READY, OKAY, WHAT, NOTHING, PRESS, NO, WAIT, LEFT, MIDDLE', + 'NEXT': 'WHAT?, UH HUH, UH UH, YOUR, HOLD, SURE, NEXT', + 'NO': 'BLANK, UHHH, WAIT, FIRST, WHAT, READY, RIGHT, YES, NOTHING, LEFT, PRESS, OKAY, NO', + 'NOTHING': 'UHHH, RIGHT, OKAY, MIDDLE, YES, BLANK, NO, PRESS, LEFT, WHAT, WAIT, FIRST, NOTHING', + 'OKAY': 'MIDDLE, NO, FIRST, YES, UHHH, NOTHING, WAIT, OKAY', + 'PRESS': 'RIGHT, MIDDLE, YES, READY, PRESS', + 'READY': 'YES, OKAY, WHAT, MIDDLE, LEFT, PRESS, RIGHT, BLANK, READY', + 'RIGHT': 'YES, NOTHING, READY, PRESS, NO, WAIT, WHAT, RIGHT', + 'SURE': 'YOU ARE, DONE, LIKE, YOU\'RE, YOU, HOLD, UH HUH, UR, SURE', + 'U': 'UH HUH, SURE, NEXT, WHAT?, YOU\'RE, UR, UH UH, DONE, U', + 'UH HUH': 'UH HUH', + 'UH UH': 'UR, U, YOU ARE, YOU\'RE, NEXT, UH UH', + 'UHHH': 'READY, NOTHING, LEFT, WHAT, OKAY, YES, RIGHT, NO, PRESS, BLANK, UHHH', + 'UR': 'DONE, U, UR', + 'WAIT': 'UHHH, NO, BLANK, OKAY, YES, LEFT, FIRST, PRESS, WHAT, WAIT', + 'WHAT': 'UHHH, WHAT', + 'WHAT?': 'YOU, HOLD, YOU\'RE, YOUR, U, DONE, UH UH, LIKE, YOU ARE, UH HUH, UR, NEXT, WHAT?', + 'YES': 'OKAY, RIGHT, UHHH, MIDDLE, FIRST, WHAT, PRESS, READY, NOTHING, YES', + 'YOU ARE': 'YOUR, NEXT, LIKE, UH HUH, WHAT?, DONE, UH UH, HOLD, YOU, U, YOU\'RE, SURE, UR', + 'YOU': 'SURE, YOU ARE, YOUR, YOU\'RE, NEXT, UH HUH, UR, HOLD, WHAT?, YOU', + 'YOU\'RE': 'YOU, YOU\'RE', + 'YOUR': 'UH UH, YOU ARE, UH HUH, YOUR' + }, + $list = $('#wofList'), + $table = $('#wofTable'), + $displays = {}, + $rows = {}; + + $.each(displays, function (word, location) { + var $dt = $('
' + word + '
'); + $list.append($dt) + .append($('
' + location + '
')); + $displays[word] = $dt; + }); + + $.each(sequence, function (word, sequence) { + var $row = $('') + .append('"' + word + '":') + .append('' + sequence + ''); + $table.append($row); + $rows[word] = $row; + }); + + $('#wofInput').on('keyup', function () { + var value = this.value.replace(/^ +| +|[^A-Za-z']$/, '').toUpperCase(); + this.value = value; + + $.each($displays, function (word, $dt) { + $dt.removeClass('inactive'); + }); + $.each($rows, function (word, $row) { + $row.removeClass('inactive'); + }); + + if (!value) { + return; + } + + $.each($displays, function (word, $dt) { + word.indexOf(value) !== 0 && $dt.addClass('inactive'); + }); + + $.each($rows, function (word, $row) { + word.indexOf(value) !== 0 && $row.addClass('inactive'); + }); + }); +})(); + (function () { /** * Memory