-
Notifications
You must be signed in to change notification settings - Fork 0
/
PsycheSoldier.html
240 lines (237 loc) · 14.9 KB
/
PsycheSoldier.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Break Stuff VR</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Acme&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Akaya+Telivigala&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aldrich&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Calistoga&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Carter+One&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chelsea+Market&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chewy&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap">
<link rel="stylesheet" href="assets/css/swiper-icons.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/Lightbox-Gallery-baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/Simple-Slider-swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/Video-Parallax-Background-v3.css">
</head>
<body onload="getFooterDate('footerText',2016,true);">
<section class="py-4 py-lg-4" style="background: linear-gradient(#281111, #13071c);">
<div class="container py-md-4">
<div class="row">
<div class="col text-center">
<img class="img-fluid psyco-liogo pb-3 pb-md-5 pt-3" src="assets/img/PsycheSoldierVRlogo1024_512.png">
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-4">
<div class="card-design"><img class="rounded img-fluid border border-3 border-warning img1" src="assets/img/PsycheSoldier_Dynamic.png">
<h1 class="text-center text-warning pt-3" style="font-family: 'Carter One', serif;">FACE</h1>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="card-design"><img class="rounded img-fluid border border-3 border-danger img2" src="assets/img/PsycheSoldier_Perfection.png">
<h1 class="text-center text-danger pt-3" style="font-family: 'Carter One', serif;">YOUR</h1>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 offset-sm-3 offset-md-0">
<div class="card-design"><img class="rounded img-fluid border border-3 border-info img3" src="assets/img/PsycheSoldier_DuckAndDodge.png">
<h1 class="text-center text-info pt-3" style="font-family: 'Carter One', serif;">SHADOWS</h1>
</div>
</div>
</div>
</div>
</section>
<section class="pb-2 pb-lg-4" style="background: #13071c;padding-top: 2em;padding-bottom: 4em;">
<div class="container">
<div class="row">
<div class="col text-center">
<a href="https://store.steampowered.com/app/571660/Psyche_Soldier_VR/" target="_blank">
<h2 class="text-uppercase fw-bold text-center text-light d-inline" style="font-family: Aldrich, sans-serif;border-bottom-style: dotted;border-bottom-color: var(--bs-yellow);">Available Now On Steam</h2>
</a>
<div class="text-center vr-logos pt-4">
<div class="row">
<div class="col-8 col-sm-6 col-md-5 col-lg-4 col-xl-4 offset-2 offset-sm-0 offset-md-1 offset-lg-2 offset-xl-2">
<img class="img-fluid" src="assets/img/ViveLogo.png">
</div>
<div class="col-8 col-sm-6 col-md-5 col-lg-4 col-xl-4 offset-2 offset-sm-0">
<img class="img-fluid" src="assets/img/OculusLogo.png">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="background: #13071c;padding-top: 2em;padding-bottom: 4em;">
<div class="container">
<div class="row pb-3 pb-lg-4">
<div class="col">
<div style="position: relative;overflow: hidden;padding-top: 56.25%;border: 10px solid var(--bs-purple);">
<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/6X6hw6JB17s" style="width: 100%;height: 100%;position: absolute;top: 0;left: 0;"></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6">
<div class="point-card">
<div class="d-flex d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-start align-content-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Shoot-and-dodge in this truly dynamic and fun game</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Activate your Power Up for an exciting rush</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Experience the time distorting Psychic Slow-Mo</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Play 7 missions, 18 different enemies, and 8 unique Boss Fights</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Entertain yourself in near-invincible "Easy" difficulty for an enlightening experience</h5>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Challenge yourself in "Normal," "Mentalist," and "Psychonaut" difficulties</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Rise in the Leaderboard with the endless "Endurance Mode"</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Earn experience and improve your powers with 18 upgrades</h5>
</div>
</div>
<div class="point-card">
<div class="d-flex d-lg-flex justify-content-start align-items-start justify-content-lg-start align-items-lg-start"><i class="fas fa-star fs-5 text-warning pe-2 pt-1"></i>
<h5 class="m-0">Play fetch with a dog or break glass jars in the menu area</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="text-light pt-lg-5" style="background: linear-gradient(#13071c, #1f0e2c), #13071c;padding-top: 2em;padding-bottom: 4em;">
<div class="container">
<div class="row">
<div class="col">
<h2 class="display-2 text-uppercase fw-bold text-center text-warning" style="font-family: Aldrich, sans-serif;">Story</h2>
<p class="lead" style="text-align: center;">Long ago, there was a time when happiness came easily, stress was alien, and life was an adventure.<br><br>At some point, the tables turned; happiness became fleeting, stress more common than air, and life—life began to feel like a cruel joke—a bleak existence that gradually crept into your psyche.<br><br>You didn't even know the shadows of your psyche were amassing like an army! How could you have known? How could anyone know? They couldn't even be seen until now! Sure, they could be felt; migraines, neck pain, back pain—all distractions! Physical distractions that enable avoidance of your emotional pain, your darkest fears, and your inner most secrets, in other words your psyche shadows.<br><br>These unnerving shadows live and take form in your subconscious, affecting your thoughts and feelings daily, just out of your awareness. Although they once served you well, they've grown malevolent and overwhelmingly powerful.<br><br>You must conquer and convert them! Where they thrive just out of mind's reach, you must cast your light energy. These are the shadow battles of your subconscious—in the war of your enlightenment.<br><br>Go forth hero! Face your dark side. Face your shadows.<br><br>Oh, and one more thing... It's dangerous to go alone! But you must...</p>
<div class="carousel slide" data-bs-ride="false" data-bs-pause="false" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/PsycheSoldierAllEnemies1600_800.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_Agency.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_DuckAndDodge.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_Dynamic.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_Perfection.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_Shame.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_Stress.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/PsycheSoldier_Trippy.png" alt="Slide Image"></div>
</div>
<div>
<div class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span>
</div>
<div class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="background: linear-gradient(#1f0e2b 0%, #1d0f34 100%), #0c0911;padding-top: 4em;padding-bottom: 4em;">
<div class="container">
<div class="row">
<div class="col text-center"><img class="pb-5" src="assets/img/SSGLogoFullHighlight1024_512.png" style="width: 216px;">
<h1 class="text-uppercase fw-bold text-light" style="font-family: Aldrich, sans-serif;">Follow us on social media</h1>
<h6 class="text-uppercase text-light" style="font-family: Aldrich, sans-serif;">@SingleStepGames<br><br><br></h6>
<div class="social-icons">
<a href="https://twitter.com/singlestepgames" target="_blank"><img src="assets/img/UIIconTwitter.png"></a>
<a href="https://www.instagram.com/singlestepgames" target="_blank"><img src="assets/img/UIIconInstagram.png"></a>
<a href="https://www.facebook.com/singlestepgames" target="_blank"><img src="assets/img/UIIconFacebook.png"></a>
</div>
</div>
</div>
</div>
</section>
<section style="padding-top: 3em;padding-bottom: 5em;background: url("assets/img/bg2.png") bottom / cover, #181a2f;">
<div class="container">
<div class="row">
<div class="col">
<h1 class="text-uppercase fw-bold text-center text-light pb-4" style="font-family: Aldrich, sans-serif;">Info</h1>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-lg-4 col-xl-3 col-xxl-3 text-center d-xl-flex flex-column flex-sm-column flex-md-column flex-lg-column flex-xl-column justify-content-xl-center align-items-xl-center flex-xxl-column pt-2">
<a class="link-box" href="https://breakstuffvr.com/PsycheSoldierVrEULA.pdf" target="_blank">
<h5 class="text-light">Legal</h5>
<p>Psyche Soldier VR EULA</p>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4 col-xl-3 text-center d-xl-flex flex-column flex-sm-column flex-md-column flex-lg-column flex-xl-column justify-content-xl-center align-items-xl-center flex-xxl-column pt-2">
<a class="link-box" href="https://breakstuffvr.com/PsycheSoldierVrPrivacyPolicy.pdf" target="_blank">
<h5 class="text-light">Legal</h5>
<p> Psyche Soldier VR Privacy Policy</p>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4 col-xl-3 text-center d-xl-flex flex-column flex-sm-column flex-md-column flex-lg-column flex-xl-column justify-content-xl-center align-items-xl-center flex-xxl-column pt-2">
<a class="link-box" href="Press-kit.html">
<h5 class="text-light">Press</h5>
<p>Press Kit</p>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4 col-xl-3 offset-lg-2 offset-xl-0 text-center d-xl-flex flex-column flex-sm-column flex-md-column flex-lg-column flex-xl-column justify-content-xl-center align-items-xl-center flex-xxl-column pt-2">
<a class="link-box" href="index.html">
<h5 class="text-light">Home</h5>
<p>Single Step Games</p>
</a>
</div>
<div class="col-12 col-lg-4 col-xl-4 offset-xl-4 text-center d-xl-flex flex-column flex-sm-column flex-md-column flex-lg-column flex-xl-column justify-content-xl-center align-items-xl-center flex-xxl-column pt-2">
<a class="link-box" href="mailto:Support@SingleStepGames.com">
<h5 class="text-light">E-mail</h5>
<p>Support@SingleStepGames.com</p>
</a>
</div>
</div>
<div class="row">
<div class="col-xl-8 offset-xl-2 pt-5">
<p id="footerText" class="text-center text-light">© 2016-2023 Single Step Games, LLC. SINGLE STEP GAMES, BREAK STUFF VR, and PSYCHE SOLDIER VR are trademarks of Single Step Games, LLC. All rights reserved. All other trademarks and trade names are property of their respective owners.</p>
</div>
</div>
</div>
</section>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/Lightbox-Gallery-baguetteBox.min.js"></script>
<script src="assets/js/Lightbox-Gallery.js"></script>
<script src="assets/js/Simple-Slider-swiper-bundle.min.js"></script>
<script src="assets/js/Simple-Slider.js"></script>
<script src="assets/js/ssg_scripts_shared.js"></script>
</body>
</html>