uiui-pinball/index.html at master · SuperMX/uiui-pinball · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./app/assets/stylesheets/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script type="text/javascript" src="./app/assets/javascripts/bundle.js" charset="utf-8"></script>
	<title>uiui Pinball</title>
  </head>
  <body>
    <div class="title"><h2>uiui 🔊 Pinball</h2></div>
    <div class="body">
    <div class="icons">
      <li><a href="https://github.com/SuperMX" i class="fa fa-github fa-3x" aria-hidden="true"></a></li>
      <li><a href="https://www.linkedin.com/in/markus-reichel-b978b7108/" i class="fa fa-linkedin-square fa-3x" aria-hidden="true"></a></li>
      <li><a href="https://seismic.myftp.biz" i class="fa fa-angellist fa-3x" aria-hidden="true"></a></li>
    </div>
  <canvas id="pinball-canvas"></canvas>
  <div class="scorers-table">
    <div class="stats-div">
      <div class="scores">
        <span>UIUIs</span>
        <span>High UIUIs</span>
      </div>
      <div class="score-nums">
        <span id="score"></span>
        <span id="high-score"></span>
      </div>
      <span>Balls</span>
      <span id="ball-count"></span>
    </div>
    <div class="instructions">
	  Turn on the sound!

	  <br></br>
	  Interestingly enough, you are Darkcity and a strange uiui Ball
	  is flying around in one of your buildings. Your civil servants
	  control the paddles because they are bored anyway!

	  <br></br>
      Press the Arrow keys to control paddles.
      Press the <i class="fa fa-arrow-up" aria-hidden="true"></i> key to launch the ball.
	  Feel the uiui.

    </div>
  </div>
  </div>
  </body>
</html>