diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 51 |
1 files changed, 35 insertions, 16 deletions
diff --git a/index.html b/index.html index 35f18ef..5f62f48 100644 --- a/index.html +++ b/index.html @@ -10,28 +10,47 @@ <body> <main> + <section id="dropdown"> + <button id="close-dropdown">X</button> + <h1>Wednesdayle</h1> + <p> + It's one word, nine letters long! + </p> + <p> + You have one guess. Goodluck! + </p> + </section> + <h1>Wednesdayle</h1> <section id="game-area"> - <div id="box0"> </div> - <div id="box1"> </div> - <div id="box2"> </div> - <div id="box3"> </div> - <div id="box4"> </div> - <div id="box5"> </div> - <div id="box6"> </div> - <div id="box7"> </div> - <div id="box8"> </div> + <div id="box0"></div> + <div id="box1"></div> + <div id="box2"></div> + <div id="box3"></div> + <div id="box4"></div> + <div id="box5"></div> + <div id="box6"></div> + <div id="box7"></div> + <div id="box8"></div> + <section id="msgbox"> + <div id="notword">That's not the word..</div> + <div id="theword">That's the word!</div> + </section> </section> <section id="keyboard"> <div id="row0"> - <button id="key00">W</button> - <button id="key01">E</button> - <button id="key02">Y</button> + <button id="key0">W</button> + <button id="key1">E</button> + <button id="key2">Y</button> </div> <div id="row1"> - <button id="key10">A</button> - <button id="key11">S</button> - <button id="key12">D</button> - <button id="key13">N</button> + <button id="key3">A</button> + <button id="key4">S</button> + <button id="key5">D</button> + <button id="key6">N</button> + </div> + <div id="row2"> + <button id="delete">Delete</button> + <button id="enter">Enter</button> </div> </section> </main> |