-
Notifications
You must be signed in to change notification settings - Fork 1
/
intro_EN.html
156 lines (131 loc) · 5.69 KB
/
intro_EN.html
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
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121647007-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-121647007-1');
</script>
<title>Putchu</title>
<meta property="og:image" content="http://www.putchu.be/img/intro/preview-0.png">
<meta property="og:url" content="http://www.putchu.be/">
<meta property="og:description" content="2D Platform Game in Pixel Art">
<meta property="og:title" content="Lucio PANEPINTO - Putchu">
<meta charset="UTF-8">
<meta name="description" content="Putchu" />
<meta name="keywords" content="putchu,game,online,free,html5,2d,platform,lucio panepinto,lucio,panepinto,panda" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="alternate" hreflang="x-default" href="http://www.putchu.be/" />
<link rel="alternate" hreflang="en-gb" href="http://www.putchu.be/intro_EN.html" />
<link rel="alternate" hreflang="en-us" href="http://www.putchu.be/intro_EN.html" />
<link rel="alternate" hreflang="en" href="http://www.putchu.be/intro_EN.html" />
<link rel="alternate" hreflang="de" href="http://www.putchu.be/intro_EN.html" />
<link rel="alternate" hreflang="it" href="http://www.putchu.be/intro_EN.html" />
<link rel="alternate" hreflang="fr-be" href="http://www.putchu.be/intro.html" />
<link rel="alternate" hreflang="fr-ca" href="http://www.putchu.be/intro.html" />
<link rel="alternate" hreflang="fr-ch" href="http://www.putchu.be/intro.html" />
<link rel="alternate" hreflang="fr" href="http://www.putchu.be/intro.html" />
<link rel="stylesheet" type="text/css" href="css/putchu-intro.css" />
<link rel="icon" type="image/ico" href="favicon.ico" />
<script type="text/javascript" src="js/dist/jquery.js"></script>
<script type="text/javascript" src="js/dist/lp2dplatform-startup.js"></script>
<script type="text/javascript">
$( document ).ready( function( e ) {
$( "#intro-footer-div").html( ( $( "#intro-footer-div").html() ).split( "[year]" ).join( new Date().getFullYear() ) );
} );
function play() {
setStartup( "1" );
window.location.replace( "index.html" );
}
function testConfig() {
setStartup( "2" );
window.location.replace( "index.html" );
}
function setLang( lang ) {
if ( localStorage && localStorage !== null ) {
localStorage.setItem( "LANG", lang );
}
window.location.replace( getPageLangForStartup() );
}
</script>
</head>
<body>
<div class="bg"></div>
<div id="intro-sup-div"></div>
<div id="intro-div">
<div class="player"></div>
<div class="logo">Putchu</div>
</div>
<div id="intro-main-div">
<div id="intro-lang">
<a href="javascript:void(0);" onClick="setLang('FR');">Français</a> <span>-</span>
<a href="javascript:void(0);" class="here" onClick="setLang('EN');">English</a>
</div>
<div id="intro-controls">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="QM2G7VZV2FBTW">
<input type="image" src="https://www.paypalobjects.com/en_US/BE/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
<div>
Donate will motivate me to keep this project going and allow me to develop other free applications.
</div>
<a href="javascript:void(0);" onClick="play();">Play</a>
</div>
<p class="super">
Platforms / Adventure 2D game in pixel art on PC. <br>
Will you succeed to go home ? Explore the world of Putchu,
fight monsters, and discover the legend of the Panda.
</p>
<p>
<a href="javascript:void(0);" onClick="testConfig();">If you want to check your browser...</a>
</p>
<br>
<h2>How to play ?</h2>
<h3>Player</h3>
<p>
<span><em>Arrow Left:</em>Move Left</span>
<span><em>Arrow Right:</em>Move Right</span>
<span><em>Arrow Up:</em>Interact</span>
<span><em>Arrow Down:</em>Crouch</span>
<span><em>Q:</em>Jump</span>
<span><em>P/ESC:</em>Pause</span>
<span><em>I:</em>Inventory</span>
</p>
<h3>Inventory</h3>
<p>
<span><em>SPACE:</em>Map mode / Objects mode</span>
<span><em>Arrow Left:</em>Move Left</span>
<span><em>Arrow Right:</em>Move Right</span>
<span><em>Arrow Up:</em>Move Up</span>
<span><em>Arrow Down:</em>Move Down</span>
<span><em>Q/S/ENTER:</em>Center map / Select object</span>
<span><em>ESC:</em>Cancel</span>
</p>
<h3>Menu</h3>
<p>
<span><em>Arrow Left:</em>Move Left</span>
<span><em>Arrow Right:</em>Move Right</span>
<span><em>Arrow Up:</em>Move Up</span>
<span><em>Arrow Down:</em>Move Down</span>
<span><em>Q/S:</em>Select</span>
<span><em>ENTER:</em>Confirm</span>
<span><em>ESC:</em>Cancel</span>
</p>
<br>
<h2>Screenshots</h2>
<p>
<img src="img/intro/screenshot-1.png" alt="" width="400px">
<img src="img/intro/screenshot-2.png" alt="" width="400px">
<img src="img/intro/screenshot-3.png" alt="" width="400px">
<img src="img/intro/screenshot-4.png" alt="" width="400px">
</p>
<div id="intro-footer-div">©[year] Lucio PANEPINTO <br><a href="mailto:lucio.panepinto@gmail.com?subject=Putchu">lucio.panepinto@gmail.com</a> </div>
</div>
<div id="intro-footer-container"></div>
</body>
</html>