-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
779 lines (756 loc) · 49.7 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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Foreplay Conferentie</title>
<!-- Meta tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Foreplay: Technology in the City of People">
<meta name="keywords" content="Foreplay Conference, foresight, future city, City of Ghent, Digipolis, Ghent Living Lab, City of People">
<meta name="author" content="Foresight by Digipolis">
<meta property="og:title" content="Foreplay: Technology in the City of People" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://foreplay.gent" />
<!--<meta property="og:image" content="/" />-->
<meta property="og:description" content="Foreplay onderzoekt, inspireert en durft kritisch zijn over de toekomst van mens, technologie en samenleving in Gent.
" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="https://foreplay.gent" />
<meta name="twitter:title" content="Foreplay: Technology in the City of People" />
<meta name="twitter:description" content="Foreplay onderzoekt, inspireert en durft kritisch zijn over de toekomst van mens, technologie en samenleving in Gent." />
<meta name="twitter:image" content="https://foreplay.gent/assets/pictures/foreplaylogokleur.png" />
<meta name="twitter:url" content="https://foreplay.gent" />
<link rel="icon" type="image/x-icon" href="assets/favicon2.ico" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet" type="text/css">
<link href="css/main.min.css" rel="stylesheet">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Event",
"name": "Foreplay",
"startDate": "2017-09-07T08:30",
"endDate": "2017-09-07T17:00",
"url": "https://foreplay.gent",
"location": {
"@type": "Place",
"name": "De Bijloke",
"address": {
"@type": "PostalAddress",
"streetAddress": "Jozef Kluyskensstraat 2",
"addressLocality": "Gent",
"addressRegion": "Oost-Vlaanderen",
"postalCode": "9000"
}
}
"reviewedBy": "Foresight by Digipolis",
"lastReviewed": "2017-06-28",
"speciality": "Foresight",
"mainContentOfPage": "Conference"
}
</script>
</head>
<body>
<!--NAVIGATION-->
<nav class="navbar">
<div class="nav-container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed bg-white" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar bg-white"></span>
<span class="icon-bar bg-white"></span>
<span class="icon-bar bg-white"></span>
</button>
<a href="#" class="navbar-brand navlogo"><img src="assets/pictures/foreplaylogokleur.png" alt="logo"></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#site-intro">OVER</a></li>
<li><a href="#site-media">PROGRAMMA</a></li>
<li><a href="#site-info">SPREKERS</a></li>
<li><a href="#site-programme">AGENDA</a></li>
<!--<li><a href="faq.html">CODE OF CONDUCT</a></li>-->
<li><a class="cta" href="https://foreplay.gent/media.html">MEDIA</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<!--
INTRO BLOCK
-->
<!--
<div id="site-intro" class="section text-center bg-white">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-azg">Foreplay conferentie</h1>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<h3>DGOM triggerconferentie</h3>
</div>
</div>
<div class="row">
<div class="col-xs-10 col-xs-offset-1 bg-white">
<div class="col-xs-12 col-sm-6 text-yellow">
<br>
<i class="fa fa-calendar fa-5x info-icon "></i>
<span class="info-nr">7</span>
<span class="info-small">september</span>
<br>
</div>
<div class="col-xs-12 col-sm-6 text-azg">
<br>
<i class="fa fa-map-marker fa-5x info-icon"></i>
<span class="info-small">De Bijloke</span>
<span class="info-small">Street name<br>Postal Code - Location</span>
<br>
</div>
</div>
</div>
</div>
</div>
-->
<!--
ABOUT BLOCK
-->
<div id="site-intro">
<div class="section bg-gradient">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="col-xs-9 col-sm-9 text-big">
<h1>
FOREPLAY
</h1>
<h2>
Technology in the City of People
</h2>
<p>
Foreplay inspireert, onderzoekt, speelt met en durft kritisch te zijn over de toekomst van mens, technologie en samenleving in Gent. Foreplay gaat niet over één, maar over diverse mogelijke toekomsten. Op 7 september 2017 nam de allereerste editie met 300 bezoekers plaats in De Bijloke in Gent . Deze website blijft als digitaal archief bestaan. Voor meer beelden en video’s van deze eerste editie, klik op onderstaande knop.
</p>
<br>
<p class="extra-spacing">
<strong><a href="https://foreplay.gent/media.html" class="ctabanner">Herbekijk hier</a></strong>
</p>
<br>
</div>
<div class="col-xs-3 col-sm-3 text-center">
<br>
<i class="fa fa-calendar fa-3x info-icon" style="padding-top: 1em;"></i>
<span class="info-nr">7</span>
<span class="info-small">september 2017</span>
<br>
<i class="fa fa-map-marker fa-3x info-icon"></i>
<span class="info-small">De Bijloke</span>
<span class="info-small">Jozef Kluyskensstraat 2<br>9000 - Gent</span>
<br>
</div>
</div>
<div class="col-md-12">
</div>
</div>
</div>
</div>
</div>
<div id="site-media" class="section bg-white">
<div class="container">
<div class="row">
<div class="col col-xs-10 col-xs-offset-1">
<div class="row">
<div class="col col-xs-12 col-sm-10 col-sm-offset-1">
<h2 class="text-center">
Sfeerbeelden
</h2>
<h4 class="text-center">
Herbeleef de eerste editie van Foreplay: Technology in the City of People.
</h4>
<ul class="pgwSlider">
<li>
<img src="assets/pictures/pic1.jpg">
</li>
<li>
<img src="assets/pictures/pic2.jpg">
</li>
<li>
<img src="assets/pictures/pic3.jpg">
</li>
<li>
<img src="assets/pictures/pic4.jpg">
</li>
<li>
<img src="assets/pictures/pic5.jpg">
</li>
<li>
<img src="assets/pictures/pic6.jpg">
</li>
<li>
<img src="assets/pictures/pic7.jpg">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="site-media">
<div class="section bg-gradient">
<div class="container">
<h2 class="text-center text-blue">PROGRAMMA</h2>
<div class="row info-cards extra-spacing">
<!--<div class="col-md-4 col-xs-12">
<div class="card-white">
<h3 class="text-blue">Foreplay?</h3>
<p>
Digipolis en Stad Gent nodigen u graag uit voor Foreplay, een conferentie die u laat proeven van technologie in de stad van de toekomst.
Die uitdaging nemen we zowel letterlijk als figuurlijk.
We proeven van wat er misschien binnen 20 jaar op ons bord ligt, bijvoorbeeld.
</p>
<p>Maar we proeven ook van technologische evoluties, en van de uitdagingen die ze met zich meebrengen.
</p>
<p>
Kortom, voer voor lichaam en geest
</p>
</div>
</div>-->
<div class="col-md-6 col-xs-12">
<div class="card-white">
<h3 class="text-blue">Keynotes</h3>
<p>
De voormiddag belooft erg boeiend te worden. Vier experts focussen op de rol van technologie, maar doen dat steeds vanuit een bredere blik op mens en samenleving. U hoeft dus geen expert te zijn om te kunnen volgen.
</p>
<p>
Moeten we <B>Aral Balkan</B> nog voorstellen? Verwacht u aan een kritische kijk op Facebook en Google. Maar niet zonder dat hij ook alternatieven voorstelt. <b>Karl-Filip Coenegrachts</b> neemt u mee in zijn visie over hoe een slimme stad er in de toekomst moet gaan uitzien. <b>Maya Van Leemput</b> zal het belang van toekomstdenken in de ‘vierde industriële revolutie’ aankaarten. Is alles wat technologie mogelijk maakt ook wenselijk? <b>Prof. Maarten Hajer</b> toont ons hoe we maximaal gebruik kunnen maken van het ‘ecosysteem’ van een stad.
</p>
</div>
</div>
<div class="col-md-6 col-xs-12">
<div class="card-white">
<h3 class="text-blue">Co-creatieve sessies</h3>
<p>
In de namiddag worden we geprikkeld door vijf korte talks, daarna gaan we zelf aan de slag.
<b>Thimo Thoeye</b> geeft in zijn pitch enkele gedachten mee over de rol van Data en ICT in een toekomstscenario waarin ‘Open Governance’ centraal staat.
<b>Katrien Verleye</b> wijst op het belang van samenwerking en netwerking in een technologische maatschappij die steeds sneller verandert. <b>Leen Gorissen</b> toont waarom we ons wat meer zouden moeten laten inspireren door hoe de natuur georganiseerd is. <b>Dries Depoorter</b> is speels in de omgang met privacy. Of zit er meer achter zijn kunst? <b>Bram Lievens</b> gaat dieper in op de meerwaarde van het ‘human centered design’.
</p>
<p>
Rond diezelfde vijf thema’s gaan we daarna met jullie in dialoog in kleine groepjes.
</p>
<p>
Afsluiten doen we met een netwerkreceptie.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--
MORE INFORMATION BLOCK
-->
<div id="site-info" class="section bg-white" style="height:100%">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="text-center text-yellow">SPREKERS</h2>
<h4 class="text-center text-yellow">KLIK VOOR MEER INFORMATIE</h4>
<div class="partner-logos">
<a data-toggle="modal" data-target="#spreker1"><img src="assets/pictures/aral.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker2"><img src="assets/pictures/kc.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker3"><img src="assets/pictures/maya.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker4"><img src="assets/pictures/haj.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker5"><img src="assets/pictures/lg.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker6"><img src="assets/pictures/dd.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker7"><img src="assets/pictures/kv.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker8"><img src="assets/pictures/tt.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker9"><img src="assets/pictures/bl.jpg" height="200px"></a>
<a data-toggle="modal" data-target="#spreker10"><img src="assets/pictures/mdw.jpg" height="200px"></a>
</div>
<!-- sprekers modals-->
<div class="modal fade" id="spreker1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Aral Balkan - Ethisch designer - Cyborg Activist</h4>
</div>
<div class="modal-body">
<p>
Op Foreplay kijken we in de spiegel. Aral Balkan, cyberactivist en ethisch ondernemer, confronteert ons met hoe we vandaag omgaan met technologie en met onze persoonlijke data. Facebook en Google worden er rijk en slimmer door. Maar willen we dat wel? Hoe zou de toekomst zijn, wanneer we zo verder doen? Wat kan anders?
</p>
<p>
<b>Aral Balkan</b> is ethisch ontwerper, cyborg-activist en wereldburger. Als professioneel spreker (oa. TED, The Next Web) reist hij de wereld rond. Balkan streeft naar het creëren van onafhankelijke en democratische technologie; met respect voor privacy en het gebruik van iemands persoonlijke data. Hij waarschuwt voor het ‘Silicon Valley-business model’ en pleit voor doorgedreven decentrale en ‘Open Source’-alternatieven.
</p>
<p><a href="https://twitter.com/aral">Twitter</a></p>
<p><a href="https://ar.al/">Website</a></p>
<p><a href="https://www.youtube.com/watch?v=upu0gwGi4FE ">Video</a></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Karl-Filip Coenegrachts - Strategisch Coördinator Groep Gent</h4>
</div>
<div class="modal-body">
<p>
Tegenwoordig is het modewoord ‘Smart City’. De Gentse visie daarop is die van de ‘City of People’: mensen centraal, niet slimme objecten. Op Foreplay vertelt Karl Filip Coenegrachts, Strategisch Coördinator van Groep Gent, wat die visie voor u betekent; als ambtenaar, ondernemer, academicus en burger. Coenegrachts presenteert er een toekomstvisie die veel verder gaat dan gewoon een slimme stad.
</p>
<p>
<b>Karl-Filip Coenegrachts</b> is Strategisch Coördinator voor Groep Gent, trekker van de visie ‘Ghent, City of People’ en van het Ghent Living Lab. Als Strategisch Coördinator is Coenegrachts verantwoordelijke voor de langetermijnstrategie voor Groep Gent, de smart city-strategie, data-en informatiemanagement, internationale relaties en beleidsparticipatie. Coenegrachts vertegenwoordigt Gent als voorzitter van het Executive Committee van het Eurocities-netwerk.
</p>
<p><a href="https://www.linkedin.com/in/karlfilip/">LinkedIn</a></p>
<p><a href="https://wattfactory.be/news/ghent-a-true-city-of-people ">Blogpost</a></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Maya Van Leemput - Futurist - Hoofd Applied Futures Research EHB</h4>
</div>
<div class="modal-body">
<p>
Is alles wat technologie mogelijk maakt ook wenselijk? Wat is onze toegevoegde waarde als mens in een samenleving waarin we steeds meer kunnen uitbesteden aan technologie? Maya Van Leemput, coördinator van Applied Futures Research, toont het belang van toekomstdenken in de ‘vierde industriële revolutie’.
</p>
<p>
<b>Dr. Maya Van Leemput</b> is professioneel futurist, senior onderzoeker in toekomststudies en hoofd van de onderzoeksgroep ‘Applied Futures Research | Open Time’ van de Erasmus Hogeschool Brussel. Van Leemput specialiseert zich in foresight op het vlak van wetenschap, technologie, kunst en ontwikkeling.
</p>
<p>
Maya Van Leemput is curator van ‘A Temporary Futures Institute’, een tentoonstelling met verbeeldingen van mogelijke toekomsten - momenteel te bezichtigen in het MHKA. Van Leemput is tevens lid van de World Futures Studies Federation en van de Association of Professional Futurists. Zij begeleidt Digipolis Gent bij een Future Scripting-traject, in het najaar van 2017.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Maarten Hajer - Hoogeleraar Urban Futures aan de Universiteit van Utrecht</h4>
</div>
<div class="modal-body">
<p>
<b>Prof. Maarten Hajer</b> verkent met ons mogelijke strategieën om in te pluggen op het ecosysteem van de stad, dat rijk is aan plannen en ideeën. We bedenken pistes om als overheid deel uit te maken van een sterk en dynamisch netwerk van burgers, academia, ondernemers en middenveld.
</p>
<p>
Prof. Maarten Hajer is bijzonder hoogleraar ‘Urban Futures’ (Universiteit Utrecht) en directeur van de Urban Futures Studio. Hajer studeerde Politieke Wetenschappen en Stads- en Regionale Planning aan de Universiteit Amsterdam. Hij behaalde een doctoraat in Politieke Wetenschappen aan de Universiteit van Oxford. In 2016 was Hajer hoofdcurator van ‘The Next Economy’, voor de Internationale Architectuur Biennale Rotterdam.
</p>
<p>
Hajer is de auteur van verschillende boeken, waaronder ‘Smart about Cities – Visualizing the Challenge of 21st Century Urbanism’. In 2017 lanceerde hij met Urban Futures Studio een wedstrijd rond ‘Post-fossiele steden’. Volgend jaar is Maarten Hajer hoofdcurator van de tentoonstelling ‘Places of Hope’ in Leeuwarden.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<br>
<div class="modal fade" id="spreker5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Dr. Leen Gorissen - Expert biomimicry - Vlaams Instituut voor Technologisch onderzoek</h4>
</div>
<div class="modal-body">
<p>
<b>Dr. Leen Gorissen</b> is !nnovatie Bioloog en oprichter van Studio Transitio. Van 2009-2017 werkte ze als transitie onderzoekscoördinator voor VITO (Vlaams Instituut voor Technologisch Onderzoek) met wie ze samenwerkt aan het boek ‘How urban change makers are scaling positive change’. Gorissen adviseert bedrijven en overheden op het vlak van strategie, innovatie en verandering.
</p>
<p>In haar pitch vertelt Gorissen hoe ze zich in haar werk laat inspireren door hoe de natuur georganiseerd is: ‘want wat ingenieurs kunnen, kan de natuur beter’.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Dries Depoorter - Gentse mediakunstenaar</h4>
</div>
<div class="modal-body">
<p>
<b>Dries Depoorter</b> is een mediakunstenaar en werkt als freelance ‘digital creative’. Hij leeft online, vanuit België, maar reist samen met zijn werk de wereld rond. Zijn installaties zijn gelinkt aan de thema’s internet, privacy, online identiteit en online surveillance.
</p>
<p>In zijn pitch prikkelt Dries Depoorter ons met zijn visie op de toekomst van privacy; en over de ethische keuzes waar we als samenleving, als mensheid, zullen komen voor te staan.</p>
<p>
Twee van Dries’ installaties zullen opgesteld zijn tijdens de conferentie.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Dr. Katrien Verleye - Service Innovation & Innovation Management - Universiteit Gent</h4>
</div>
<div class="modal-body">
<p>
<b>Katrien Verleye</b> is assistent Professor Service Innovation & Innovation Management aan de Universiteit Gent. Ze werkt rond (het managen van) co-creatie en innovatie in de zorgsector, en heeft specifieke expertise in de dynamieken binnen en tussen stakeholdernetwerken; alsook in het belang van het design van technologische toepassingen in de zorgverlening.
</p>
<p>
Katrien pitcht haar visie op het belang van samenwerking en netwerking in een (technologische) maatschappij die steeds sneller verandert. Hoe blijven we innovatief, hoe blijven we mee?
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Thimo Thoeye - Open Data Manager - Stad Gent</h4>
</div>
<div class="modal-body">
<p>
<b>Thimo Thoeye</b> is software-ingenieur en werkt als Datamanager voor Stad Gent. Daarnaast is hij CTO van de start-up FSTR en lid van de raad van bestuur van Open Knowledge Belgium. Naast een voorliefde voor Open Data, heeft Thimo een zwak voor Science-Fiction in het algemeen en voor Star Trek in het bijzonder.
</p>
<p>
Thimo geeft in zijn pitch enkele gedachten mee over de rol van Data en ICT in een toekomstscenario waarin ‘Open Governance’ centraal staat.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Bram Lievens - onderzoeker imec SMIT-VUB</h4>
</div>
<div class="modal-body">
<p>
<b>Bram Lievens</b> is Ba in socio-cultureel werk en Ma in Communicatiewetenschappen. Hij werkt sinds 2002 als onderzoeker en coördinator voor iMinds/IMEC en aan VUB. Bram is gespecialiseerd in het ‘user centered design’, in mobiele toepassingen in een Smart City-omgeving en in Living Lab-methodologieën gericht op innovatie.
</p>
<p>
Tijdens zijn pitch deelt Bram zijn ideeën over het verkleinen van de digitale kloof, en over het belang van human centered design.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="spreker10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Marlène de Wouters - Moderator Foreplay</h4>
</div>
<div class="modal-body">
<p>
<b>Marlène de Wouters</b> is oa. journaliste en auteur. Ze heeft veel ervaring als moderator van verschillende internationale conferenties en debatten, vaak over maatschappelijke onderwerpen. de Wouters treedt op als gastvrouw van Foreplay, en garandeert een vlot verloop van de conferentie.
</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- <h2 class="text-center text-yellow">INFORMATIE</h2>
</div>
</div>
<div class="row info-cards extra-spacing">
<div class="col-md-4 col-xs-12">
<div class="card-white">
<h3 class="text-azg">Eerste informatieblok</h3>
<p>
This is going to be filled with lorem ipsum from now on, We'll try to find a funny lorem ipsum generator.
</p>
<p>There was a circumstance which at first sight seemed to entangle his delirious but still methodical scheme. But not so in the reality, perhaps. Though the gregarious sperm whales have their regular seasons for particular grounds, yet in general you cannot conclude that the herds which haunted such and such a latitude or longitude this year, say, will turn out to be identically the same with those that were found there the preceding season; though there are peculiar and unquestionable instances where the contrary of this has proved true. In general, the same remark, only within a less wide limit, applies to the solitaries and hermits among the matured, aged sperm whales.
</p>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="card-white">
<h3 class="text-azg">Tweede informatieblok</h3>
<p>
So that though Moby Dick had in a former year been seen, for example, on what is called the Seychelle ground in the Indian ocean, or Volcano Bay on the Japanese Coast; yet it did not follow, that were the Pequod to visit either of those spots at any subsequent corresponding season, she would infallibly encounter him there.
</p>
<h3 class="text-azg">Derde informatieblok</h3>
<p>
So, too, with some other feeding grounds, where he had at times revealed himself. But all these seemed only his casual stopping-places and ocean-inns, so to speak, not his places of prolonged abode. And where Ahab's chances of accomplishing his object have hitherto been spoken of, allusion has only been made to whatever way-side, antecedent, extra prospects were his, ere a particular set time or place were attained, when all possibilities would become probabilities, and, as Ahab fondly thought, every possibility the next thing to a certainty. That particular set time and place were conjoined in the one technical phrase—the Season-on-the-Line.
</p>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="card-white">
<h3 class="text-azg">Vierde informatieblok</h3>
<p>
You get the jist of it. Going to leave this empty :)
</p>
</div>
</div>
</div>
PARTNERS PART-->
<br>
</div>
</div>
</div>
<!--
PROGRAMME BLOCK
-->
<div id="site-programme" class="section bg-gradient">
<div class="container">
<h2 class="text-center text-blue">AGENDA</h2>
<!--<h4 class="text-center">HET DEFINITIEVE PROGRAMMA ZAL LATER WORDEN TOEGEVOEGD</h4 >-->
<div class="row">
<div class="col-md-6 col-xs-12 timetable">
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">08:30</h4>
</div>
<div class="col-xs-9">
<span>Onthaal met koffie</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">9:00</h4>
</div>
<div class="col-xs-9">
<span>Verwelkoming door Schepen Martine De Regge</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">09:15</h4>
</div>
<div class="col-xs-9">
<span>Keynote: Aral Balkan</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">10:00</h4>
</div>
<div class="col-xs-9">
<span>Keynote: Karl-Filip Coenegrachts</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">10:40</h4>
</div>
<div class="col-xs-9">
<span>KOFFIEPAUZE</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">11:10</h4>
</div>
<div class="col-xs-9">
<span>Keynote: Maya Van Leemput</span>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12 timetable">
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">11:50</h4>
</div>
<div class="col-xs-9">
<span>Keynote: prof. Maarten Hajer</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">12:30</h4>
</div>
<div class="col-xs-9">
<span>LUNCH</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">13:30</h4>
</div>
<div class="col-xs-9">
<span>Pitches: uitdagingen voor de toekomst</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">14:45</h4>
</div>
<div class="col-xs-9">
<span>KOFFIEPAUZE</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">15:15</h4>
</div>
<div class="col-xs-9">
<span>Co-creatieve workshops</span>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<h4 class="no-uppercase text-azg">16:30</h4>
</div>
<div class="col-xs-9">
<span>Afsluitende netwerkreceptie</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--
SIGN UP BLOCK
-->
<div id="site-register" class="section bg-white">
<div class="container text-center">
<div class="row">
<div class="col-xs-offset-1 col-xs-10 ">
<div class="row">
<div class="col col-xs-10 col-xs-offset-1">
<h2 class="text-center text-yellow">Wil jij er ook bijzijn?</h2>
<p class="text-center"> Foreplay richt zich op de City of People. We verwelkomen collega’s van bij Stad, OCMW, Digipolis, Mobiliteitsbedrijf, Brandweer, Politie, Musea, IVAGO, AGB’s en alle andere leden. Daarnaast zijn ook ondernemers, academici en andere stakeholders welkom. Kortom: iedereen die verliefd is op Gent, en wil meewerken aan de toekomst van de stad! </p>
<p class="text-center">Registratie is gratis maar verplicht.</p>
<br>
<br>
<strong><a class="cta2" href="https://foreplay.gent/media.html" target="_blank">HERBEKIJK HIER</a></strong>
<br><br>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#0" class="cd-top">Top</a>
<!--
AWARDS BLOCK
<div class="section" id="site-timeline">
<div class="container">
<h2 class="text-center text-blue">TIMELINE</h2>
<div class="row">
<section id="cd-timeline" class="cd-container bg-white">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-yellow">
<img src="assets/images/cd-icon-location.svg" alt="Webinar">
</div>
<div class="cd-timeline-content">
<h2 class="text-blue">Hackathon website ideation.</h2>
<p>
Wow, I had no idea hwo to make my hackathon website. Cool I found this website.
</p>
<p>Even better, it has a timeline!</p>
<span class="cd-date">Your date here. </span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-blue">
<img src="assets/images/cd-icon-location.svg" alt="Diplohack Brussels">
</div>
<div class="cd-timeline-content">
<h2 class="text-blue">Opposite side.</h2>
<p>
It will switch between sides so you don't have a monotone, one-sided timeline.
</p>
<p>Well, except on mobile, considering it's responsive and all.</p>
<span class="cd-date">Some more date.</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-yellow">
<img src="assets/images/cd-icon-location.svg" alt="TransparencyCamp Europe">
</div>
<div class="cd-timeline-content">
<h2 class="text-blue">Cool date thingie.</h2>
<p>
You can also link to other sites or blogposts!
We don't have a blogpost feature as this is a "one pager" (bar code-of conduct).
</p>
<p>If you want blogposts and more, check our Apps For X hackathon/event template with CMS.</p>
<a href="https://github.com/openknowledgebe/AppsForX" target="blank" class="cd-read-more">Go!</a>
<span class="cd-date">1 June</span>
</div>
</div>
</section>
</div>
</div>
</div>
-->
<!--
FOOTER
-->
<footer class="bg-gradient">
<div class="container">
<div class="row text-blue">
<div class="col col-md-4 footer-left">
<a href="https://www.digipolis.be" target="_blank"><img src="assets/pictures/digipolis.png" class="footlogo" height="30px"></a>
<a href="https://www.stad.gent" target="_blank"><img src="assets/pictures/gent.png" class="footlogo" height="30px"></a>
</div>
<div class="col col-md-4 footer-mid">
<a href="https://github.com/PieterJanPauwels/Foreplay.gent" target="_blank"> Broncode te vinden op GitHub <i class="fa fa-github fa-2x footlogo"> </i> </a>
</div>
<div class="col col-md-4 footer-right">
<!-- <a href="https://twitter.com/yourtwitter" target="_blank" ><i class="fa fa-twitter fa-2x"></i></a>
<a href="https://www.instagram.com/yourinstagram/" target="_blank" ><i class="fa fa-instagram fa-2x"></i></a>
<a href="https://www.youtube.com/channel/youryoutube" target="_blank" ><i class="fa fa-youtube fa-2x"></i></a>
<a href="https://www.flickr.com/photos/yourflickr/" target="_blank" ><i class="fa fa-flickr fa-2x"></i></a> -->
<a href="https://foreplay.gent/coc.html"><i class="fa fa-hand-peace-o fa-2x footlogo"> </i> Code-of-conduct</a>
</div>
</div>
</div>
</footer>
<!-- Scripts below -->
<script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script src="js/app.js"></script>
<script src="js/scroll.js"></script>
<!-- Script below is for google analytics. Remove this if you don't use it! -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-105239869-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>