-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (97 loc) · 5.34 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
<!doctype html>
<html lang="en">
<head>
<title>Games Unite</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The Unofficial Games Unite Website. Features, Commands, FAQ, Configs.">
<meta name="keywords" content="roblox, roblox shooter, shooter, guns, game, roblox game, games unite, games, unite">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B0QFZJDG2M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-B0QFZJDG2M');
</script>
<!-- Website Embed -->
<meta content="Games Unite" property="og:title">
<meta content="The Unofficial Games Unite Website." property="og:description">
<meta content="website" property="og:type">
<meta content="https://gamesunite.dev/" property="og:url">
<meta content="https://gamesunite.dev/img/screenshots/MojaveInspect.webp" property="og:image">
<meta content="#4bf5a3" data-react-helmet="true" name="theme-color">
<!-- Twitter/Social Embed -->
<meta name="twitter:title" content="Games Unite">
<meta name="twitter:description" content="The Unofficial Games Unite Website. Features, Commands, FAQ, Configs.">
<meta name="twitter:image" content="https://gamesunite.dev/img/screenshots/MojaveInspect.webp">
<meta name="twitter:site" content="@MapleAtMorning">
<meta name="twitter:card" content="summary_large_image">
<!-- Favicons -->
<link rel="apple-touch-icon" href="img/GULogo.ico">
<link rel="icon" href="img/GULogoBlack.ico" media="(prefers-color-scheme: light)">
<link rel="icon" href="img/GULogo.ico" media="(prefers-color-scheme: dark)">
<!-- Lite YT https://github.com/paulirish/lite-youtube-embed -->
<link rel="stylesheet" href="node_modules/lite-youtube-embed/src/lite-yt-embed.css">
<script src="node_modules/lite-youtube-embed/src/lite-yt-embed.js"></script>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web" rel="stylesheet">
<script src="/js/htmlManager.js"></script>
<script type="module" src="/js/themeManager.js"></script>
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/multiPage.css">
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<header id="nav-top">
<gu-header></gu-header>
</header>
<gu-cookies></gu-cookies>
<main>
<div id="carousel-holder">
<div id="main-carousel">
<img id="carousel-img1" src="img/screenshots/1.webp" alt="" loading="eager" style="z-index: 2;">
<img id="carousel-img2" src="img/screenshots/2.webp" alt="" style="z-index: 1;">
<img id="carousel-img3" src="img/screenshots/3.webp" alt="" style="z-index: 0;">
</div>
<div id="carousel-content">
<div>
<h1>Games Unite</h1>
<h2 id="tag-line">The <b>UNOFFICIAL</b> Games Unite Website</h2>
<span>
<a id="play-now-cta" href="https://www.roblox.com/games/2746687316/Games-Unite-Testing-Place">Play Now</a>
</span>
<span>
<a id="discord-cta" href="https://discord.gg/zMmANqqFB5">Join the Discord</a>
</span>
<!-- Spans are required around the buttons for the drop shadow effect on hover -->
</div>
<img src="img/GULogo.webp" alt="Games Unite Logo" id="hero-logo">
</div>
</div> <!-- End of Carousel -->
<section id="page-content">
<div class="fifty-fifty anim-left anim">
<img src="img/screenshots/KnifeInspect.webp" alt="Games Unite screenshot. Robloxian arm holding up and inspecting a knife with a green handle. Dim lighting in a bunker with crates on both sides of the screen.">
<div>
<h3 class="info-title">What is Games Unite?</h3>
<p class="info-paragraph text-muted">Games Unite is a Roblox shooter that's heavily inspired by the Source Engine.</p>
</div>
</div>
<div class="fifty-fifty anim-right anim">
<div>
<h4 class="info-title">State of the Game</h4>
<p class="info-paragraph text-muted">Games Unite is still early in development, and currently just a testing place. The testing place will be updated into the full game.</p>
</div>
<img src="img/screenshots/MojaveInspect.webp" alt="Games Unite screenshot. Robloxian holding a rifle pointed diagonally to the sky, looking at the left side of the rifle. Outside in bright lighting." loading="lazy">
</div>
<lite-youtube videoid="Tqtqk8HEg40" playlabel="Play: Games Unite - Framework Demo" class="anim-fade anim"></lite-youtube>
</section>
</main>
<footer>
<img src="img/misc/huma.png" style="display: none;" id="hiddenhuma">
<gu-footer></gu-footer>
</footer>
<script type="module" src="js/multipage.js"></script>
<script type="module" src="js/homepage.js"></script>
</body>
</html>