switchcalc/condiments.html at master · brownpl/switchcalc · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Condiments</title>
    <link rel="stylesheet" href="css/talker.css">
</head>

<body>
    <div class="info" tabindex="1">
        <img src="images/info.jpg" alt="You are on Condiments">
    </div>
    <div class='btn a condiment' tabindex='1'>condiment</div>
    <div class='btn b barbeque' tabindex='1'>barbeque</div>
    <div class='btn c butter' tabindex='1'>butter</div>
    <div class='btn d jelly' tabindex='1'>jelly</div>
    <div class='btn e ketchup' tabindex='1'>ketchup</div>
    <div class='btn f mayo' tabindex='1'>mayo</div>
    <div class='btn g mustard' tabindex='1'>mustard</div>
    <div class='btn h peanut_butter' tabindex='1'>peanut butter</div>
    <div class='btn i pepper' tabindex='1'>pepper</div>
    <div class='btn j salt' tabindex='1'>salt</div>
    <div class='btn k sugar' tabindex='1'>sugar</div>
    <div class='btn l syrup' tabindex='1'>syrup</div>

    <a href="javascript:location.replace('food.html')" class="btn up" tabindex="0">
        <img src="images/up.jpg" alt="Go back to the last page">
    </a>

    <audio id='condiment' controls style='display:none'><source src='sounds/condiment.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='barbeque' controls style='display:none'><source src='sounds/barbeque.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='butter' controls style='display:none'><source src='sounds/butter.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='jelly' controls style='display:none'><source src='sounds/jelly.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='ketchup' controls style='display:none'><source src='sounds/ketchup.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='mayo' controls style='display:none'><source src='sounds/mayo.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='mustard' controls style='display:none'><source src='sounds/mustard.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='peanut_butter' controls style='display:none'><source src='sounds/peanut_butter.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='pepper' controls style='display:none'><source src='sounds/pepper.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='salt' controls style='display:none'><source src='sounds/salt.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='sugar' controls style='display:none'><source src='sounds/sugar.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>
    <audio id='syrup' controls style='display:none'><source src='sounds/syrup.mp3' type='audio/mpeg'> Your browser does not support the audio element.</audio>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
    <script src="js/talker.js"></script>
</body>

</html>