-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
573 lines (412 loc) · 34.1 KB
/
Copy pathindex.html
File metadata and controls
573 lines (412 loc) · 34.1 KB
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
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GTeam | High performance applications, ISOs and API.</title>
<!-- SEO. -->
<link rel="canonical" href="https://gteam.cloud/">
<meta name="description" content="Dedicated to building fast and efficient software. We create straightforward anti-cheats, application firewalls, and system utilities that just work.">
<!-- Open Graph / Facebook / Discord Previews. -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://gteam.cloud/">
<meta property="og:title" content="GTeam | High performance applications.">
<meta property="og:description" content="Dedicated to building fast and efficient software. We create straightforward anti-cheats, application firewalls, and system utilities that just work.">
<meta property="og:image" content="https://gteam.cloud/assets/images/gteam_preview.png">
<!-- Twitter Card Data. -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://gteam.cloud/">
<meta name="twitter:title" content="GTeam | High performance applications.">
<meta name="twitter:description" content="Dedicated to building fast and efficient software. We create straightforward anti-cheats, application firewalls, and system utilities that just work.">
<meta name="twitter:image" content="https://gteam.cloud/assets/images/gteam_preview.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "GTeam",
"url": "https://gteam.cloud/",
"logo": "https://gteam.cloud/assets/images/gteam_logo_transparent.png",
"description": "Dedicated to building fast and efficient software. We create straightforward anti-cheats, application firewalls, and system utilities that just work.",
"sameAs": [
"https://github.com/GTeamX",
"https://discord.gteam.cloud"
],
"hasPart": [
{
"@type": "WebPage",
"name": "GTeam | Cloud ISO Repository.",
"url": "https://gteam.cloud/cloud/"
},
{
"@type": "WebPage",
"name": "GTeam | API.",
"url": "https://gteam.cloud/api/"
}
]
}
</script>
<!-- Favicon. -->
<link rel="icon" href="/assets/images/gteam_logo_transparent.png" type="image/png">
<!-- Stylesheet generated by TailwindCSS. -->
<link rel="stylesheet" href="css/styles.css">
<!-- Mobile compatibility. -->
<script src="js/mobileMenu.js" defer></script>
<!-- Development banner warning message. -->
<script src="js/devWarning.js" defer></script>
</head>
<body class="bg-[#f4f5f7] text-black">
<!-- Full-width top bar in Nogarobluemetallic. -->
<header class="w-full bg-[#165193] sticky top-0 z-50 border-b border-[#f4f5f7]">
<!-- Grid container. -->
<div class="max-w-7xl mx-auto px-6 py-2.5 grid grid-cols-2 md:grid-cols-3 items-center text-[#f4f5f7] min-h-18">
<!-- Center left: GTeam logo. -->
<div class="flex items-center justify-start">
<a href="#" class="flex items-center gap-3">
<img src="assets/images/gteam_logo_transparent_white.png" alt="GTeam white transparent logo" class="w-14 h-14 md:w-16 md:h-16 object-contain">
</a>
</div>
<!-- Dead center: navigation links (desktop only). -->
<nav class="hidden md:flex items-center justify-center gap-8 h-full font-grotesk font-medium text-[18px] text-[#f4f5f7]/80">
<a href="#projects" class="transition-colors duration-200 hover:text-white">Projects</a>
<a href="cloud" class="transition-colors duration-200 hover:text-white whitespace-nowrap inline-flex items-center gap-1.5">Cloud <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"></path></svg></a>
<a href="api" class="transition-colors duration-200 hover:text-white whitespace-nowrap inline-flex items-center gap-1.5">API <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"></path></svg></a>
<a href="#about" class="transition-colors duration-200 hover:text-white whitespace-nowrap">About Us</a>
</nav>
<!-- Center right: icons (desktop only). -->
<div class="hidden md:flex items-center justify-end gap-4">
<a href="https://github.com/GTeamX" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/github_logo.png" alt="Github logo" class="w-8 h-8 object-contain brightness-0 invert">
</a>
<a href="https://discord.gteam.cloud" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/discord_logo.png" alt="Discord logo" class="w-8 h-8 object-contain brightness-0 invert">
</a>
<a href="mailto:gteamx@protonmail.com" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/mail_logo.png" alt="Mail logo" class="w-8 h-8 object-contain brightness-0 invert">
</a>
</div>
<!-- Hamburger toggle (mobile only). -->
<button id="mobile-menu-toggle" type="button" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu" class="md:hidden flex items-center justify-end">
<svg id="mobile-menu-icon-open" class="w-7 h-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg>
<svg id="mobile-menu-icon-close" class="w-7 h-7 hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>
</button>
</div>
<!-- Mobile dropdown menu -->
<nav id="mobile-menu" class="md:hidden overflow-hidden max-h-0 opacity-0 px-6 border-t border-transparent transition-all duration-300 ease-in-out font-grotesk font-medium text-[17px] text-[#f4f5f7]/90">
<a href="#projects" class="block py-3 hover:text-white transition-colors">Projects</a>
<a href="cloud" class="flex items-center gap-1.5 py-3 hover:text-white transition-colors">Cloud <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"></path></svg></a>
<a href="api" class="flex items-center gap-1.5 py-3 hover:text-white transition-colors">API <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"></path></svg></a>
<a href="#about" class="block py-3 hover:text-white transition-colors">About Us</a>
<div class="flex items-center gap-5 py-3 mt-1 border-t border-white/10">
<a href="https://github.com/GTeamX" target="_blank" rel="noopener noreferrer"><img src="assets/images/github_logo.png" alt="Github logo" class="w-7 h-7 object-contain brightness-0 invert"></a>
<a href="https://discord.gteam.cloud" target="_blank" rel="noopener noreferrer"><img src="assets/images/discord_logo.png" alt="Discord logo" class="w-7 h-7 object-contain brightness-0 invert"></a>
<a href="mailto:gteamx@protonmail.com" target="_blank" rel="noopener noreferrer"><img src="assets/images/mail_logo.png" alt="Mail logo" class="w-7 h-7 object-contain brightness-0 invert"></a>
</div>
</nav>
</header>
<!-- Development banner as warning (only when on development/localhost site). -->
<div id="dev-banner" class="hidden sticky top-18.25 z-40 w-full bg-red-600 text-white font-extrabold text-[11px] sm:text-sm tracking-wider uppercase py-1 px-2.5 sm:py-2.5 sm:px-6 flex items-center justify-between select-none shadow-md border-b border-black/20 gap-2 leading-tight">
<span class="truncate">DEVELOPMENT BUILD. NOT FOR USE OR PRODUCTION. ALL RIGHTS RESERVED.</span>
<span class="shrink-0">GTeam.cloud 'dev' branch | commit '<span id="dev-commit-hash">FETCHING</span>'</span>
<span class="hidden md:inline truncate">DEVELOPMENT BUILD. NOT FOR USE OR PRODUCTION. ALL RIGHTS RESERVED.</span>
</div>
<main>
<!-- Full-width MP4. -->
<section class="relative w-full h-dvh flex items-center justify-center overflow-hidden mb-24">
<!-- MP4 with CoralGate scanner tests with CoralGate logs, anticheat kick (other player), coding. -->
<video src="assets/mp4/gteam_cloud_background.mp4" autoplay loop muted playsinline webkit-playsinline disablePictureInPicture class="absolute inset-0 w-full h-full object-cover"></video>
<!-- Gradient from top blue to white. -->
<div class="absolute inset-0 bg-linear-to-b from-[#165193]/80 via-[#165193]/50 to-[#f4f5f7]"></div>
<!-- GTeam description and core values. -->
<div class="relative z-10 text-center px-6">
<!-- The 3 core values, using logo font, centered and aligned, big font. -->
<h1 class="font-crusader text-4xl sm:text-6xl md:text-7xl lg:text-8xl font-black tracking-tight text-white drop-shadow-md">
Performance.<br class="sm:hidden"> Speed.<br class="sm:hidden"> Efficiency.
</h1>
<!-- GTeam description and main principle, under big text, using normal font. -->
<p class="font-inter text-[#f4f5f7]/90 text-lg md:text-xl font-normal mt-6 tracking-wide max-w-3xl mx-auto drop-shadow-sm leading-relaxed">
Dedicated to building fast and efficient software.<br>
We create straightforward anti-cheats, application firewalls, and system utilities that just work.
</p>
</div>
</section>
<!-- Projects section title. -->
<section id="projects" class="max-w-7xl mx-auto px-6 flex justify-center">
<!-- Color band. -->
<div class="bg-[#165193] w-full max-w-6xl py-4 -skew-x-12 shadow-md border-r-4 border-b-4 border-black/10 text-center">
<!-- Title itself -->
<h2 class="font-crusader text-4xl sm:text-5xl font-black tracking-wider text-white uppercase skew-x-12 select-none">Projects</h2>
</div>
</section>
<!-- Projects catchphrase -->
<section class="w-full max-w-6xl mx-auto px-6 pt-12 font-inter">
<div class="text-center max-w-3xl mx-auto">
<h3 class="text-3xl font-grotesk font-bold text-[#165193] mb-4">Our Active Projects</h3>
<p class="text-lg text-black/80 leading-relaxed">Checkout our currently actively developed and maintained projects.</p>
</div>
</section>
<!-- Projects containers. -->
<section class="flex flex-wrap justify-center gap-6 md:gap-10 w-full px-6 pt-12 pb-12 font-inter">
<!-- CoralGate. -->
<div class="w-full max-w-xl md:max-w-none md:w-130 p-5 sm:p-8 text-center bg-white border-2 border-[#165193] rounded-xl shadow-sm flex flex-col transition-transform duration-300 hover:scale-105 hover:shadow-xl">
<!-- Centered, 60x60 (without destroying quality) logo. -->
<img src="assets/images/coralgate_logo.png" alt="CoralGate logo" class="w-32 h-32 sm:w-48 sm:h-48 md:w-60 md:h-60 object-contain mx-auto mb-6">
<!-- Title, 48px, bold. -->
<h1 class="font-bold font-grotesk text-3xl sm:text-4xl md:text-[48px] text-black mb-2">CoralGate</h1>
<!-- Global 18px for description. -->
<div class="text-base md:text-[18px] text-black opacity-90 flex flex-col grow">
<!-- Project catchphrase. -->
<p class="p-2 sm:p-4 font-semibold">On-the-fly packet inspection and real-time IP verification for Minecraft servers and networks.</p>
<!-- Project description. -->
<p class="text-sm sm:text-base mb-6">CoralGate acts as a high-performance application firewall for your Minecraft infrastructure. By analyzing incoming packets: malicious payloads, scanners and bots are blocked before they truly reach your server. It secures your servers by spoofing your MOTD to appear as a generic server, checks proper packet order and even checking certain incoming connection fields.</p>
<!-- GitHub-style topic tags. -->
<div class="flex flex-wrap items-center justify-center gap-2 mt-auto mb-6">
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-[#165193]/10 text-[#165193] hover:bg-[#165193]/20 transition-colors cursor-default">minecraft</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-emerald-100 text-emerald-800 hover:bg-emerald-200 transition-colors cursor-default">security</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-amber-100 text-amber-800 hover:bg-amber-200 transition-colors cursor-default">firewall</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-sky-100 text-sky-800 hover:bg-sky-200 transition-colors cursor-default">open-source</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-indigo-100 text-indigo-800 hover:bg-indigo-200 transition-colors cursor-default">GPL-v3</span>
</div>
<!-- Links, GitHub logo, Discord logo, Mail logo, centered, side by side and spaced out. -->
<div class="flex items-center justify-center gap-3 pt-4 border-t-[#165193] border-t border-[#f4f5f7]">
<a href="https://github.com/GTeamX/CoralGate" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/github_logo.png" alt="GitHub logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
<a href="https://discord.gteam.cloud" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/discord_logo.png" alt="Discord logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
<a href="mailto:gteamx@protonmail.com" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/mail_logo.png" alt="Mail logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
</div>
</div>
</div>
<!-- GTeam's Cloud. -->
<div class="w-full max-w-xl md:max-w-none md:w-130 p-5 sm:p-8 text-center bg-white border-2 border-[#165193] rounded-xl shadow-sm flex flex-col transition-transform duration-300 hover:scale-105 hover:shadow-xl">
<!-- Centered, 60x60 (without destroying quality) logo. -->
<img src="assets/images/gteam_cloud_logo_black_transparent.png" alt="GTeam Cloud black stripes Logo" class="w-48 h-32 sm:w-64 sm:h-48 md:w-90 md:h-60 object-contain mx-auto mb-6">
<!-- Title, 48px, bold. -->
<h1 class="font-bold font-grotesk text-3xl sm:text-4xl md:text-[48px] text-black mb-2">Cloud</h1>
<!-- Global 18px for description. -->
<div class="text-base md:text-[18px] text-black opacity-90 flex flex-col grow">
<!-- Project catchphrase. -->
<p class="p-2 sm:p-4 font-semibold">Find and download your favorite ISOs effortlessly.</p>
<!-- Project description. -->
<p class="text-sm sm:text-base mb-6">Effortlessly find and download your favorite ISOs with our user-friendly platform! Whether you're looking for Windows, Windows Server or even enterprise graded platforms like VMware ESX and vCenter, we've got you covered! Unsure about your ISO's integrity? Verify it instantly with our easy-to-use hash checker!</p>
<!-- GitHub-style topic tags. -->
<div class="flex flex-wrap items-center justify-center gap-2 mt-auto mb-6">
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-[#165193]/10 text-[#165193] hover:bg-[#165193]/20 transition-colors cursor-default">website</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-emerald-100 text-emerald-800 hover:bg-emerald-200 transition-colors cursor-default">utility</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-amber-100 text-amber-800 hover:bg-amber-200 transition-colors cursor-default">iso-downloader</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-sky-100 text-sky-800 hover:bg-sky-200 transition-colors cursor-default">open-source</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-indigo-100 text-indigo-800 hover:bg-indigo-200 transition-colors cursor-default">ALv2</span>
</div>
<!-- Links, Website logo, Discord logo, Mail logo, centered, side by side and spaced out. -->
<div class="flex items-center justify-center gap-3 pt-4 border-t-[#165193] border-t border-[#f4f5f7]">
<a href="cloud" class="hover:scale-110 transition-transform">
<img src="assets/images/www_logo.png" alt="World wide web logo" class="w-6 h-6 sm:w-7 sm:h-7 object-contain">
</a>
<a href="https://github.com/GTeamX/GTeam.cloud" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/github_logo.png" alt="GitHub logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
<a href="https://discord.gteam.cloud" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/discord_logo.png" alt="Discord logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
<a href="mailto:gteamx@protonmail.com" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/mail_logo.png" alt="Mail logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
</div>
</div>
</div>
<!-- GTeam's API. -->
<div class="w-full max-w-xl md:max-w-none md:w-130 p-5 sm:p-8 text-center bg-white border-2 border-[#165193] rounded-xl shadow-sm flex flex-col transition-transform duration-300 hover:scale-105 hover:shadow-xl">
<!-- Centered, 60x60 (without destroying quality) logo. -->
<img src="assets/images/gteam_api_logo_transparent_blue.png" alt="GTeam API blue logo" class="w-32 h-32 sm:w-48 sm:h-48 md:w-60 md:h-60 object-contain mx-auto mb-6">
<!-- Title, 48px, bold. -->
<h1 class="font-bold font-grotesk text-3xl sm:text-4xl md:text-[48px] text-black mb-2">API</h1>
<!-- Global 18px for description. -->
<div class="text-base md:text-[18px] text-black opacity-90 flex flex-col grow">
<!-- Project catchphrase. -->
<p class="p-2 sm:p-4 font-semibold">Fetch, analyze, evaluate and block malicious IP addresses.</p>
<!-- Project description. -->
<p class="text-sm sm:text-base mb-6">Stop malicious traffic before it reaches your services with our IP intelligence API. From real-time RDAP analysis to dynamic risk scoring based on query volume and metadata shifts, securing your platform is straightforward and reliable. Automatically detect and block scanners, VPNs and proxies in seconds.</p>
<!-- GitHub-style topic tags. -->
<div class="flex flex-wrap items-center justify-center gap-2 mt-auto mb-6">
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-[#165193]/10 text-[#165193] hover:bg-[#165193]/20 transition-colors cursor-default">api</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-emerald-100 text-emerald-800 hover:bg-emerald-200 transition-colors cursor-default">security</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-amber-100 text-amber-800 hover:bg-amber-200 transition-colors cursor-default">ip-reputation</span>
<span class="text-xs font-semibold px-2.5 py-1 rounded-full bg-rose-100 text-rose-800 hover:bg-rose-200 transition-colors cursor-default">closed-source</span>
</div>
<!-- Links, Website logo, Discord logo, Mail logo, centered, side by side and spaced out. -->
<div class="flex items-center justify-center gap-3 pt-4 border-t-[#165193] border-t border-[#f4f5f7]">
<a href="api" class="hover:scale-110 transition-transform">
<img src="assets/images/www_logo.png" alt="World wide web logo" class="w-6 h-6 sm:w-7 sm:h-7 object-contain">
</a>
<a href="https://discord.gteam.cloud" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/discord_logo.png" alt="Discord logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
<a href="mailto:gteamx@protonmail.com" target="_blank" rel="noopener noreferrer" class="hover:scale-110 transition-transform">
<img src="assets/images/mail_logo.png" alt="Mail logo" class="w-8 h-8 sm:w-10 sm:h-10 object-contain">
</a>
</div>
</div>
</div>
</section>
<p class="text-gray-500 font-inter text-[14px] italic text-center leading-tight px-6">
Don't see the project you're looking for?<br>
<a href="https://github.com/GTeamX" target="_blank" class="text-[#165193] font-semibold underline hover:text-[#165193]/80">Explore GitHub</a> or <a href="https://discord.gteam.cloud" target="_blank" class="text-[#165193] font-semibold underline hover:text-[#165193]/80">ask on Discord</a>!
</p>
<!-- Written by Claude Sonnet 5 (medium). -->
<!-- Separator network/mesh visualization. Helps space out Projects and About Us sections. -->
<section class="w-full max-w-6xl mx-auto p-8">
<div class="relative w-full aspect-10/3 rounded-2xl overflow-hidden">
<svg viewBox="0 0 1000 300" class="w-full h-full" preserveAspectRatio="none">
<!-- Web mesh lines (static, faint). -->
<g stroke="#165193" stroke-width="1" opacity="0.25" fill="none">
<path d="M40,120 L200,40" />
<path d="M40,120 L200,180" />
<path d="M40,120 L210,260" />
<path d="M200,40 L420,90" />
<path d="M200,180 L420,90" />
<path d="M200,180 L420,210" />
<path d="M210,260 L420,210" />
<path d="M420,90 L600,30" />
<path d="M420,90 L620,140" />
<path d="M420,210 L620,140" />
<path d="M420,210 L610,260" />
<path d="M600,30 L800,80" />
<path d="M620,140 L800,80" />
<path d="M620,140 L800,200" />
<path d="M610,260 L800,200" />
<path d="M800,80 L960,170" />
<path d="M800,200 L960,170" />
</g>
<!-- Packet travel paths (invisible, used as motion guides). -->
<path id="route1" d="M40,120 L200,40 L420,90 L600,30 L800,80 L960,170" fill="none" />
<path id="route2" d="M40,120 L200,180 L420,90 L620,140 L800,80 L960,170" fill="none" />
<path id="route3" d="M40,120 L210,260 L420,210 L620,140 L800,200 L960,170" fill="none" />
<path id="route4" d="M40,120 L200,180 L420,210 L610,260 L800,200 L960,170" fill="none" />
<path id="route5" d="M40,120 L200,40 L420,90 L620,140 L800,200 L960,170" fill="none" />
<!-- Nodes. -->
<g fill="#165193">
<circle cx="200" cy="40" r="4" opacity="0.6" />
<circle cx="200" cy="180" r="4" opacity="0.6" />
<circle cx="210" cy="260" r="4" opacity="0.6" />
<circle cx="420" cy="90" r="4" opacity="0.6" />
<circle cx="420" cy="210" r="4" opacity="0.6" />
<circle cx="600" cy="30" r="4" opacity="0.6" />
<circle cx="620" cy="140" r="4" opacity="0.6" />
<circle cx="610" cy="260" r="4" opacity="0.6" />
<circle cx="800" cy="80" r="4" opacity="0.6" />
<circle cx="800" cy="200" r="4" opacity="0.6" />
</g>
<!-- Endpoints A & B. -->
<circle cx="40" cy="120" r="12" fill="#165193" />
<circle cx="960" cy="170" r="12" fill="#165193" />
<circle cx="40" cy="120" r="20" fill="none" stroke="#165193" stroke-width="2" opacity="0.5">
<animate attributeName="r" values="12;24;12" dur="2.5s" repeatCount="indefinite" />
<animate attributeName="opacity" values="0.6;0;0.6" dur="2.5s" repeatCount="indefinite" />
</circle>
<circle cx="960" cy="170" r="20" fill="none" stroke="#165193" stroke-width="2" opacity="0.5">
<animate attributeName="r" values="12;24;12" dur="2.5s" begin="1.25s" repeatCount="indefinite" />
<animate attributeName="opacity" values="0.6;0;0.6" dur="2.5s" begin="1.25s" repeatCount="indefinite" />
</circle>
<!-- Flying packets, each following a route with its own timing. -->
<circle r="5" fill="#4d9fff">
<animateMotion dur="3.2s" repeatCount="indefinite" begin="0s">
<mpath href="#route1" />
</animateMotion>
</circle>
<circle r="5" fill="#4d9fff">
<animateMotion dur="2.8s" repeatCount="indefinite" begin="0.4s">
<mpath href="#route2" />
</animateMotion>
</circle>
<circle r="5" fill="#4d9fff">
<animateMotion dur="3.6s" repeatCount="indefinite" begin="0.9s">
<mpath href="#route3" />
</animateMotion>
</circle>
<circle r="5" fill="#4d9fff">
<animateMotion dur="3s" repeatCount="indefinite" begin="1.5s">
<mpath href="#route4" />
</animateMotion>
</circle>
<circle r="5" fill="#4d9fff">
<animateMotion dur="2.6s" repeatCount="indefinite" begin="2s">
<mpath href="#route5" />
</animateMotion>
</circle>
<circle r="5" fill="#4d9fff">
<animateMotion dur="3.4s" repeatCount="indefinite" begin="0.2s">
<mpath href="#route1" />
</animateMotion>
</circle>
<circle r="5" fill="#4d9fff">
<animateMotion dur="2.9s" repeatCount="indefinite" begin="1.1s">
<mpath href="#route3" />
</animateMotion>
</circle>
</svg>
</div>
</section>
<!-- About Us section title. -->
<section id="about" class="max-w-7xl mx-auto px-6 flex justify-center">
<!-- Color band. -->
<div class="bg-[#165193] w-full max-w-6xl py-4 -skew-x-12 shadow-md border-r-4 border-b-4 border-black/10 text-center">
<!-- Title itself -->
<h2 class="font-crusader text-4xl sm:text-5xl font-black tracking-wider text-white uppercase skew-x-12 select-none">About Us</h2>
</div>
</section>
<!-- About Us catchphrase -->
<section class="w-full max-w-6xl mx-auto px-6 pt-12 pb-12 font-inter">
<div class="text-center max-w-3xl mx-auto">
<h3 class="text-3xl font-grotesk font-bold text-[#165193] mb-4">Our Journey</h3>
<p class="text-lg text-black/80 leading-relaxed">A timeline that follows our growth, step by step, milestone by milestone.</p>
</div>
<!-- About Us snake. -->
<div id="snake-timeline" class="relative w-full"></div>
<script src="js/aboutUs.js"></script>
</section>
</main>
<!-- Full-width deep bottom bar in black. -->
<footer class="w-full bg-black text-[#f4f5f7] mt-24">
<!-- Main footer content grid. -->
<div class="max-w-7xl mx-auto px-6 pt-20 pb-12 grid grid-cols-1 md:grid-cols-3 gap-12 items-start">
<!-- Center left: GTeam logo, 32x32, GitHub org description. -->
<div class="md:col-span-1 flex flex-col items-start gap-4">
<!-- Logo: 32x32. -->
<img src="assets/images/gteam_logo_transparent.png" alt="GTeam white transparent logo" class="w-32 h-32 object-contain">
<!-- GitHub org description. -->
<p class="font-inter text-sm text-neutral-400 leading-relaxed max-w-xs">GTeam is a small organization focused on performance, speed, and efficiency. We develop straightforward anti-cheats, firewalls, and system utilities that just work.</p>
</div>
<!-- Center right: Tools (projects) and contact. -->
<div class="md:col-span-2 flex flex-wrap items-stretch justify-start md:justify-end gap-10 md:gap-12">
<!-- Tools section. -->
<div class="flex flex-col gap-4">
<h3 class="font-grotesk font-bold text-[24px] tracking-wider text-white uppercase">Tools</h3>
<nav class="flex flex-col gap-2.5 font-inter">
<a href="#projects" class="text-neutral-400 transition-colors duration-300 hover:text-white">CoralGate</a>
<a href="cloud" class="text-neutral-400 transition-colors duration-300 hover:text-white whitespace-nowrap inline-flex items-center gap-1.5">Cloud <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"></path></svg></a>
<a href="api" class="text-neutral-400 transition-colors duration-300 hover:text-white whitespace-nowrap inline-flex items-center gap-1.5">API <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"></path></svg></a>
</nav>
</div>
<!-- Vertical separator between categories. -->
<div class="hidden sm:block w-px bg-neutral-800 self-stretch my-1"></div>
<!-- Contact section. -->
<div class="flex flex-col gap-4">
<h3 class="font-grotesk font-bold text-[24px] tracking-wider text-white uppercase">Contact</h3>
<nav class="flex flex-col gap-2.5 font-inter">
<a href="https://github.com/GTeamX" target="_blank" rel="noopener noreferrer" class="text-neutral-400 transition-colors duration-300 hover:text-white">GitHub</a>
<a href="https://discord.gteam.cloud" target="_blank" rel="noopener noreferrer" class="text-neutral-400 transition-colors duration-300 hover:text-white">Discord</a>
<a href="mailto:gteamx@protonmail.com" class="text-neutral-400 transition-colors duration-300 hover:text-white">Email</a>
</nav>
</div>
</div>
</div>
<!-- Bottom copyright. -->
<div class="max-w-7xl mx-auto px-6 py-6 border-t border-neutral-900 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs font-medium font-inter text-neutral-500">
<div>© 2022-2026 GTeam. All rights reserved.</div>
</div>
</footer>
</body>
</html>