-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (45 loc) · 1.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TTYD Interactive Cookbook</title>
<link rel="stylesheet" href="main.css">
<link rel="icon" href="favicon.png" type="image/x-icon">
<!-- Additional sizes for better quality across devices
<link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/favicon-48x48.png" sizes="48x48" type="image/png">
<link rel="icon" href="/favicon-192x192.png" sizes="192x192" type="image/png">-->
</head>
<body>
<div class="overlay"></div>
<section id="cooking">
<h2>TTYD (Switch) Interactive Cookbook<br>For help, message 'silversokolova' on Discord!</h2>
<div class="bottom-right-container">
<img src="img/gamecube.png" width=50px height=50px title="Click to swap sprites!" onclick="swapSprites();" class="bottom-right">
<a href="credits.html" class="bottom-right" target="_self">
<p>Credits</p>
</a>
</div>
<div class="container">
<select id="dropdown1" onchange="cook(1);">
<option value="">No Item</option>
</select>
<select id="dropdown2" onchange="cook(2);" disabled=true>
<option value="">No Item</option>
</select>
</div>
<div class="container">
<img name="item1" class="item">
<p id="desc1" class="item"></p>
<img name="item2" class="item">
<p id="desc2" class="item"></p>
</div>
<div class="container">
<img name="item3" class="item">
<p id="desc3" class="item">Please select an item above!</p>
</div>
</section>
<script src="itemDatabase.js"></script>
<script src="index.js"></script>
</body>
</html>