-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcameo.html
84 lines (81 loc) · 3.45 KB
/
cameo.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
<html>
<head>
<title>kinda.fun CAMEO</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
</html>
<body>
<div id="app" v-cloak="v-cloak">
<div class="title-screen">
<div class="choice-holder">
<div class="inner">
<div class="above-choices">
<h1>Choose a game.</h1>
</div>
<div class="game-choices">
<div class="game" :class="{ active: (gameChoice == 'invalid'), inactive: (gameChoice && gameChoice != 'invalid') }">
<figure class="logo" @click="gameChoice = 'invalid'"><img src="svg/invalid-logo.svg"/></figure>
<figcaption>
<div class="slogan">A trivia game of unnecessary suffering.</div>
<div class="players-allowed">For 2 or more players.<br/>(but best with 4 - 8)</div>
</figcaption>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "VideoGame",
"name": "Invalid",
"url": "https://kinda.fun/invalid",
"image": "https://kinda.fun/img/og-invalid.png",
"playMode": "MultiPlayer",
"applicationCategory": "browser game",
"gamePlatform": "web browser",
"operatingSystem": "web browser",
"genre": "comedy",
"description": "A trivia game of unnecessary suffering.",
}
</script>
</div>
<div class="game" :class="{ active: (gameChoice == 'wrongest'), inactive: (gameChoice && gameChoice != 'wrongest') }">
<figure class="logo" @click="gameChoice = 'wrongest'"><img src="svg/wrongest.svg"/></figure>
<figcaption>
<div class="slogan">You're going to defend some very stupid ideas.</div>
<div class="players-allowed">For 3 or more players.<br/>(but best with 5 - 10)</div>
</figcaption>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "VideoGame",
"name": "The Wrongest Words",
"url": "https://kinda.fun/wrongest",
"image": "https://kinda.fun/img/og-wrongest.png",
"playMode": "MultiPlayer",
"applicationCategory": "browser game",
"gamePlatform": "web browser",
"operatingSystem": "web browser",
"genre": "comedy",
"description": "You're going to defend some very stupid ideas.",
}
</script>
</div>
</div>
</div>
</div>
<div class="create-or-join" v-if="gameChoice">
<div class="options">
<div class="create">
<button @click="createRoom()">Create a New Room</button>
</div>
<div class="or"><span>or</span></div>
<div class="join">
<button @click="joinRoom()">Join a Room</button>
</div>
</div>
</div>
</div>
</div>
<script src="js/libraries/vue.full.js"></script>
<script>const testing = true;</script>
<script src="/socket.io/socket.io.js"></script>
<script>var socket = io.connect();</script>
<script src="js/min/start.min.js?updatedundefined"></script>
</body>