floppy/index.html at master · kyleissuper/floppy · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Floppy Pocky - Kyle Tan</title>
    <meta name="description" content="Floppy Pocky game by Kyle Tan:
                                      Help my kitty escape from the scary hoomans!">
    <link href="style.css" rel="stylesheet" type="text/css">
    <script type="module" src="js/main.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- https://realfavicongenerator.net/ -->
    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="manifest" href="favicon/site.webmanifest">
    <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
  </head>
  <body>
    <!-- Colorscheme: https://colorhunt.co/palette/333333ffffffe1f4f3706c61 -->
    <main>
      <header><h1>Floppy Pocky</h1></header>
      <div id="gameContainer">
        <a id="muteToggle"><span></span></a>
        <canvas id="game" width="400" height="600"></canvas>
      </div>
      <footer>
        <a href="ai-cats.html" style="display:block;margin-bottom:0.5em;">Watch AI Learn to Play</a>
        <a href="https://github.com/kyleissuper" target="_blank">
          Made with &#10084;&#65039; by Kyle Tan
        </a>
      </footer>
    </main>
  </body>
</html>