-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfruitmachine.html
112 lines (100 loc) · 5.48 KB
/
fruitmachine.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
---
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 MYW idee-O-matic</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--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">Bejaarden</div>
<div class="alloy-slot alloy-slot--second">Kinderen</div>
<div class="alloy-slot alloy-slot--second">Jongeren</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">Thema</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>