-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
291 lines (204 loc) · 16.1 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
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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<!--
This website code has been developed by Luz Rodríguez
The text content has been created by Leon Damrau
The Web ToS have been crafted by Gerardo Franco
The design is based on the suggestions provided by Leon Damrau and the members of th Gamer Minds Localization Collective
The canvas animation has been forked from Dimitra Vasilopoulou's code (https://codepen.io/mimikos/pen/wKqyqY)
Made with 💜 for the Gamer Minds Localization Collective
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gamer Minds</title>
<!-- styles -->
<link rel="stylesheet" type="text/css" href="./styles/main-styles.css">
<link rel="stylesheet" type="text/css" href="./styles/navbar-styles.css">
<link rel="stylesheet" type="text/css" href="./styles/footer-styles.css">
<link rel="stylesheet" type="text/css" href="./styles/canvas-styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!-- flag icons by https://flagicons.lipis.dev-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"/>
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Athiti:wght@200;300;400;500;600;700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="./assets/images/logos/SVG/Logo.svg">
</head>
<body>
<!-------------------------- Navbar-------------------------------------->
<nav id="navbar">
<div class="nav-container"> <!-- flex container 1 -->
<div class="logo"> <!-- flex element 1 -->
<a href=""><img src="./assets/images/logos/PNG/GMLC transparent.png" alt="Gamer Minds Logo"></a>
</div>
<ul class="menu"> <!-- flex element 2 --> <!-- flex container 1.1 --> <!-- nav-links-->
<li class="menu-item"><a href="#services">Services</a></li> <!-- item-->
<li class="menu-item"><a href="#languages">Languages</a></li>
<li class="menu-item"><a href="#about">Why Us?</a></li>
<li class="menu-item"><a href="#contact">Contact</a></li>
</ul>
<div class="social-links"><!-- flex element 3 --> <!-- flex container 1.3 -->
<a href="https://www.linkedin.com/company/gamer-minds" target="_blank"><img src="./assets/images/icons/linkedin white.png" alt="linkedin icon"></a>
<a href="https://www.xiaohongshu.com/user/profile/65bbd39b000000000e027308" target="_blank"><img src="./assets/images/icons/xiaohongshu white.png" alt="xiaohongshu icon"></a>
<a href="https://twitter.com/GMLocalization" target="_blank"><img src="./assets/images/icons/twitter-logoX-white.png" alt="twitter icon"></a>
<!-- <a href="mailto:[email protected]"><img src="./assets/images/icons/envelope white.png" alt="email icon"></a> -->
</div>
<div class="toggle" id="mobile-menu"> <!-- flex element 4 --> <!-- menu-toggle -->
<a href="#"><i class="fas fa-bars"></i></a>
</div>
</div>
</nav>
<!-------------------------- Canvas-------------------------------------->
<canvas id="projector"></canvas>
<!-------------------------- Hero section--------------------------------->
<div id="hero-section" class="section">
<h1>Mind your game</h1>
<h2>Elevate the Adventure, Translate the Experience</h2>
<p>Unlock the full potential of your game with Gamer Minds. We infuse every translation with the thrill of the gameplay and the authenticity of the narrative. Because it's not only us, but Players Worldwide – 3 out of 4 gamers prefer to play in their native tongue.</p>
<a class="button" href="mailto:[email protected]">CONTACT US</a>
<a class="button" href="#about">ABOUT US</a>
</div>
<!-------------------------- Services section --------------------------------->
<div id="services" class="section" >
<h2 class="divider line glow">Our services</h2>
<p class="summary">At Gamer Minds, we believe in delivering a complete package. That's why our translation service is always coupled with meticulous proofreading – because your game's success is built on flawless communication. Discover a fusion of accuracy and artistry, designed to elevate your game's global journey.</p>
<div class="flex-container services-container">
<div class="card service-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/translation.png" alt="localization icon">
<span class="card-title">Translation</span>
</div>
<p>Experience unparalleled linguistic services with our expert team, proficient in a vast array of gaming genres. From RPGs to action-packed shooters, our translators master the gaming lexicon from “grinding” to “griefing”. Dive into immersive narratives with translations that capture the essence of each game, whether you're navigating the gritty streets in “Grand Theft Auto” or mastering combos in “Devil May Cry”.</p>
</div>
<div class="card service-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/list-check.png" alt="editing icon">
<span class="card-title">Proofreading and Editing</span>
</div>
<p>Our meticulous proofreading and editing services ensure that your gaming content is flawless. Whether it's a nostalgic title on the Sega Genesis or the latest action-adventure for the Xbox Series, our editors skilfully fine-tune your content. With a sharp eye for detail, we iron out inconsistencies, refine gameplay instructions, and perfect narratives to enhance the gamer's experience.</p>
</div>
<div class="card service-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/gamepad.png" alt="LQA icon">
<span class="card-title">Localization Quality Assurance</span>
</div>
<p>Elevate the gaming experience with our Localization Quality Assurance. By focusing on cultural adaptation, we ensure that every “quest” and “power-up” feels native to your audience. From the strategic depths of “Age of Empires” to the fast-paced brawls of “Super Smash Bros.”, we validate every in-game text, interface, and narrative to resonate with players globally, adhering to industry standards such as ESRB ratings.</p>
</div>
</div>
</div>
<!-------------------------- Languages section--------------------------------->
<div id="languages" class="section">
<!-- Inspiration https://gengo.com/pricing-languages/ -->
<h2 class="divider line glow">Languages</h2>
<p class="summary">At Gamer Minds, we specialize in translating from English to a multitude of languages, ensuring your game's story resonates with players worldwide.</p>
<div class="lang-container">
<div class="language"> <span class="fi fi-cn"></span> Chinese</div>
<div class="language"> <span class="fi fi-fr"></span> French</div>
<div class="language"> <span class="fi fi-de"></span> German</div>
<div class="language"> <span class="fi fi-it"></span> Italian</div>
<div class="language"> <span class="fi fi-jp"></span> Japanese</div>
<div class="language"> <span class="fi fi-kr"></span> Korean</div>
<div class="language"> <span class="fi fi-pl"></span> Polish</div>
<div class="language"> <span class="fi fi-br"></span> Portuguese (Brazil)</div>
<div class="language"> <span class="fi fi-es"></span> Spanish</div>
<div class="language"> <span class="fi fi-tr"></span> Turkish</div>
</div>
</div>
<!-------------------------- Why Us section--------------------------------->
<div id="about" class="section">
<h2 class="divider line glow">Why choose us?</h2>
<p class="summary">Discover the Gamer Minds difference. With a keen focus on quality, commitment, and rich gaming experience, we don't just translate games — we bring them to life. Choose a partner dedicated to precision, cultural authenticity, and human touch in every narrative.</p>
<div class="flex-container about-us-container">
<div class="card about-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/target-white.png" alt="precision icon">
<span class="card-title">Precision in Localization </span>
</div>
<p>Crafting immersive worlds with the highest fidelity translations. Our commitment to your game's universe is unparalleled.</p>
</div>
<div class="card about-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/passion-white.png" alt="passion icon">
<span class="card-title">Passionate Team</span>
</div>
<p>Our dedication to gaming goes beyond words. We live your content to deliver authentic experiences.</p>
</div>
<div class="card about-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/hands-on-experience-white.png" alt="expertise icon">
<span class="card-title">Cultural Expertise</span>
</div>
<p>Years of gaming and linguistic experience across cultures ensure that your game feels local, everywhere.</p>
</div>
<div class="card about-card">
<div class="card-header">
<img class="serviceIcon" src="./assets/images/icons/mental-health-white.png" alt="human icon">
<span class="card-title">Heartfelt Human Touch</span>
</div>
<p>We preserve the soul of your games with translations that resonate with players, not algorithms.</p>
</div>
</div>
</div>
<div id="contact" class="section">
<div class="contact-details">
<h2 class="divider line glow">Get in touch</h2>
<h3>We'd love to hear from you!</h3>
<a class="button" href="mailto:[email protected]">CONTACT US</a>
<h3>Or find us in our social media channels</h3>
<div class="social-container">
<a class="social-link" href="https://www.linkedin.com/company/gamer-minds" target="_blank">
<img class="social-icon" src="./assets/images/icons/linkedin white.png" alt="linkedin icon">
<span>LinkedIn</span>
</a>
<a class="social-link" href="https://www.xiaohongshu.com/user/profile/65bbd39b000000000e027308" target="_blank">
<img class="social-icon" src="./assets/images/icons/xiaohongshu white.png" alt="xiaohongshu icon">
<span>小红书</span>
</a>
<a class="social-link" href="https://twitter.com/GMLocalization" target="_blank">
<img class="social-icon" src="./assets/images/icons/twitter-logoX-white.png" alt="twitter icon">
<span>Twitter</span>
</a>
</div>
</div>
</div>
<footer>
<div class="terms-link">
<a href="./public/terms.html">Website Terms of Service</a>
</div>
<div class="footer-container"> <!-- flex container 1 -->
<div class="logo"> <!-- flex element 1 --> <!-- flex container 1.1-->
<a href=""><img src="./assets/images/logos/PNG/GMLC transparent.png" alt="Logo"></a>
</div>
<div class="copyright"> <!-- flex element 2 -->
<p>© 2024 Gamer Minds</p>
</div>
<div class="social-links-footer"> <!-- flex element 3 --> <!-- flex container 1.2-->
<a href="https://www.linkedin.com/company/gamer-minds" target="_blank"><img src="./assets/images/icons/linkedin white.png" alt="linkedin icon"></a>
<a href="https://www.xiaohongshu.com/user/profile/65bbd39b000000000e027308" target="_blank"><img src="./assets/images/icons/xiaohongshu white.png" alt="xiaohongshu icon"></a>
<a href="https://twitter.com/GMLocalization" target="_blank"><img src="./assets/images/icons/twitter-logoX-white.png" alt="twitter icon"></a>
</div>
</div>
<div class="attributions">
<a href="#" id="attr-button">Attributions</a>
<div id="attr-links" class="hidden">
<div>UIcons by <a href="https://www.flaticon.com/uicons" target="_blank">Flaticon</a></div>
<div>Translation, precision and experience icons created by <a href="https://www.flaticon.com/authors/freepik" title="Freepik icons" target="_blank"> Freepik - Flaticon</a></div>
<div>Passion icon created by <a href="https://www.flaticon.com/authors/khoirul-huda" title="passion icon">Khoirul Huda - Flaticon</a></div>
<div>Heart icon created by <a href="https://www.flaticon.com/authors/juicy-fish" title="heart icon"> juicy_fish - Flaticon</a></div>
</div>
</div>
</footer>
<!-------------------------- Javascript------------------------------------>
<!-- Behaviour -->
<script src="./scripts/behaviour-scripts.js"></script>
<!-- Canvas -->
<script src='https://code.createjs.com/easeljs-0.7.1.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
<script type="text/javascript" src='./scripts/canvas.js'></script>
</body>
</html>