/
index.html
216 lines (213 loc) · 11.3 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bosstis Birthday Bingo 2022</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="content">
<h1><span class="the-b">B</span>ossti's <span class="the-b">B</span>irthday <span class="the-b">B</span>ingo 2022
</h1>
<input id="alias" name="alias" value="WER BIST DU?">
<div class="bingo-fields">
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
<div class="dropzone bingo-field"></div>
</div>
<div class="dropzone bingo-items">
<div class="bingo-item alan-wake" id="alan-wake" draggable="true">
<span class="description">Alan Wake wird einen Auftritt haben</span>
</div>
<div class="bingo-item not alan-wake" id="no-alan-wake" draggable="true">
<span class="description">Alan Wake wird keinen Auftritt haben</span>
</div>
<div class="bingo-item botw-2" id="botw-2" draggable="true">
<span class="description">Wir werden Neues zum Breath of the Wild Nachfolger sehen</span>
</div>
<div class="bingo-item not botw-2" id="no-botw-2" draggable="true">
<span class="description">Wir werden nichts Neues zum Breath of the Wild Nachfolger sehen</span>
</div>
<div class="bingo-item new-switch" id="new-switch" draggable="true">
<span class="description">Die Switch-Folgekonsole oder eine neue Switch Variante werden angekündigt</span>
</div>
<div class="bingo-item not new-switch" id="no-new-switch" draggable="true">
<span class="description">Weder die Switch-Folgekonsole noch eine neue Switch Variante werden angekündigt</span>
</div>
<div class="bingo-item xbox" id="new-xbox-studio" draggable="true">Neue Studios
<span class="description">Microsoft kündigt an, neue Studios gekauft oder gegründet zu haben<br>
💵💵🤑💵💵</span>
</div>
<div class="bingo-item not xbox" id="no-new-xbox-studio" draggable="true">Neue Studios
<span class="description">Microsoft kündigt nicht an, neue Studios gekauft oder gegründet zu haben</span>
</div>
<div class="bingo-item silent-hill" id="silent-hill" draggable="true">
<span class="description">Silent Hill wird zurückkehren 😱</span>
</div>
<div class="bingo-item not silent-hill" id="no-silent-hill" draggable="true">
<span class="description">Silent Hill bleibt stumm 😶 *badumm tsss*</span>
</div>
<div class="bingo-item eldenring" id="eldenring" draggable="true">
<span class="description">Es gibt mehr Elden Ring! 😍</span>
</div>
<div class="bingo-item not eldenring" id="no-eldenring" draggable="true">
<span class="description">Es gibt (erstmal) nichts Neues zu Elden Ring 😒</span>
</div>
<div class="bingo-item goldeneye" id="goldeneye" draggable="true">
<span class="description">GoldenEye 007 kehrt endlich zurück 😎</span>
</div>
<div class="bingo-item not goldeneye" id="no-goldeneye" draggable="true">
<span class="description">GoldenEye 007 wird uns weiterhin vorenthalten 😡</span>
</div>
<div class="bingo-item bloodborne" id="bloodborne" draggable="true">
<span class="description">Etwas zu Bloodborne wird angekündigt (Remaster, Teil 2, PC Version, o.Ä.) 😲</span>
</div>
<div class="bingo-item not bloodborne" id="no-bloodborne" draggable="true">
<span class="description">Nichts Neues in Yarnham 😞</span>
</div>
<div class="bingo-item gameboy" id="gameboy" draggable="true">
<span class="description">Wir dürfen bald GameBoy Spiele auf unseren Switches zocken 🕹</span>
</div>
<div class="bingo-item not gameboy" id="no-gameboy" draggable="true">
<span class="description">Kein GameBoy, kein G'schrei</span>
</div>
<div class="bingo-item luigi" id="luigi" draggable="true">
<span class="description">Luigi wird sich die Ehre geben 💚</span>
</div>
<div class="bingo-item not luigi" id="no-luigi" draggable="true">
<span class="description">Luigi ist diesmal im Urlaub und hat keine Zeit 🌴🌴</span>
</div>
<div class="bingo-item metroid-prime-4" id="metroid-prime-4" draggable="true">
<span class="description">Wir bekommen endlich GamePlay zu Metroid Prime 4 zu sehen 🙄</span>
</div>
<div class="bingo-item not metroid-prime-4" id="no-metroid-prime-4" draggable="true">
<span class="description">Weiterhin kein Lebenszeichen von Metroid Prime 4 💀</span>
</div>
<div class="bingo-item ukraine" id="ukraine" draggable="true">
<span class="description">Der russische Krieg gegen die Ukraine wird erwähnt</span>
</div>
<div class="bingo-item not ukraine" id="no-russia" draggable="true">
<span class="description">Man versucht lieber, unpolitisch zu bleiben</span>
</div>
<div class="bingo-item fable" id="fable" draggable="true">
<span class="description">Wir bekommen Fable 4 Gameplay zu sehen</span>
</div>
<div class="bingo-item not fable" id="no-fable" draggable="true">
<span class="description">Leider gibt es von Fable 4 noch nichts zu sehen</span>
</div>
<div class="bingo-item creed" id="creed" draggable="true">
<span class="description">Ein neues Assassin's Creed wird angekündigt</span>
</div>
<div class="bingo-item not creed" id="no-creed" draggable="true">
<span class="description">Assassin's Creed macht weiterhin Pause</span>
</div>
<div class="bingo-item mafia" id="mafia" draggable="true">
<span class="description">Wir bekommen es mit der Mafia zu tun</span>
</div>
<div class="bingo-item not mafia" id="no-mafia" draggable="true">
<span class="description">Mit dem Mafia Remake, dem Mafia II Remaster und Mafia III hat man weiterhin genug
Mafia Spiele</span>
</div>
<div class="bingo-item cat" id="cat" draggable="true">
<span class="description">KATZEN!<br>🐈🐈🐈🐈🐈</span>
</div>
<div class="bingo-item not cat" id="no-cat" draggable="true">
<span class="description">Keine Katzen 😿</span>
</div>
<div class="bingo-item resident-evil" id="resident-evil" draggable="true">
<span class="description">Wir sehen das Resident Evil 4 Remake 🧟</span>
</div>
<div class="bingo-item not resident-evil" id="no-resident-evil" draggable="true">
<span class="description">Da haben wir bei der State of Play wohl erstmal alles gesehen 😣</span>
</div>
<div class="bingo-item witch" id="witch" draggable="true">
<span class="description">Wir werden eine Hexe oder einen Hexer sehen</span>
</div>
<div class="bingo-item not witch" id="no-witch" draggable="true">
<span class="description">Es wird nicht gehext</span>
</div>
<div class="bingo-item dc" id="dc" draggable="true">
<span class="description">Wir werden Charactere aus dem DC Universum (Batman, Flash, Superman, etc.)
sehen</span>
</div>
<div class="bingo-item not dc" id="no-dc" draggable="true">
<span class="description">Wir werden keine Charactere aus dem DC Universum sehen</span>
</div>
<div class="bingo-item marvel" id="marvel" draggable="true">
<span class="description">Wir werden Charactere aus dem Marvel Universum (Spider-Man, Iron Man, Thor, usw.)
sehen</span>
</div>
<div class="bingo-item not marvel" id="no-marvel" draggable="true">
<span class="description">Wir werden keine Charactere aus dem Marvel Universum sehen</span>
</div>
<div class="bingo-item kojima" id="kojima" draggable="true">
<span class="description">Natürlich wird Geoff Keighley seinen besten Kumpel Hideo Kojima zu Wort kommen
lassen</span>
</div>
<div class="bingo-item not kojima" id="no-kojima" draggable="true">
<span class="description">Kojima ist - vielleicht mit Luigi - im Urlaub und daher nicht zu sprechen</span>
</div>
<div class="bingo-item playstation" id="playstation" draggable="true">
<span class="description">Sony hat mindestens eine PlayStation-Neuankündigung im Gepäck</span>
</div>
<div class="bingo-item not playstation" id="no-playstation" draggable="true">
<span class="description">Sony spart sich seine Neuankündigungen lieber für Herbst (oder noch später) auf</span>
</div>
<div class="bingo-item chainsaw" id="chainsaw" draggable="true">
<span class="description">Es wird gekettensägt 😈</span>
</div>
<div class="bingo-item not chainsaw" id="no-chainsaw" draggable="true">
<span class="description">Genauso wie es kein Kettensägen-Emoji gibt, wird es auch keine Kettensäge in einem
Spiel geben</span>
</div>
<div class="bingo-item pirate" id="pirate" draggable="true">
<span class="description">Es wird Piraten-GamePlay ⚔️☠️ zu sehen geben 🏴☠ arrrr 🦜</span>
</div>
<div class="bingo-item not pirate" id="no-pirate" draggable="true">
<span class="description">Wer braucht schon Piraten, wenn es SciFi-Horror-Action-Cowboys gibt 🤷♀️</span>
</div>
<div class="bingo-item prime-trilogy" id="prime-trilogy" draggable="true">
<span class="description">Nintendo holt mal endlich die SCHON LANGE FERTIGE Metroid Prime Trilogy für Nintendo
Switch aus der Schublade</span>
</div>
<div class="bingo-item not prime-trilogy" id="no-prime-trilogy" draggable="true">
<span class="description">Die Schublade bleibt zu</span>
</div>
<div class="bingo-item sega" id="sega" draggable="true">
<span class="description">SEGA hat die ein oder andere Neuankündigung im Gepäck</span>
</div>
<div class="bingo-item not sega" id="no-sega" draggable="true">
<span class="description">SEGA zeigt nur bekannte Sachen, das gute Zeug heben sie sich für die Tokyo Game Show
und die Video Game Awards auf</span>
</div>
<div class="bingo-item joker" id="joker" draggable="true">
<span class="description">Gibt keinen Punkt, aber zählt für betroffene Bingo-Reihen als hätte man richtig
getippt 🤡</span>
</div>
</div>
<footer>
<div>
HTML & CSS: 0.17.0, JS: <span id="js-ver"></span>
</div>
<div>
<a href="https://github.com/SebastianKErben/b3" target="_blank">Project on github</a>
</div>
</footer>
</div>
<script src="app.js" type="application/javascript" charset="utf-8"></script>
</body>
</html>