ld32-game/index.html at master · psychonull/ld32-game · 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!doctype html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Wild tales: enlightenment - LD #32</title>
    <meta name="description" content="Wild tales: enlightenment - LD #32 - Those days you decided to fight back ...">

    <!-- Standardised web app manifest -->
    <link rel="manifest" href="app.manifest" />

    <!-- Allow fullscreen mode on iOS devices. (These are Apple specific meta tags.) -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" sizes="256x256" href="icon-256.png" />
    <meta name="HandheldFriendly" content="true" />

    <!-- Chrome for Android web app tags -->
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="shortcut icon" sizes="256x256" href="icon-256.png" />

    <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="css/main.css">

    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
  </head>
  <body>

    <h1>Wild tales: enlightenment - LD #32</h1>
    <h3>Those days you decided to fight back ...</h3>

    <div class="main-centered">
      <div class="game-controls hidden">
        <a class="play" href="#">PLAY &gt;</a>
        <a class="back" href="#">&lt; BACK</a>
      </div>

      <div class="mini-games"></div>
    </div>

    <div class="help help-car hidden">
      <section class="story">
        <h1>Mission Briefing:</h1>
        <p>You decided to privately riot and revolt to not break any rule.</p>
      </section>

      <section class="controls">
        <h1>Controls</h1>
        <ul>
          <li><span class="control">&lt;left-click / pointer&gt;</span>:<span>smash that car part</span></li>
          <li><span class="control">&lt;esc&gt;</span>:<span>back to main screen</span></li>
        </ul>
      </section>

      <section class="objective">
        <h1>Objective</h1>
        <p>Get the entire car wrecked before your mom can catch you.</p>
      </section>
    </div>

    <div class="help help-pig hidden">
      <section class="story">
        <h1>Mission Briefing:</h1>
        <p>The evil king pig made that again. Eliminate it to restore the peace.</p>
      </section>

      <section class="controls">
        <h1>Controls</h1>
        <ul>
          <li><span class="control">&lt;left-click / pointer&gt;</span>:<span>smash that pig</span></li>
          <li><span class="control">&lt;esc&gt;</span>:<span>back to main screen</span></li>
        </ul>
      </section>

      <section class="objective">
        <h1>Objective</h1>
        <p>Defeat the pig withouth dying from its defensive electroshock. Click fast cowboy!</p>
      </section>
    </div>

    <div class="help help-money hidden">
      <section class="story">
        <h1>Mission Briefing:</h1>
        <p>Spread fake money in our enemies' city to kickoff a deflationary proccess that will bury 'em.</p>
      </section>

      <section class="controls">
        <h1>Controls</h1>
        <ul>
          <li><span class="control">&lt;arrows&gt;</span>:<span>move the plane</span></li>
          <li><span class="control">&lt;spacebar&gt;</span>:<span>drop money</span></li>
          <li><span class="control">&lt;esc&gt;</span>:<span>back to main screen</span></li>
        </ul>
      </section>

      <section class="objective">
        <h1>Objective</h1>
        <p>Spread as many fake bills as you can into the buildings.</p>
      </section>
    </div>

    <div class="help help-footsun hidden">
      <section class="story">
        <h1>Mission Briefing:</h1>
        <p>Your egos are attacking again, and only yourself, the sun and your soccer abilities can defeat them.</p>
      </section>

      <section class="controls">
        <h1>Controls</h1>
        <ul>
          <li><span class="control">&lt;ad / arrows&gt;</span>:<span>move left/right</span></li>
          <li><span class="control">&lt;left click&gt;</span>:<span>air juggle</span></li>
          <li><span class="control">&lt;right click&gt;</span>:<span>shoot to the mouse pointer direction</span></li>
          <li><span class="control">&lt;esc&gt;</span>:<span>back to main screen</span></li>
        </ul>
        <p>Juggle 3 times to get a supermegashot</b>
      </section>

      <section class="objective">
        <h1>Objective</h1>
        <p>Resist and eliminate as many enemies as you can.</p>
      </section>
    </div>

    <script src="js/vendor/jquery-2.1.1.min.js"></script>
    <script src="js/vendor/jquery.jrumble.1.3.min.js"></script>
    <script src="js/vendor/howler.min.js"></script>
    <script src="js/main.js"></script>

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
        function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
        e=o.createElement(i);r=o.getElementsByTagName(i)[0];
        e.src='//www.google-analytics.com/analytics.js';
        r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
        ga('create','UA-XXXXX-X','auto');ga('send','pageview');
    </script>
  </body>
</html>