-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (86 loc) · 5.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wordly!</title>
<link rel="stylesheet" href="css/style.css">
<link rel="author" href="humans.txt">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/main.js"></script>
<link href='http://fonts.googleapis.com/css?family=Signika+Negative:400,700|Reenie+Beanie' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="http://www.catherinegoneill.com/wp-content/uploads/2014/06/c-white-favicon.png" />
</head>
<body>
<header>
<div class="wrapper">
<div class = "title">
<h1>Wordly! </h1>
<h4>the silly game of fill in the blank</h4>
</div>
<nav>
<div id="startgame">Start New Game</div>
<div id="quitgame">Quit This Game</div>
<div id="showinstructions">Show Instructions</div>
</nav>
</div>
</header>
<div class="content">
<div class="wrapper">
<div class="instructions" id="instructions">
<h3>Instructions to Play Wordly!</h3>
<p><em>Wordly!</em> is a fun game for ages 8 and up that teaches players the parts of speech. To play, click the <em>Start New Game</em> button. Fill out the form with words for each part of speech. When you are finished, click <em>Submit</em>. A passage will be shown on the screen with the blanks filled in. You'll be giggling soon. Enjoy! </p>
</div>
<form class="words_form" id="words_form">
</form>
<div class="text" id="text">
<div id="text1">
<h3>The Cutest Puppy</h3>
<p>Today, I walked by the pet store. I saw a very
<span class="blank" id="blank0" title="adjective"></span> puppy. The puppy was chewing on a(n)
<span class="blank" id="blank1" title="singular noun"></span>. When he saw me, he wagged his tail
<span class="blank" id="blank2" title="adverb"></span>. Since he looked so
<span class="blank" id="blank3" title="adjective"></span>, I decided to go into the store and give him a pat on the head. Then I reached into my pocket, and grabbed a(n)
<span class="blank" id="blank4" title="singular noun"></span> which I fed him. He seemed to enjoy it, and he suddenly started to
<span class="blank" id="blank5" title="verb"></span> and
<span class="blank" id="blank6" title="verb"></span>. He was such a funny dog, that I decided to name him
<span class="blank" id="blank7" title="name of someone in the room"></span>. When he heard his new name, he immediately began
<span class="blank" id="blank8" title="-ing verb"></span> and
<span class="blank" id="blank9" title="-ing verb"></span> happily. What a
<span class="blank" id="blank10" title="adjective"></span> dog!</p>
</div>
<div id="text2">
<h3>Marathons</h3>
<p>If you haven't ever run a marathon, let me explain how
<span class="blank" id="blank0" title="adjective"></span> this race really is. It is 26.2 miles long. The fastest runners in the world finish the race in less than 2 and a half hours, but other runners finish in about
<span class="blank" id="blank1" title="number"></span> hours. When you run a marathon, you can't quit. No matter how
<span class="blank" id="blank2" title="adjective"></span> you feel, you keep
<span class="blank" id="blank3" title="-ing verb"></span> and
<span class="blank" id="blank4" title="-ing verb"></span> until you've finished all 26.2
<span class="blank" id="blank5" title="adjective"></span> miles. If you've trained enough, you feel pretty
<span class="blank" id="blank6" title="adjective"></span> for the first 15 miles. Then you start getting
<span class="blank" id="blank7" title="adjective"></span>. By mile 18, you're really running out of steam and you start dreaming about
<span class="blank" id="blank8" title="plural noun"></span>. By mile 20, you wonder if your
<span class="blank" id="blank9" title="body part"></span> can keep moving, but you still have 6 long miles left. By mile 23, some people are so
<span class="blank" id="blank10" title="adjective"></span> that they start crying. But they keep going. Each mile feels
<span class="blank" id="blank11" title="comparative adjective"></span> than the last. If you get dehydrated, you might start hallucinating. One time while running a marathon, I dreamed I saw a
<span class="blank" id="blank12" title="adjective"></span>
<span class="blank" id="blank13" title="noun"></span> wearing a
<span class="blank" id="blank14" title="noun"></span>. I hope you can see that running a marathon is very
<span class="blank" id="blank15" title="adjective"></span>. </p>
</div>
</div> <!--End text-->
</div> <!-- END WRAPPER -->
</div> <!-- END CONTENT -->
<footer>
<div class="wrapper">
<div class="social">
<a href="http://www.linkedin.com/in/catherinegoneill"><img src="images/LinkedIn.png" alt="LinkedIn" /></a>
<a href="http://github.com/cath-oneill"><img src="images/GitHub.png" alt="GitHub" /></a>
</div>
<p>Produced and designed by Catherine O'Neill.</p>
</div>
</footer>
</body>
</html>