Skip to content
This repository was archived by the owner on Feb 20, 2021. It is now read-only.

Commit b4dfe71

Browse files
stijns96stijns96
committed
Update
1 parent 758ceff commit b4dfe71

27 files changed

+106
-2
lines changed

‎css/main.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,8 +130,18 @@ nav span {
130130
margin-bottom: 25px;
131131
}
132132

133+
.card a {
134+
width: 100%;
135+
}
136+
133137
.card .img {
138+
display: block;
134139
width: 100%;
140+
margin: auto;
141+
}
142+
143+
.card video {
144+
border-radius: 5px;
135145
}
136146

137147
/* Selectie */

‎html/workshops/arduino.html

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,9 @@ <h3 class="font-weight-light">Opdracht 3C</h3>
7474
<a href="../../images/arduino/opdracht-3C.jpg" data-toggle="lightbox">
7575
<img src="../../images/arduino/opdracht-3C.jpg" class="img rounded" alt="Opdracht 3c" style="max-width: 699px">
7676
</a>
77+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
78+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-3C.mp4" allowfullscreen>
79+
</video>
7780
</div>
7881
</div>
7982
<div class="card border-0 shadow my-5">
@@ -83,6 +86,9 @@ <h3 class="font-weight-light">Opdracht 4C</h3>
8386
<a href="../../images/arduino/opdracht-4C.jpg" data-toggle="lightbox">
8487
<img src="../../images/arduino/opdracht-4C.jpg" class="img rounded" alt="Opdracht 4C" style="max-width: 579px">
8588
</a>
89+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
90+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-4C.mp4" allowfullscreen>
91+
</video>
8692
</div>
8793
</div>
8894
<div class="card border-0 shadow my-5">
@@ -92,6 +98,9 @@ <h3 class="font-weight-light">Opdracht 6C</h3>
9298
<a href="../../images/arduino/opdracht-6C.jpg" data-toggle="lightbox">
9399
<img src="../../images/arduino/opdracht-6C.jpg" class="img rounded" alt="Opdracht 6C" style="max-width: 955px">
94100
</a>
101+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
102+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-6C.mp4" allowfullscreen>
103+
</video>
95104
</div>
96105
</div>
97106
<div class="card border-0 shadow my-5">
@@ -101,6 +110,9 @@ <h3 class="font-weight-light">Opdracht 7</h3>
101110
<a href="../../images/arduino/opdracht-7.jpg" data-toggle="lightbox">
102111
<img src="../../images/arduino/opdracht-7.jpg" class="img rounded" alt="Opdracht 7" style="max-width: 991px">
103112
</a>
113+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
114+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-7.mp4" allowfullscreen>
115+
</video>
104116
</div>
105117
</div>
106118
<div class="card border-0 shadow my-5">
@@ -110,6 +122,69 @@ <h3 class="font-weight-light">Opdracht 8</h3>
110122
<a href="../../images/arduino/opdracht-8.jpg" data-toggle="lightbox">
111123
<img src="../../images/arduino/opdracht-8.jpg" class="img rounded" alt="Opdracht 8" style="max-width: 411px">
112124
</a>
125+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
126+
<!-- <source class="embed-responsive-item" src="../../videos/arduino/opdracht-10F.mp4" allowfullscreen>-->
127+
</video>
128+
</div>
129+
</div>
130+
<div class="card border-0 shadow my-5">
131+
<div class="card-body p-5">
132+
<h3 class="font-weight-light">Opdracht 9B</h3>
133+
<p>Beetje info +- 150 woorden</p>
134+
<a href="../../images/arduino/opdracht-9B.png" data-toggle="lightbox">
135+
<img src="../../images/arduino/opdracht-9B.png" class="img rounded" alt="Opdracht 9B" style="max-width: 1307px">
136+
</a>
137+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
138+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-9.mp4" allowfullscreen>
139+
</video>
140+
</div>
141+
</div>
142+
<div class="card border-0 shadow my-5">
143+
<div class="card-body p-5">
144+
<h3 class="font-weight-light">Opdracht 10F</h3>
145+
<p>Beetje info +- 150 woorden</p>
146+
<a href="../../images/arduino/opdracht-10F.png" data-toggle="lightbox">
147+
<img src="../../images/arduino/opdracht-10F.png" class="img rounded" alt="Opdracht 10F" style="max-width: 741px">
148+
</a>
149+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
150+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-10F.mp4" allowfullscreen>
151+
</video>
152+
</div>
153+
</div>
154+
<div class="card border-0 shadow my-5">
155+
<div class="card-body p-5">
156+
<h3 class="font-weight-light">Opdracht 11B</h3>
157+
<p>Beetje info +- 150 woorden</p>
158+
<a href="../../images/arduino/opdracht-11B.png" data-toggle="lightbox">
159+
<img src="../../images/arduino/opdracht-11B.png" class="img rounded" alt="Opdracht 11B" style="max-width: 929px">
160+
</a>
161+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
162+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-11B.mp4" allowfullscreen>
163+
</video>
164+
</div>
165+
</div>
166+
<div class="card border-0 shadow my-5">
167+
<div class="card-body p-5">
168+
<h3 class="font-weight-light">Opdracht 12B</h3>
169+
<p>Beetje info +- 150 woorden</p>
170+
<a href="../../images/arduino/opdracht-12B.png" data-toggle="lightbox">
171+
<img src="../../images/arduino/opdracht-12B.png" class="img rounded" alt="Opdracht 12B" style="max-width: 839px">
172+
</a>
173+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
174+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-12B.mp4" allowfullscreen>
175+
</video>
176+
</div>
177+
</div>
178+
<div class="card border-0 shadow my-5">
179+
<div class="card-body p-5">
180+
<h3 class="font-weight-light">Opdracht 13B</h3>
181+
<p>Beetje info +- 150 woorden</p>
182+
<a href="../../images/arduino/opdracht-13B.png" data-toggle="lightbox">
183+
<img src="../../images/arduino/opdracht-13B.png" class="img rounded" alt="Opdracht 8" style="max-width: 377px">
184+
</a>
185+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
186+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-13b.mp4" allowfullscreen>
187+
</video>
113188
</div>
114189
</div>
115190
</main>

‎html/workshops/vr.html

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,9 +65,28 @@
6565
<main class="container">
6666
<div class="card border-0 shadow my-5">
6767
<div class="card-body p-5">
68-
<h1 class="font-weight-light text-center">VR environments</h1>
68+
<h1 class="font-weight-light text-center">MadMapper</h1>
6969
<h3 class="font-weight-light">Opdracht</h3>
70-
<p>Wats dit</p>
70+
<p>In opdracht 3C is het de bedoeling dat we het groene lampje twee keer zo snel laten knipperen dan het gele lampje. De lampjes beginnen beide op LOW. Dat betekend dat de lampjes uit staan. Dit duurt 0.5 seconden. Vervolgens springen beide lampjes op HIGH. Hierdoor gaan de lampjes aan. Dit duurt ook 0.5 seconden. Na deze delay springt het groene lampje uit voor 0.5 seconden terwijl het gele lampje blijft branden. Hierna springt hele groene lampje weer aan voor 0.5 seconden waarna beide lampjes tegelijk uit springen.</p>
71+
<a href="../../images/arduino/opdracht-3C.jpg" data-toggle="lightbox">
72+
<img src="../../images/arduino/opdracht-3C.jpg" class="img rounded" alt="Opdracht 3c" style="max-width: 699px">
73+
</a>
74+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
75+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-10F.mp4" allowfullscreen>
76+
</video>
77+
</div>
78+
</div>
79+
<div class="card border-0 shadow my-5">
80+
<div class="card-body p-5">
81+
<h1 class="font-weight-light text-center">Unreal Engine</h1>
82+
<h3 class="font-weight-light">Opdracht</h3>
83+
<p>In opdracht 3C is het de bedoeling dat we het groene lampje twee keer zo snel laten knipperen dan het gele lampje. De lampjes beginnen beide op LOW. Dat betekend dat de lampjes uit staan. Dit duurt 0.5 seconden. Vervolgens springen beide lampjes op HIGH. Hierdoor gaan de lampjes aan. Dit duurt ook 0.5 seconden. Na deze delay springt het groene lampje uit voor 0.5 seconden terwijl het gele lampje blijft branden. Hierna springt hele groene lampje weer aan voor 0.5 seconden waarna beide lampjes tegelijk uit springen.</p>
84+
<a href="../../images/arduino/opdracht-3C.jpg" data-toggle="lightbox">
85+
<img src="../../images/arduino/opdracht-3C.jpg" class="img rounded" alt="Opdracht 3c" style="max-width: 699px">
86+
</a>
87+
<video class="embed-responsive embed-responsive-16by9 col-md-6 mx-auto mt-5" controls>
88+
<source class="embed-responsive-item" src="../../videos/arduino/opdracht-10F.mp4" allowfullscreen>
89+
</video>
7190
</div>
7291
</div>
7392
</main>

‎images/arduino/opdracht-10F.png

41.6 KB
Loading

‎images/arduino/opdracht-11B.png

134 KB
Loading

‎images/arduino/opdracht-12B.png

70.5 KB
Loading

‎images/arduino/opdracht-13B.png

39.9 KB
Loading

‎images/arduino/opdracht-9B.png

57.7 KB
Loading

‎videos/arduino/HCI video's/opdracht10F.mp4

24.6 MB
Binary file not shown.

‎videos/arduino/HCI video's/opdracht11b.mp4

30.5 MB
Binary file not shown.

0 commit comments

Comments
 (0)