switchcalc/about.html at master · joejohnmurphy/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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">

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

<script language="JavaScript" type="text/javascript" src = "js/menu.js"></script>

<body>
    <div data-sound="about_page" data-move="about.html" class="btn a about_page page_silent" tabindex="1" onfocus="whisper('about_page', 'about_page')">ABOUT ME
    </div>
        <audio id="about_page" controls style="display:none"><source src="sounds/about_page.mp3" type="audio/mpeg"></audio>

    <div data-sound="name" class="btn name" tabindex="2" onfocus="whisper('name', 'name_w')">My name</div>
        <audio id="name" controls style="display:none"><source src="sounds/name.mp3" type="audio/mpeg"></audio>
        <audio id="name_w" controls style="display:none"><source src="sounds/name_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="age" class="btn age" tabindex="3" onfocus="whisper('age', 'age_w')">My age</div>
        <audio id="age" controls style="display:none"><source src="sounds/age.mp3" type="audio/mpeg"></audio>
        <audio id="age_w" controls style="display:none"><source src="sounds/age_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="address" class="btn address" tabindex="4" onfocus="whisper('address', 'address_w')">My address</div>
        <audio id="address" controls style="display:none"><source src="sounds/address.mp3" type="audio/mpeg"></audio>
        <audio id="address_w" controls style="display:none"><source src="sounds/address_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="phone_number" class="btn phone_number" tabindex="5" onfocus="whisper('phone_number', 'phone_number_w')">My phone number</div>
        <audio id="phone_number" controls style="display:none"><source src="sounds/phone_number.mp3" type="audio/mpeg"></audio>
        <audio id="phone_number_w" controls style="display:none"><source src="sounds/phone_number_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="tv" class="btn tv" tabindex="6" onfocus="whisper('tv', 'tv_w')">My favorite show</div>
        <audio id="tv" controls style="display:none"><source src="sounds/tv.mp3" type="audio/mpeg"></audio>
        <audio id="tv_w" controls style="display:none"><source src="sounds/tv_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="sport" class="btn sport" tabindex="7" onfocus="whisper('sport', 'sport_w')">My favorite sport</div>
        <audio id="sport" controls style="display:none"><source src="sounds/sport.mp3" type="audio/mpeg"></audio>
        <audio id="sport_w" controls style="display:none"><source src="sounds/sport_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="team" class="btn team" tabindex="8" onfocus="whisper('team', 'team_w')">My favorite team</div>
        <audio id="team" controls style="display:none"><source src="sounds/team.mp3" type="audio/mpeg"></audio>
        <audio id="team_w" controls style="display:none"><source src="sounds/team_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="music" class="btn music" tabindex="9" onfocus="whisper('music', 'music_w')">My favorite music</div>
        <audio id="music" controls style="display:none"><source src="sounds/music.mp3" type="audio/mpeg"></audio>
        <audio id="music_w" controls style="display:none"><source src="sounds/music_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="sister" class="btn sister" tabindex="10" onfocus="whisper('sister', 'sister_w')">My sister</div>
        <audio id="sister" controls style="display:none"><source src="sounds/sister.mp3" type="audio/mpeg"></audio>
        <audio id="sister_w" controls style="display:none"><source src="sounds/sister_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="my_communication" class="btn my_communication" tabindex="11" onfocus="whisper('my_communication', 'my_communication_w')">My communication</div>
        <audio id="my_communication" controls style="display:none"><source src="sounds/my_communication.mp3" type="audio/mpeg"></audio>
        <audio id="my_communication_w" controls style="display:none"><source src="sounds/my_communication_w.mp3" type="audio/mpeg"></audio>

    <div data-sound="home_page" data-move="home.html" class="btn back home_page page_silent" tabindex="0" onfocus="whisper('home_page', 'home_back_w')">
        <img src="images/up.jpg">
    </div>
        <audio id="home_page" controls style="display:none"><source src="sounds/home_page.mp3" type="audio/mpeg"></audio>
        <audio id="home_back_w" controls style="display:none"><source src="sounds/home_back_w.mp3" type="audio/mpeg"></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>