-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (109 loc) · 3.89 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
<!doctype html>
<html lang="fi">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="scripts.js"></script>
<title>Satuhäät ja Unelmahäät bingo</title>
</head>
<body>
<h1 class="text-center">Satuhäät ja Unelmahäät bingo</h1>
<style>
.square-cell {
width: 150px;
height: 150px;
text-align: center;
vertical-align: middle;
}
</style>
<script>
var ruudut = [
"A Le Coq",
"Ajetaan farmariautolla",
"Appivanhemmat vetävät röökiä",
"Asuste, jossa on automerkin nimi",
"Best man kiinnittää hääopasteita",
"Crocsit",
"Ensitapaamiseen liittyy baari-ilta",
"Haetaan hääviinaa Tallinnasta",
"\"Heh heh.\"",
"Hääauton koristeiden asettelu",
"Hääjärjestelyistä tulee riitaa",
"Hääkampaus sateessa",
"Hääkimpun noutaminen kukkakaupasta",
"Hääpari käy noutamassa sormukset",
"Hääpari pussaa",
"Hääpari touhuaa lasten kanssa ulkona",
"Hääpari yhdessä lenkillä",
"Hääparilla on lemmikkieläin",
"Hääpuvun sovitus",
"Itse tehty hääruno",
"Ja vihdoin kaikki on hyvin",
"Joku laulaa karaokea",
"Joku on ammatiltaan lähihoitaja",
"Joku rassaa autoa",
"Juodaan keittiössä kahvit",
"Kiusallinen morsiamen ryöstö",
"Kuvioitu sivukalju",
"Lapsi parkuu kirkossa",
"Lapsia edellisistä suhteista",
"Lyhythihainen kauluspaita",
"Mersu",
"Morsiamella on krapula",
"Morsiamen rakennekynnet",
"Morsian hankkii ripsienpidennykset",
"Morsian itkee ja/tai raivoaa",
"Morsian vetää röökiä",
"\"Näkymättömät\" silikoniolkaimet",
"Olkaimettoman topin/mekon nostelu",
"Peltomaisema",
"Pikkujoulujen väriset kravatit",
"Pinkki raita hiuksissa",
"Pyyhitään hikeä naamasta",
"Riitaa hääpaikalla koristeluista tai istumajärjestyksestä",
"Ruma tatuointi",
"Ruostetta autossa",
"Sormukset hukassa hääpäivänä",
"Sulhanen kiinnittää hääopasteita",
"Sulhanen on kännissä",
"Sulhanen vetää röökiä",
"Sulhasella on harmaa puku",
"Sulhasella on krapula",
"Suomi-leijona missä tahansa muodossa",
"Teemahäät tai väriteema",
"Tiara",
"Tribaalitatuointi",
"Työväentalo",
"Vieraalla liian monta paidannappia auki",
"Viininpunainen häiden korostevärinä",
"Violetti on häiden koristevärinä",
"Vähintään kahta väriä hiuksissa",
"Väärän kokoinen pikkutakki vieraalla",
];
ruudut = shuffle(ruudut);
document.write("<div class=\"container\">");
document.write("<table class=\"table table-bordered\" style=\"table-layout: fixed; width: 100%; height: 100%;\">");
for (var i=0; i<5; i++) {
document.write("<tr>");
for (var j=0; j<5; j++) {
if (i === 2 && j === 2) {
document.write("<td class=\"square-cell\">Enya</td>"); // :)
} else {
document.write("<td class=\"square-cell\">" + ruudut[0] + "</td>");
ruudut.shift();
}
}
document.write("</tr>");
}
document.write("</table>");
document.write("</div>");
</script>
<div class="text-center">
<button onClick="window.location.reload();">Uusi ruudukko!</button>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>