-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (99 loc) · 5.47 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./src/styles//index.css" />
<link rel="stylesheet" href="./src/styles//title.css" />
<link rel="stylesheet" href="./src/styles//loading.css" />
<link rel="icon" type="image/png" href="src/styles/images/favreal.png">
<meta property="og:title" content="Cappy's Grand Adventure" />
<meta property='og:image' content="./meta-tag3.gif" />
<meta
property="og:description"
content="Sidescroller game written in Javscript with custom animation."
/>
<title>Cappy's Grand Adventure</title>
<script src ='./src/scripts/loading.js'></script>
<script src="https://kit.fontawesome.com/92fff4274c.js" crossorigin="anonymous"></script>
</head>
<body>
<div class='show' onclick="this.className='hide'">
<audio id='sound' src='./src/sound/l i m b o - muddy paws.mp3'></audio>
<audio id='death' src='./src/sound/dierat.mp3'></audio>
<audio id='rip' src='./src/sound/cappy_scream.wav'></audio>
<div class='overarch'>
<div class='left-side'>
<div class='story'>
Captain the Shiba really, really hates rats.
<br>
<br>
Help him jump on them.
<br>
<br>
Don't let them get you.
</div>
<div class='contact'>
<a href='https://www.linkedin.com/in/jrmcc/' target="_blank" class='linkedin'>
<i class="fab fa-linkedin-in"></i>
</a>
<a href='https://github.com/johnrobertmcc?tab=repositories' target="_blank" class='github'>
<i class="fab fa-github"></i>
</a>
<a href='https://angel.co/u/john-robert-mccann' target="_blank" class = 'angellist'>
<i class="fab fa-angellist"></i>
</a>
</div>
<h3 class="owner">
<p class='created'>Created by</p>
<a class="me" target="_blank" href="http://johnrobertmcc.com/">John Robert McCann</a>
</h3>
</div>
<div class='background'>
<header class='title'>
<h1 class="fancy">
Cappy's Grand Adventure
</h1>
<script src='./src/scripts/main.js'></script>
<h3 id='begin'> Press Enter to Start </h3>
<script type="module" src="./src/scripts/index.js"></script>
</header>
<div class='canvas-container'>
<!-- <canvas class='canvases' id='background-canvas' width='1000' height='600'style="border:1px solid black"></canvas> -->
<canvas class='canvases' id="canvas" width='1000' height='600' style="border:1px solid black"></canvas>
</div>
<script type="module" src="./src/scripts/index.js"></script>
</div>
<div class='right-side'>
<h3 class='instructions'>
Use the right arrow key to move
<br><br>
Use the up arrow key to jump
<br><br>
Use the down arrow key to sit
<br><br>
Press the shift key while walking to run
<br><br>
and remember: you're a very good boy
</h3>
<div class='credit'>
<a href='https://open.spotify.com/artist/13VunSzrVSmJBpUWxUajJF' target="_blank" class='spotify'>
<i class="fab fa-spotify"></i> <br>music by Limbo
</a>
|
<a class='donate' target="_blank" href=https://secure2.convio.net/accn/site/Donation2;jsessionid=00000000.app20115a?idb=14831026&1400.donation=form1&df_id=1400&mfc_pref=T&NONCE_TOKEN=4611148D19C534AAECBC2633B900B3DF&idb=0>
<i class="fas fa-paw"></i>
<br>
click here to help a homeless animal
</a>
|
<a href='https://www.instagram.com/cappytheshibe/?hl=en' target="_blank" class='instagram'>
<i class="fab fa-instagram"></i><br> inspired by Captain
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>