-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (110 loc) · 6.26 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
---
layout: slotmachine
---
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="{{ "/assets/jquery.slotmachine.min.js" | relative_url }}" charset="utf-8"></script>
<script src="{{ "/assets/main.js" | relative_url }}" charset="utf-8"></script>
<div id="randomize" class="alloy-background--one">
<div class="content container centered">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="row">
<!-- <div id="machine1Result" class="col-4 machineResult">Index: 0</div>
<div id="machine2Result" class="col-4 machineResult">Index: 1</div>
<div id="machine3Result" class="col-4 machineResult">Index: 2</div> -->
<div class="col-md-8">
<h1>De Fruitmachine</h1>
</div>
<div class="col-md-4">
<button id="ranomizeButton" type="button" class="btn btn-danger btn-lg">Draai allemaal</button>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div>
<div id="machine1" class="randomizeMachine">
<div class="alloy-slot alloy-slot--second">Spel doen met</div>
<div class="alloy-slot alloy-slot--second">Bakken/koken met</div>
<div class="alloy-slot alloy-slot--second">Uitdelen aan</div>
<div class="alloy-slot alloy-slot--second">Uitleggen aan</div>
<div class="alloy-slot alloy-slot--second">Schoonmaken voor</div>
<div class="alloy-slot alloy-slot--second">Inzamelen voor</div>
<div class="alloy-slot alloy-slot--second">Gezelschap houden van</div>
<div class="alloy-slot alloy-slot--second">Bewegen met</div>
<div class="alloy-slot alloy-slot--second">Mee helpen bij</div>
<!-- <div class="alloy-slot alloy-slot--first">Kunst & Cultuur</div>
<div class="alloy-slot alloy-slot--first">Sport & Gezondheid</div>
<div class="alloy-slot alloy-slot--first">Natuur & Milieu</div>
<div class="alloy-slot alloy-slot--first">Ontmoeting & Contact</div>
<div class="alloy-slot alloy-slot--first">Veiligheid & Welzijn</div> -->
</div>
</div>
</div>
<div class="col-sm-4">
<div>
<div id="machine2" class="randomizeMachine">
<div class="alloy-slot alloy-slot--second">Jongeren</div>
<div class="alloy-slot alloy-slot--second">Kinderen</div>
<div class="alloy-slot alloy-slot--second">Bejaarden</div>
<div class="alloy-slot alloy-slot--second">Docenten</div>
<div class="alloy-slot alloy-slot--second">Zieke mensen</div>
<div class="alloy-slot alloy-slot--second">Vluchtelingen</div>
<div class="alloy-slot alloy-slot--second">Daklozen</div>
<div class="alloy-slot alloy-slot--second">Sporters</div>
<div class="alloy-slot alloy-slot--second">Mensen op straat </div>
<div class="alloy-slot alloy-slot--second">Buurtbewoners </div>
<div class="alloy-slot alloy-slot--second">Mensen met een handicap</div>
<div class="alloy-slot alloy-slot--second">Schoonmakers</div>
<div class="alloy-slot alloy-slot--second">Agenten</div>
<div class="alloy-slot alloy-slot--second">Vuilnismannen</div>
<div class="alloy-slot alloy-slot--second">Toeristen</div>
<div class="alloy-slot alloy-slot--second">Fietsers</div>
<div class="alloy-slot alloy-slot--second">Vrijwilligers</div>
<div class="alloy-slot alloy-slot--second">Kassières </div>
<div class="alloy-slot alloy-slot--second">Dieren</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div>
<div id="machine3" class="randomizeMachine">
<div class="alloy-slot alloy-slot--third">Station</div>
<div class="alloy-slot alloy-slot--third">School(plein) </div>
<div class="alloy-slot alloy-slot--third">Sportveld</div>
<div class="alloy-slot alloy-slot--third">Stadscentrum</div>
<div class="alloy-slot alloy-slot--third">Op straat</div>
<div class="alloy-slot alloy-slot--third">In de natuur (park / bos / strand)</div>
<div class="alloy-slot alloy-slot--third">Bejaardentehuis</div>
<div class="alloy-slot alloy-slot--third">Asielzoekers centrum</div>
<div class="alloy-slot alloy-slot--third">Buurthuis </div>
<div class="alloy-slot alloy-slot--third">Ziekenhuis</div>
<div class="alloy-slot alloy-slot--third">Sportclub</div>
<div class="alloy-slot alloy-slot--third">Skatebaan</div>
<div class="alloy-slot alloy-slot--third">Speeltuin</div>
<div class="alloy-slot alloy-slot--third">Voedselbank / Leger des Heils </div>
<div class="alloy-slot alloy-slot--third">Museum</div>
<div class="alloy-slot alloy-slot--third">Kinderboerderij</div>
<div class="alloy-slot alloy-slot--third">Kringloopwinkel</div>
<div class="alloy-slot alloy-slot--third">Bibliotheek</div>
<div class="alloy-slot alloy-slot--third">Gemeentehuis / stadhuis</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-4">
<button id="shuffle1" type="button" class="btn btn-danger btn-lg">Activiteit</button>
<!-- <button id="disable-shuffle1" type="button" class="btn btn--alt btn-danger btn-lg">Verberg thema</button> -->
</div>
<div class="col-4">
<button id="shuffle2" type="button" class="btn btn-danger btn-lg">Doelgroep</button>
</div>
<div class="col-4">
<button id="shuffle3" type="button" class="btn btn-danger btn-lg">Locatie</button>
</div>
</div>
</div>
</div>
</div>
</div>