-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
110 lines (94 loc) · 5.63 KB
/
Copy pathindex.html
File metadata and controls
110 lines (94 loc) · 5.63 KB
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
---
layout: default
title: "data/expedities — journalistieke hackathons met CBS data"
description: "Twee hackathons met 35 journalisten, developers en CBS-experts. We combineren CBS data en slimme tools om de basis te leggen voor nieuw journalistiek onderzoek."
nav_id: index
---
<!-- ====== HERO TEXT ====== -->
<section class="pl-6 md:pl-[100px] lg:pl-[161px] pt-[43px] pb-[24px] pr-6" style="max-width: 1200px;">
<p class="font-mono font-medium text-black text-[24px] leading-[32px] mb-3" style="letter-spacing: -0.01em;">
Twee hackathons met 35 journalisten, developers en CBS-experts.
</p>
<p class="text-base leading-[28px]">
We combineren CBS data en slimme tools die we ter plekke bouwen. We experimenteren, zoeken naar nieuwe verbanden en we leggen de basis voor nieuw journalistiek onderzoek. <strong class="font-bold">We kraken een verhaal.</strong>
</p>
</section>
<!-- ====== LOGOS SECTION ====== -->
{% include logo-section.html %}
<!-- Spacer before workshop -->
<div class="h-[50px]"></div>
<!-- ====== WORKSHOP EVENT SECTION (past) ====== -->
{% assign workshop = site.data.events.workshop %}
{% include event-bar.html event=workshop %}
<!-- ====== LINE SEPARATOR ====== -->
{% include line-separator.html %}
<div class="h-[55px]"></div>
<!-- ====== HACKATHON EVENT SECTION ====== -->
{% assign hackathon = site.data.events.hackathon_wonen %}
{% include event-bar.html event=hackathon %}
<!-- Hackathon content area -->
<div class="ml-0 md:ml-[60px] lg:ml-[112px] bg-de-purple-light">
<div class="px-4 md:px-8 lg:pl-[33px] lg:pr-10 py-7">
<div style="max-width: 756px;">
<p class="font-bold text-base leading-[31px] mb-5">Intensieve hackathon met 35 journalisten, developers en CBS-experts.</p>
<p class="text-base leading-[31px]">We combineren CBS data en slimme tools die we ter plekke bouwen. We experimenteren, zoeken naar nieuwe verbanden en we leggen de basis voor nieuw journalistiek onderzoek. <strong class="font-bold">We kraken een verhaal.</strong></p>
<ul class="list-disc pl-5 text-base leading-[31px]">
<li>Voor <strong class="font-bold">journalisten, programmeurs</strong> en <strong class="font-bold">data-experts</strong></li>
<li>Combineer domeinkennis, journalistiek en tech</li>
<li>Werk samen om de basis voor een verhaal te bouwen</li>
</ul>
<p class="text-base leading-[31px] mt-5">De thema's: wonen en energie. Data over woningvoorraad per wijk, energielabels, transacties, energieverbruik en subsidies. Die data zit vol verhalen die niemand nog heeft verteld.</p>
<p class="text-base leading-[31px] mt-5 text-de-purple">De hackathon is verplaatst naar <strong class="font-bold">woensdag 1 juli</strong>. De geplande datum van 8 mei ging niet door vanwege een <a href="https://nos.nl/artikel/2613485-storingen-in-hele-land-door-brand-datacenter-almere-brand-onder-controle" class="underline" target="_blank" rel="noopener">brand in een datacenter</a> die de CBS-systemen uitschakelde. Inschrijvingen blijven staan en aanmelden kan weer.</p>
<div class="mt-7">{% include capacity-meter.html %}</div>
</div>
</div>
<div class="px-4 md:px-8 lg:pl-[41px] pb-12">
<a href="{{ '/hackathon-1' | relative_url }}" class="text-de-purple underline text-base leading-[31px]">→ meer</a>
</div>
</div>
<!-- ====== LINE SEPARATOR ====== -->
{% include line-separator.html %}
<div class="h-[55px]"></div>
<!-- ====== WORKSHOP 2 EVENT SECTION ====== -->
{% assign workshop2 = site.data.events.workshop_2 %}
{% include event-bar.html event=workshop2 %}
<!-- Workshop 2 content area -->
<div class="ml-0 md:ml-[60px] lg:ml-[112px] bg-de-black-light">
<div class="px-4 md:px-8 lg:pl-[41px] lg:pr-10 py-7">
<div style="max-width: 612px;">
<p class="font-bold text-base leading-[31px] mb-5">Voorbereidende workshop over (verantwoorde) inzet van AI coding tools</p>
<ul class="list-disc pl-5 text-base leading-[31px]">
<li>Voor <strong class="font-bold">datajournalisten en programmeurs</strong> die gaan deelnemen aan de hackathon</li>
<li>Live software bouwen voor je onderzoek</li>
<li>Van idee naar werkende code in <strong class="font-bold">minuten in plaats van dagen</strong></li>
<li>Data-pipelines bouwen die verschillende bronnen combineren</li>
</ul>
</div>
</div>
<div class="px-4 md:px-8 lg:pl-[41px] pb-12">
<a href="{{ '/workshop' | relative_url }}" class="text-de-purple underline text-base leading-[31px]">→ meer</a>
</div>
</div>
<!-- ====== LINE SEPARATOR ====== -->
{% include line-separator.html %}
<div class="h-[55px]"></div>
<!-- ====== HACKATHON 2 EVENT SECTION ====== -->
{% assign hackathon2 = site.data.events.hackathon_energie %}
{% include event-bar.html event=hackathon2 %}
<!-- Hackathon 2 content area -->
<div class="ml-0 md:ml-[60px] lg:ml-[112px] bg-de-purple-light">
<div class="px-4 md:px-8 lg:pl-[33px] lg:pr-10 py-7">
<div style="max-width: 756px;">
<p class="font-bold text-base leading-[31px] mb-5">Intensieve hackathon met journalisten, developers en CBS-experts.</p>
<p class="text-base leading-[31px]">Het thema wordt later bekendgemaakt.</p>
<ul class="list-disc pl-5 text-base leading-[31px]">
<li>Voor <strong class="font-bold">journalisten, programmeurs</strong> en <strong class="font-bold">data-experts</strong></li>
<li>Combineer domeinkennis, journalistiek en tech</li>
<li>Werk samen om de basis voor een verhaal te bouwen</li>
</ul>
</div>
</div>
<div class="px-4 md:px-8 lg:pl-[41px] pb-12">
<a href="{{ '/hackathon-2' | relative_url }}" class="text-de-purple underline text-base leading-[31px]">→ meer</a>
</div>
</div>