Fix video tag breaking markdown

Signed-off-by: Anneke Sinnema <mail@annekesinnema.nl>
fronteers · Jan 20, 2024 · 722bdc9 · 722bdc9
1 parent aeaa1d4
commit 722bdc9
Show file tree

Hide file tree

Showing 41 changed files with 447 additions and 1,296 deletions.
diff --git a/src/_data/navigation.js b/src/_data/navigation.js
diff --git a/src/nl/activiteiten/2008/mangrove.md b/src/nl/activiteiten/2008/mangrove.md
@@ -11,7 +11,9 @@ Op 16 oktober 2008 organiseerde [Mangrove](http://www.mangrove.nl/) voor de twee
 
 ## The web's hidden agenda, door Wietse Hage
 
-{%- vimeo "2016178" -%}
+<div>
+    {%- vimeo "2016178" -%}
+</div>
 
 Wietse Hage van [Milq Media](http://www.milq.nl/) gaf een zeer vlotte presentatie waarin hij een aantal ontwikkelingen in de browser wereld uit de afgelopen paar jaar met elkaar in verband bracht. Hij vertelde dat er in wezen een zeer vreemde situatie bestaat, waarin we rekening moeten houden met nog ~39% marktaandeel van IE6 - technologie uit 2001 - terwijl er ook valt te vertrouwen op 97% marktaandeel van Flash 9 - technologie uit 2006. Er zijn naar zijn mening situaties waar Flash de juiste techniek is om te gebruiken, maar nog veel meer situaties waar dit zeker niet de juiste techniek is. Het web is sinds de eerste pagina "open source" geweest, en het risico bestaat dat proprietary technieken zoals Flash dit zeer sterke aspect van het web teniet beginnen te doen.
 
@@ -21,7 +23,9 @@ De presentatie kwam uiteindelijk weer "full circle", met het recente nieuws dat
 
 ## Frameworks killed the front-end star, door Joris Verbogt en Ruben Bos
 
-{%- vimeo "2025795" -%}
+<div>
+    {%- vimeo "2025795" -%}
+</div>
 
 Ruben Bos en Joris Verbogt van Mangrove hielden vervolgens een presentatie waarin ze lieten zien hoe er momenteel een aantal ontwikkelingen met grote frameworks plaats vinden die het ontwikkelen van web applicaties vergelijkbaar maken met het ontwikkelen van desktop applicaties. Ruben liet allereerst [Squarespace](http://www.squarespace.com/) zien, een volledig web gebaseerd CMS waarin een website volledig met drag 'n drop in elkaar gezet kon worden. Vervolgens liet Joris zien hoe interface design van een iPhone applicatie met [Interface Builder](http://developer.apple.com/tools/interfacebuilder.html) zonder _één_ regel code gegenereerd kan worden. En met [Cappuccino](http://cappuccino.org/) valt op bijna dezelfde manier een web applicatie in elkaar te zetten.
 

diff --git a/src/nl/activiteiten/2009/e-sites.md b/src/nl/activiteiten/2009/e-sites.md
@@ -21,6 +21,8 @@ Na de vraag hoeveel tijd er nog over was (10 minuten) bleek dat we ondertussen o
 
 [Zoals](/bijeenkomsten/2008/info-nl) [altijd](/congres/2008/sessions#video-in-html5) had Anne weer een interessant verhaal over Webstandaarden en enkele recente ontwikkelingen op dit gebied. Zijn [presentatie](http://annevankesteren.nl/2009/over-webstandaarden-enzo) (HTML) staat online, voor iedereen die het nog eens door wil nemen. Hier kun je weer het best Opera in fullscreen voor gebruiken.
 
-{%- vimeo "3270831" -%}
+<div>
+    {%- vimeo "3270831" -%}
+</div>
 
 Vragen over deze bijeenkomst? Stel ze gerust op [het blog](/blog/2009/01/bijeenkomst-januari#reageer).
diff --git a/src/nl/activiteiten/2011/lable.md b/src/nl/activiteiten/2011/lable.md
@@ -29,7 +29,9 @@ Er gingen twee iPad's de zaal door, zodat iedereen even kon kijken en voelen hoe
 
 ## Jurriaan Mous over het bouwen van een zorgdossier in HTML5/CSS3/GWT
 
-{%- vimeo "19870301" -%}
+<div>
+    {%- vimeo "19870301" -%}
+</div>
 
 -   [Video van de presentatie van Juriaan Mous](http://vimeo.com/19870301) met dank aan Frank Zijlstra
 

diff --git a/src/nl/activiteiten/2013/ebuddy.md b/src/nl/activiteiten/2013/ebuddy.md
@@ -25,7 +25,9 @@ Scalable Vector Graphics (SVG) zijn een eersterangs burger geworden in HTML5. Ee
 
 Bekijk [de video op Vimeo](https://vimeo.com/80191459) (_De geluidskwaliteit kan wat te wensen overlaten. Tip: gebruik oortjes of een hoofdtelefoon._) en [de slides op Speaker Deck](https://speakerdeck.com/jvhellemond/svg-for-the-responsive-web).
 
-{%- vimeo "80191459" -%}
+<div>
+    {%- vimeo "80191459" -%}
+</div>
 
 ## [lang="en"] Real time client-server architecture using Server-Sent Events
 

diff --git a/src/nl/activiteiten/2013/hackathon.md b/src/nl/activiteiten/2013/hackathon.md
@@ -23,7 +23,9 @@ GruntJS en Jasmine zijn twee van de nieuwere tools voor front-end programmeurs o
 
 ## GruntJS, door Tom Greuter
 
-{%- vimeo "79915877" -%}
+<div>
+    {%- vimeo "79915877" -%}
+</div>
 
 De hackathon is gratis voor leden en niet-leden en er is plek voor 30 hackers. Locatie is [Nomadz](http://nomadz.nl) op de 3de verdieping van Bink36 aan de Binckhorstlaan 36 in Den Haag. Aanmelden kan via het formulier hieronder.
 

diff --git a/src/nl/activiteiten/2013/mobile-vikings.md b/src/nl/activiteiten/2013/mobile-vikings.md
@@ -22,7 +22,9 @@ De frontend krijgt steeds een belangrijker rol. Een website is nu een webapp met
 
 Slides: [Fronteers 20131205 the realtime web](http://www.slideshare.net/bertwijnants/fronteers-20131205-the-realtime-web) (SlideShare)
 
-{%- vimeo "84561335" -%}
+<div>
+    {%- vimeo "84561335" -%}
+</div>
 
 ## Building better client-side JavaScript applications with Domain Driven Design door Toon Ketels
 
@@ -32,7 +34,9 @@ Domain Driven Design is an approach to develop complex software by putting the f
 
 Slides: [Building better client-side JavaScript applications - Tools & Domain Driven Design](https://speakerdeck.com/toonketels/building-better-client-side-javascript-applications-tools-and-domain-driven-design) (Speaker Deck)
 
-{%- vimeo "85507375" -%}
+<div>
+    {%- vimeo "85507375" -%}
+</div>
 
 Let op: deze video is niet volledig opgenomen, de laatste 10 minuten ontbreken helaas!
 

diff --git a/src/nl/activiteiten/2013/voorhoede.md b/src/nl/activiteiten/2013/voorhoede.md
@@ -26,39 +26,57 @@ Door de korte tijd van 6 minuut 40 is het ook voor mensen die geen uur willen of
 
 ## Arjan Eising, Jasmine Tests 101 in 6 minuut 40
 
-{%- vimeo "91783821" -%}
+<div>
+    {%- vimeo "91783821" -%}
+</div>
 
 ## Wilfred Nas, Figuring out the details in HTML5
 
-{%- vimeo "91790735" -%}
+<div>
+    {%- vimeo "91790735" -%}
+</div>
 
 ## Ruud Ravenhorst, Gemeentes en websites
 
-{%- vimeo "91801026" -%}
+<div>
+    {%- vimeo "91801026" -%}
+</div>
 
 ## Mariepauline Hollman, Webrichtlijnen - de contentkant
 
-{%- vimeo "91801096" -%}
+<div>
+    {%- vimeo "91801096" -%}
+</div>
 
 ## Jasha Joachimsthal, Samenwerken in Thymeleaf templates?
 
-{%- vimeo "91931632" -%}
+<div>
+    {%- vimeo "91931632" -%}
+</div>
 
 ## Hylke van Maaren, Understanding the designer
 
-{%- vimeo "91920394" -%}
+<div>
+    {%- vimeo "91920394" -%}
+</div>
 
 ## Jasper Moelker, Metadata: Coding for Computers
 
-{%- vimeo "92022876" -%}
+<div>
+    {%- vimeo "92022876" -%}
+</div>
 
 ## Marco Kuiper, Strike with Knockout
 
-{%- vimeo "92028119" -%}
+<div>
+    {%- vimeo "92028119" -%}
+</div>
 
 ## Sanne Veroude, The real world on the web
 
-{%- vimeo "92064454" -%}
+<div>
+    {%- vimeo "92064454" -%}
+</div>
 
 ## Aanwezigen
 

diff --git a/src/nl/activiteiten/2014/06/coolblue.md b/src/nl/activiteiten/2014/06/coolblue.md
@@ -23,13 +23,17 @@ Op dinsdag 24 juni 2014 was Fronteers te gast bij [Coolblue](http://www.coolblue
 
 Marijn en Frank vertellen over hoe Coolblue software ontwikkelt en ze die meerdere malen per dag releasen. Kleine stapjes, elke dag een beetje beter, elke sprint een beetje beter. Zo ontwikkelen ze de grootste PHP E-commerce site van Europa.
 
-{%- vimeo "109780388" -%} <!-- 166 -->
+<div>
+    {%- vimeo "109780388" -%}
+</div> <!-- 166 -->
 
 ## Reinier Ladan - Research, development en professioneel aanklooien [(slides)](https://speakerdeck.com/reinier/research-development-en-professioneel-aanklooien)
 
 Reinier deelt zijn persoonlijke zoektocht naar een leven lang leren als front-end developer en designer. Wat kan aanklooien voor je persoonlijke ontwikkeling betekenen en hoe kun je research en development integreren in je huidige werkzaamheden.
 
-{%- vimeo "109780389" -%} <!-- 166 -->
+<div>
+    {%- vimeo "109780389" -%}
+</div> <!-- 166 -->
 
 ## Bereikbaarheid
 

diff --git a/src/nl/activiteiten/2014/blendle.md b/src/nl/activiteiten/2014/blendle.md
@@ -21,13 +21,17 @@ Op dinsdag 25 november 2014 is Fronteers te gast bij [Blendle](http://www.blendl
 
 Waar is het team van Blendle tegen aan gelopen en wat hebben ze gedaan om het op te lossen? Onder andere memory issues, separation of concerns, deployment en testing komen aan bod.
 
-{%- vimeo "126039080" -%}
+<div>
+    {%- vimeo "126039080" -%}
+</div>
 
 ## Paul van Buuren - "Edge Case Design" ([slides](http://wbvb.nl/edge-case-design/))
 
 Voorkom grote verrassingen. Hou vanaf het begin van elk webproject rekening met extremiteiten. Hoe je creativiteit en flexibiliteit bevordert door over grenzen heen te denken.
 
-{%- vimeo "126039206" -%}
+<div>
+    {%- vimeo "126039206" -%}
+</div>
 
 ## Foto's ([PeterPeerdeman.nl](http://peterpeerdeman.nl/))
 

diff --git a/src/nl/activiteiten/2014/competa.md b/src/nl/activiteiten/2014/competa.md
@@ -22,17 +22,23 @@ Op donderdag 8 mei 2014 is Fronteers te gast bij [Competa ](http://www.competa.c
 
 IndexedDB en WebSQL zijn twee soorten databases die je in een browser kan gebruiken. Mede dankzij deze techniek kan een website volledig offline gebruikt worden. Elmer vertelt over een aantal problemen en bijbehorende oplossingen die hij zelf is tegengekomen bij het gebruik van IndexedDB en WebSQL.
 
-{%- vimeo "100079630" -%}
+<div>
+    {%- vimeo "100079630" -%}
+</div>
 
 ## Jasper Moelker - Frontendarchitectuur en Angular voor je projectteam
 
 De presentatie van Jasper is te vinden [op slideshare.net/jbmoelker](http://www.slideshare.net/jbmoelker/voorhoede-frontend-architecture).
 
-{%- vimeo "100181696" -%}
+<div>
+    {%- vimeo "100181696" -%}
+</div>
 
 ## Jules Ernst - Demo toegankelijke staafdiagrammen en grafieken
 
-{%- vimeo "100243987" -%}
+<div>
+    {%- vimeo "100243987" -%}
+</div>
 
 ## Bereikbaarheid
 

diff --git a/src/nl/activiteiten/2014/coolblue.md b/src/nl/activiteiten/2014/coolblue.md
@@ -23,13 +23,17 @@ Op dinsdag 24 juni 2014 was Fronteers te gast bij [Coolblue](http://www.coolblue
 
 Marijn en Frank vertellen over hoe Coolblue software ontwikkelt en ze die meerdere malen per dag releasen. Kleine stapjes, elke dag een beetje beter, elke sprint een beetje beter. Zo ontwikkelen ze de grootste PHP E-commerce site van Europa.
 
-{%- vimeo "109780388" -%}
+<div>
+    {%- vimeo "109780388" -%}
+</div>
 
 ## Reinier Ladan - Research, development en professioneel aanklooien [(slides)](https://speakerdeck.com/reinier/research-development-en-professioneel-aanklooien)
 
 Reinier deelt zijn persoonlijke zoektocht naar een leven lang leren als front-end developer en designer. Wat kan aanklooien voor je persoonlijke ontwikkeling betekenen en hoe kun je research en development integreren in je huidige werkzaamheden.
 
-{%- vimeo "109780389" -%}
+<div>
+    {%- vimeo "109780389" -%}
+</div>
 
 ## Bereikbaarheid
 

diff --git a/src/nl/activiteiten/2014/coosto.md b/src/nl/activiteiten/2014/coosto.md
@@ -13,19 +13,25 @@ Woensdag 19 februari was Fronteers te gast bij [Coosto](http://www.coosto.com) i
 
 Een introductie tot het werken met fonts op het web. Om je teksten er mooier uit te laten zien, om strakke schaalbare retina-proof icoontjes te maken, of om rare dingen mee te doen: custom webfonts zijn leuk speelgoed voor de webdeveloper. Webfonts worden goed genoeg ondersteund om écht te kunnen gebruiken, en er zijn genoeg valkuilen en gotchas om écht even op te letten waar en wanneer je ze gebruikt. Roel Nieskens deelt zijn bevindingen, tips en openstaande vragen zodat je hierna zelf aan de slag kunt.
 
-{%- vimeo "89341449" -%}
+<div>
+    {%- vimeo "89341449" -%}
+</div>
 
 ## Koen Kivits - Groeistuipen: het schalen van je web app
 
 Je eerste web app is up and runnning en is een succes. Het aantal gebruikers neemt toe, je team breidt uit en je codebase groeit. Hoe ga je hiermee om? Koen Kivits vertelt in vogelvlucht over het schalen van een grote applicatie, teamuitbreidingen en zijn haat-liefde-verhouding met cross-browser development.
 
-{%- vimeo "89342115" -%}
+<div>
+    {%- vimeo "89342115" -%}
+</div>
 
 ## Wilfred Nas - What has Responsive Web Design done for us, so far
 
 Wilfred neemt ons mee in de wereld van responsive webdesign, wat heeft het ons gebracht? Welke oplossingen werken het best en hoe kun je testen.
 
-{%- vimeo "89377216" -%}
+<div>
+    {%- vimeo "89377216" -%}
+</div>
 
 ## Het programma
 

diff --git a/src/nl/activiteiten/2014/cronos.md b/src/nl/activiteiten/2014/cronos.md
@@ -18,11 +18,15 @@ Op donderdag 19 juni 2014 is Fronteers te gast bij Cronos in Kontich. Er worden
 
 ## JavaScript at your enterprise, Dimitri Mestdagh
 
-{%- vimeo "107045511" -%}
+<div>
+    {%- vimeo "107045511" -%}
+</div>
 
 ## Terugkeren naar de roots van JavaScript, Bram(us) Van Damme
 
-{%- vimeo "107234684" -%}
+<div>
+    {%- vimeo "107234684" -%}
+</div>
 
 ## Waar?
 

diff --git a/src/nl/activiteiten/2014/e-sites.md b/src/nl/activiteiten/2014/e-sites.md
@@ -18,7 +18,9 @@ Het wordt een interactieve presentatie, met veel codevoorbeelden en demo's over:
 -   tooling / E-sites devtools: JS errorlogger, cronitor (cronjob logger), deployment , front-end developer tool setup
 -   standaardisatie: github projecten, code reviews (hoe & wat), E-sites distillery (verzameling van front-end componenten)
 
-{%- vimeo "94483899" -%}
+<div>
+    {%- vimeo "94483899" -%}
+</div>
 
 Je kunt veel tips en links naar tools vinden in [de slides](http://frontend.e-sites.nl/fronteers/).
 
@@ -27,7 +29,9 @@ Je kunt veel tips en links naar tools vinden in [de slides](http://frontend.e-si
 Peter van der Zee is JavaScript expert en gaat meer vertellen over Surfly, een online tool om samen over het web te surfen. Peter laat zien hoe de tool gemaakt is en hij vertelt (vast weer vol passie) over JavaScript, JS tools en parsers.
 Surfly laat je web sharen door middel van open web technologieën. In dit praatje laat Peter zien waarom dit moeilijk is maar niet onmogelijk. We gaan de diepte in en kijken in naar de pijnpunten bij het "sandboxen" van een browser, sans plugins.
 
-{%- vimeo "96353457" -%}
+<div>
+    {%- vimeo "96353457" -%}
+</div>
 
 ## Programma
 

diff --git a/src/nl/activiteiten/2014/incentro.md b/src/nl/activiteiten/2014/incentro.md
@@ -22,7 +22,9 @@ Op woensdag 24 september 2014 is Fronteers te gast bij [Incentro](http://www.inc
 
 Bij webapplicaties krijg je al snel te maken met veel verschillende modules. Soms is het slim deze op te delen in eigen applicaties maar soms is hier geen mogelijkheid toe. [Kasper](http://www.incentro.com/en/people/kasperreijnders) laat zijn oplossing voor dit probleem zien waarbij de applicatie geheel modulair wordt opgebouwd.
 
-{%- vimeo "113512816" -%}
+<div>
+    {%- vimeo "113512816" -%}
+</div>
 
 ## Frontend Maturity Model - Steven Chim
 
@@ -31,14 +33,18 @@ Het frontend vakgebied wordt steeds rijker, browsers krijgen met de dag meer fea
 
 Naarmate een team of project groter wordt, krijg je te maken met meer professionals uit andere vakgebieden. Hoe zorg je ervoor dat iedereen over hetzelfde praat. En hoe maak je de juiste keuzes? Frontend blijft abracadabra voor veel mensen. Met het Frontend Maturity Model heb je eindelijk een hulpmiddel om ruis van de lijn te halen, zodat je met de juiste stakeholders de juiste keuzes kunt maken en plannen.
 
-{%- vimeo "113784410" -%}
+<div>
+    {%- vimeo "113784410" -%}
+</div>
 
 ## The Mobile Viewports - Peter-Paul Koch
 
 Als je eenmaal de dimensies van de layout viewport gelijk hebt gemaakt aan die van de ideal viewport, kan je de device-width media query gebruiken om die dimensies uit te lezen, en daarmee een idee te krijgen van het apparaat waar je website op draait. Drie viewports (layout, visual, and ideal), heb je ze allemaal nodig? Waarom werkt responsive design zoals het werkt? (Niet hoe. Waarom.) Wat gebeurt er als je de meta viewport instelt? Hoe gaan browsers de fout in? En hoe zit het met de resolutie, of DPR? PPK geeft antwoord op deze vragen en meer.
 Tijdens deze bijeenkomst deelt PPK nog eens zijn kennis, net als tijdens de [workshop](/workshops/viewports-peter-paul-koch) in april voor Fronteers en zijn presentatie tijdens [CSS Day](http://cssday.nl/2014/programme#peter-paul-koch).
 
-{%- vimeo "113784592" -%}
+<div>
+    {%- vimeo "113784592" -%}
+</div>
 
 ## Bereikbaarheid
 

diff --git a/src/nl/activiteiten/2014/nucleus.md b/src/nl/activiteiten/2014/nucleus.md
@@ -22,11 +22,15 @@ Dit evenement vond plaats bij [Nucleus](https://www.nucleus.be/) te Antwerpen.
 
 ## Performance
 
-{%- vimeo "98466383" -%}
+<div>
+    {%- vimeo "98466383" -%}
+</div>
 
 ## Adding SVG to your tool belt
 
-{%- vimeo "98509890" -%}
+<div>
+    {%- vimeo "98509890" -%}
+</div>
 
 ## Aanmeldingen
 

diff --git a/src/nl/activiteiten/2014/ordina.md b/src/nl/activiteiten/2014/ordina.md
@@ -19,15 +19,21 @@ Op donderdag 22 mei 2014 is Fronteers te gast bij Ordina in Mechelen. Er worden
 
 ## Frank Baele | Frontend workflow with Grunt
 
-{%- vimeo "101963188" -%}
+<div>
+    {%- vimeo "101963188" -%}
+</div>
 
 ## Pieter Beulque | Gulp.js — The streaming build system
 
-{%- vimeo "104863080" -%}
+<div>
+    {%- vimeo "104863080" -%}
+</div>
 
 ## Gregory Van Looy | Modular design with CSS
 
-{%- vimeo "104863217" -%}
+<div>
+    {%- vimeo "104863217" -%}
+</div>
 
 ## Waar?