generated from chingu-voyages/voyage-template
-
Notifications
You must be signed in to change notification settings - Fork 4
/
play.html
58 lines (58 loc) · 1.88 KB
/
play.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
<!DOCTYPE html>
<html>
<head>
<title>Mad Lib Game</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="play.css" />
<!-- Google font for fill-in-the blank words -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap"
rel="stylesheet"
/>
<script src="app.js" defer></script>
</head>
<body>
<div class="wrapper">
<header class="nav-bar">
<div onclick="document.location='index.html'">
<h1>MAD LIBS</h1>
</div>
<a href="play.html" onclick="document.location='play.html'">Play</a>
<a href="instructions.html">Instructions</a>
<a href="ourteam.html">Our Team</a>
<a href="https://github.com/chingu-voyages/v43-tier1-team-08">Github</a>
</header>
<div class="game-container">
<div class="info-section">
<nav class="story-buttons"></nav>
<div class="entry-instructions">
<h3>
Fill in the blanks with adjectives, nouns, exclamations, colors,
adjectives, and more! These words are inserted into the blanks and
then the story is read aloud to hilarious results. There are no
winners or losers, only laughter! Have fun!
</h3>
<h2 class="story-title"></h2>
</div>
</div>
<div class="form-container">
<section class="word-form hidden">
<form class="input-form" name="input-form" action="#"></form>
</section>
<div class="story-container">
<section class="story hidden"></section>
</div>
</div>
</div>
<footer class="footer">
<p>Terms & Conditions</p>
<p>© 2023 Made with ❤️ at Chingu</p>
<p>Privacy Policy</p>
</footer>
</div>
</body>
</html>