-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (120 loc) · 4.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Home | Drifter</title>
<link rel="icon" href="https://i.imgur.com/v7UQh3k.jpg" />
<link rel="stylesheet" href="./resources/css/index.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="./resources/javascript/index.js" defer></script>
<script src="./components/header.js" defer></script>
<script src="./components/footer.js" defer></script>
<!-- itch.io -->
<script type="text/javascript" src="https://static.itch.io/api.js"></script>
<!-- Open Graph / Facebook / Instagram -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Drifter Deckbuilding Game" />
<meta
property="og:description"
content="Deckbuilding in Corporate Dystopia" />
<meta property="og:url" content="https://drifterthegame.com/" />
<meta property="og:image" content="https://i.imgur.com/v7UQh3k.jpg" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="1024" />
<!-- Discord Embed Color -->
<meta name="theme-color" data-react-helmet="true" content="#43B581" />
<!-- Twitter -->
<meta property="twitter:card" content="summary" />
<meta property="twitter:url" content="https://drifterthegame.com/" />
<meta property="twitter:title" content="Drifter Deckbuilding Game" />
<meta
property="twitter:description"
content="Deckbuilding in Corporate Dystopia" />
<meta property="twitter:image" content="https://i.imgur.com/v7UQh3k.jpg" />
</head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-4L98TDCFZP"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-4L98TDCFZP");
</script>
<body onload="onPageLoad()">
<header-component></header-component>
<nav id="nav-social">
<ul>
<li>
<a href="https://discord.gg/X49ju9VAEY" target="_blank">
<img
src="./resources/images/Discord_Icon_White.png"
alt="itch.io icon"
title="Discord"
class="tall-icon"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/drifterthegame/?r=nametag"
target="_blank">
<img
src="./resources/images/Instagram_Icon_White.png"
alt="itch.io icon"
title="Instagram"
/></a>
</li>
<li>
<a
href="https://www.youtube.com/channel/UCb6l5aLCVajsJp8rTTyS_OA"
target="_blank">
<img
src="./resources/images/YouTube_Icon_White.png"
alt="itch.io icon"
title="Youtube"
class="tall-icon"
/></a>
</li>
</ul>
</nav>
<main>
<div class="bg-grad--black clr--white centered fade-in">
<h2 class="slide-from-left">Welcome to the Drift</h2>
<br />
<p class="slide-from-right">
Drifter is a deckbuilding adventure game set in a futuristic corporate
dystopia.
<br />Choose your Drifter and make your stand against The
Corporations. <br /><br />
<small>
<a href="https://www.unity.com" target="_blank">
<img src="./resources/images/Unity_Logo.png" alt="Unity Logo" />
<br />
Made with Unity
</a>
</small>
</p>
</div>
<iframe
src="https://www.youtube.com/embed/fP-61vrmw78"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"></iframe>
</main>
<footer-component></footer-component>
<script>
$(".slider").on("click", function () {
$(this).toggleClass("show-description");
});
function onPageLoad() {
$("body").toggleClass("page-loaded");
}
</script>
</body>
</html>