Henry/index.html at master · idechow/Henry · 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
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!-- index.html -->

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <link rel="shortcut icon" type="image/png" href="./dist/Tiger.png" />
   <title>Henry</title>
   <link href="https://fonts.googleapis.com/css?family=Bungee+Inline|Montserrat|Roboto&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="./dist/reset.css">
   <link rel="stylesheet" href="./dist/henry.css">
   <script src="https://kit.fontawesome.com/4978d83d65.js" crossorigin="anonymous" SameSite="none Secure"></script>
   <script type="application/javascript" src="./dist/main.js"></script>
</head>

<body>
   <tag class="title start">
      <h1 id="1">H</h1>
      <h1 id="2">E</h1>
      <h1 id="3">N</h1>
      <h1 id="4">R</h1>
      <h1 id="5">Y</H1>
   </tag>
   <div class="play-pause">
      <button class='music'>
         <span class='mute hidden'><i class="fas fa-volume-up"></i></span>
         <span class='unmute hidden'><i class="fas fa-volume-mute"></i></span>
      </button>
   </div>
   <section id='start-menu' class='start-menu hidden'>
      <ul class='menu'>
         <audio id="player" loop
            src="./dist/shuffle_sound/EndCredits.mp3"
            type="audio/mp3" preload="auto" >
         </audio>
         <li id='play-btn'>PLAY
            <audio
               id="start-noise"
               src="./dist/shuffle_sound/Shuffle.m4a"
               type="audio/mp4" preload="auto" controls="none"
               style="display: none;">
            </audio>
         </li>
         <li id='levels-btn'>LEVELS</li>
         <li id='rules-btn'>ABOUT</li>
         <li class='info-btn'>
            <a class="links one" href="https://github.com/idechow/Henry" target="_blank">
               <i class="fab fa-github"></i>
            </a>
            <a class="links two" href="https://www.linkedin.com/in/ian-franklin-dechow/" target="_blank">
               <i class="fab fa-linkedin-in"></i>
            </a>
         </li>
      </ul>
   </section>
   <section id='rules-menu' class='rules-menu hidden'>
      <article class='rules'>
         <h3>About the Game</h3>
         <p class='description'>
            Henry is an auditory memory game, first released by Tiger Electronics
            in 1996 as a handheld game console. Henry is designed to challenge your
            memorization abilities with seventy-five unique sounds.
            <br>
            <br>
            Press Play to shuffle songs and 16 sounds will load onto the game board. Press the Henry
            button to play a sound and attempt to match it to a cell on the grid.
            You win by matching four sounds in a row, horizontally, vertically, or
            diagonally. It's harder than it looks!
         </p>

         <ol type="1">
            <li>Press the glowing Henry button to play a sound</li>
            <li>Match the sound on the grid</li>
            <li>Find four in a line</li>
            <li>Press reset to start a new game</li>
         </ol>
         <button id="close-btn1" class="close-btn">Back to Menu</button>
      </article>
   </section>
   <section id='levels-menu' class='rules-menu hidden'>
      <article class='rules'>
         <h3>Choose the Dificulty</h3>
         <div class='btn-wrap'>
            <button id='baby' class="level-btn">Baby</button>
            <button id='easy' class="level-btn">Easy</button>
            <button id='norm' class="level-btn select">Standard</button>
         </div>
         <button id="close-btn2" class="close-btn">Back to Menu</button>
      </article>
   </section>
   <section class="shell hidden">
      <button class='home default' disabled=true>Quit</button>
      <!-- <button class="henry figButton">Henry</button> -->
      <figure id="grid" class='grid hidden default'></figure>
      <figure id="anima" class='grid shuffle'></figure>
      <figure id="win" class='grid shuffle hidden'></figure>
      <aside class='won hidden'>You're a winner!
         <audio
            id="end-noise"
            src="./dist/shuffle_sound/End_Sound.m4a"
            type="audio/mp4" preload="auto" controls="none"
            style="display: none;">
         </audio>
      </aside>
   </section>
   <!-- <footer></footer> -->
</body>


</html>

<!-- http://trekcore.com/tos/audio/themes/EndCredits.mp3 -->