Update portfolio

.htaccess

@@ -1,13 +1,26 @@
 # Don't edit: generated using gulpfile.js
 RewriteEngine On
+RewriteRule "^2017/artistic-point-of-interference$" "index.html"
 RewriteRule "^2018/data-flaneur$" "index.html"
 RewriteRule "^2018/digital-cultures$" "index.html"
 RewriteRule "^2020/acts-of-collection-and-omission$" "index.html"
 RewriteRule "^2021/au-best-wishes-from-the-enron-corpus$" "index.html"
+RewriteRule "^2021/ips-creative-methods$" "index.html"
 RewriteRule "^2021/mozfest-best-wishes-from-the-enron-corpus$" "index.html"
+RewriteRule "^accept-and-work$" "index.html"
+RewriteRule "^accept-and-work/ddw/explainer$" "index.html"
+RewriteRule "^accept-and-work/ddw/frames$" "index.html"
+RewriteRule "^accept-and-work/ddw/tv$" "index.html"
+RewriteRule "^accept-and-work/image/1$" "index.html"
+RewriteRule "^accept-and-work/image/2$" "index.html"
+RewriteRule "^accept-and-work/image/3$" "index.html"
 RewriteRule "^arselectronica$" "index.html"
 RewriteRule "^article/choose-how-you-feel-you-have-seven-options$" "index.html"
 RewriteRule "^assets/video/guerilla_project.mp4$" "index.html"
+RewriteRule "^auto-accept$" "index.html"
+RewriteRule "^auto-accept/image/1$" "index.html"
+RewriteRule "^auto-accept/image/2$" "index.html"
+RewriteRule "^auto-accept/image/3$" "index.html"
 RewriteRule "^choose-how-you-feel-you-have-seven-options$" "index.html"
 RewriteRule "^degree/avm$" "index.html"
 RewriteRule "^degree/cddc$" "index.html"
@@ -16,11 +29,14 @@ RewriteRule "^degree/media-design$" "index.html"
 RewriteRule "^emotionhero$" "index.html"
 RewriteRule "^event/2018/yama-ichi$" "index.html"
 RewriteRule "^event/2019/ccu-presentation$" "index.html"
+RewriteRule "^event/2021/dutch-design-week$" "index.html"
 RewriteRule "^event/cqrrelations$" "index.html"
 RewriteRule "^event/creativity-and-cognition$" "index.html"
 RewriteRule "^exercises-in-overfitting$" "index.html"
 RewriteRule "^exercises-in-overfitting/image/1$" "index.html"
 RewriteRule "^exercises-in-overfitting/image/2$" "index.html"
+RewriteRule "^exhausting-mturk$" "index.html"
+RewriteRule "^exhausting-mturk/image/1$" "index.html"
 RewriteRule "^exhibition/brave_new_world$" "index.html"
 RewriteRule "^exhibition/codesandmodes$" "index.html"
 RewriteRule "^exhibition/hello-world$" "index.html"
@@ -36,7 +52,6 @@ RewriteRule "^guest-worker$" "index.html"
 RewriteRule "^guest-worker/image/1$" "index.html"
 RewriteRule "^guest-worker/image/2$" "index.html"
 RewriteRule "^guest-worker/image/3$" "index.html"
-RewriteRule "^guest-worker/live/1$" "index.html"
 RewriteRule "^guest-worker/report$" "index.html"
 RewriteRule "^guest-worker/video/outcome$" "index.html"
 RewriteRule "^guest-worker/video/process$" "index.html"
@@ -85,15 +100,16 @@ RewriteRule "^venue/zoho$" "index.html"
 RewriteRule "^workshop/plotting-data-das-theatre$" "index.html"
 RewriteRule "^workshop/plotting-data-onomatopee$" "index.html"
 RewriteRule "^www$" "index.html"
+RewriteRule "^@type/EducationEvent$" "index.html"
 RewriteRule "^@type/Event$" "index.html"
+RewriteRule "^@type/CreativeWorkSeries$" "index.html"
+RewriteRule "^@type/VideoObject$" "index.html"
+RewriteRule "^@type/ImageObject$" "index.html"
 RewriteRule "^@type/Festival$" "index.html"
 RewriteRule "^@type/Report$" "index.html"
-RewriteRule "^@type/VideoObject$" "index.html"
 RewriteRule "^@type/MediaObject$" "index.html"
 RewriteRule "^@type/EducationalOccupationalCredential$" "index.html"
 RewriteRule "^@type/ExhibitionEvent$" "index.html"
-RewriteRule "^@type/ImageObject$" "index.html"
-RewriteRule "^@type/CreativeWorkSeries$" "index.html"
 RewriteRule "^@type/Organization$" "index.html"
 RewriteRule "^@type/Hogeschool voor de Kunsten Utrecht$" "index.html"
 RewriteRule "^@type/Place$" "index.html"

README.md

@@ -16,7 +16,7 @@ rollup -c
 ```
 
 ```bash
-rsync -av . rubenvandeven.com:/home/ruben/hosts/new/www/ --exclude=node_modules --exclude=package-lock.json --exclude=.git --copy-links --info=progress2
+rsync -av . rubenvandeven.com:/home/ruben/hosts/new/www/ --exclude=node_modules --exclude=package-lock.json --exclude=.git --exclude=venv --copy-links --info=progress2
 ```
 
 # TODO

assets/css/portfolio.css

@@ -73,7 +73,9 @@ g.node {
     font-size: 10pt; }
     g.node text.nodeTitle tspan {
       text-anchor: middle; }
-  g.node.ImageObject text.nodeTitle {
+  g.node .play {
+    fill: white; }
+  g.node.ImageObject text.nodeTitle, g.node.VideoObject text.nodeTitle, g.node.BroadcastEvent text.nodeTitle {
     display: none; }
 
 .relationship {

assets/js/portfolio.js

@@ -44,6 +44,9 @@ function getNodeLabel(node) {
 }
 function getNodeYear(n) {
   if (typeof n['https://schema.org/dateCreated'] !== 'undefined') {
+    if (n['https://schema.org/dateCreated'].length == 9) {
+      return n['https://schema.org/dateCreated'];
+    }
     return n['https://schema.org/dateCreated'].substr(0, 4);
   }
   if (typeof n['https://schema.org/datePublished'] !== 'undefined') {
@@ -51,7 +54,8 @@ function getNodeYear(n) {
   }
   if (typeof n['https://schema.org/startDate'] !== 'undefined') {
     // console.log(n['https://schema.org/startDate']);
-    return n['https://schema.org/startDate'].substr(0, 4);
+    var year = n['https://schema.org/startDate'].substr(0, 4);
+    return year;
   }
   if (typeof n['https://schema.org/endDate'] !== 'undefined') {
     return n['https://schema.org/endDate'].substr(0, 4);
@@ -710,9 +714,11 @@ function startGraph(graph) {
         } else if (attr == 'https://schema.org/contentUrl') {
           listEl.innerHTML += '<dt class=\'dt-' + getDisplayAttr(attr) + '\' title=\'' + attr + '\'>' + getDisplayAttr(attr) + '</dt><dd class=\'dd-' + getDisplayAttr(attr) + '\'><a href=\'' + nodeAttr[_i] + '\'>' + nodeAttr[_i] + '</a></dd>';
           if (nodeDatum['@type'] == 'https://schema.org/VideoObject') {
-            var videoType = nodeAttr['https://schema.org/encodingFormat'] ? 'type=\'' + nodeAttr['https://schema.org/encodingFormat'] + '\'' : "";
+            // console.log(nodeDatum, nodeAttr);
-            var poster = nodeAttr['https://schema.org/thumbnailUrl'] ? 'poster=\'' + nodeAttr['https://schema.org/thumbnailUrl'] + '\'' : "";
+            var videoType = nodeDatum['https://schema.org/encodingFormat'] ? 'type=\'' + nodeDatum['https://schema.org/encodingFormat'] + '\'' : "";
-            listEl.innerHTML += '<dd class=\'dd-contentobject\'><video controls ' + poster + ' autoplay><source src=\'' + nodeAttr[_i] + '\' ' + videoType + '></video></dd>';
+            var poster = nodeDatum['https://schema.org/thumbnailUrl'] ? 'poster=\'' + nodeDatum['https://schema.org/thumbnailUrl'] + '\'' : "";
+            // TODO: enable outplay and make it work (for some reason it does not...)
+            listEl.innerHTML += '<dd class=\'dd-contentobject\'><video controls ' + poster + '><source src=\'' + nodeAttr[_i] + '\' ' + videoType + '></video></dd>';
           } else {
             listEl.innerHTML += '<dd class=\'dd-contentobject\'><object data=\'' + nodeAttr[_i] + '\'></object></dd>';
           }
@@ -793,7 +799,13 @@ function startGraph(graph) {
         if (typeof _rel['https://schema.org/contentUrl'] != 'undefined') {
           var _ddEl = document.createElement('dd');
           _ddEl.classList.add('dd-contentobject');
+          if (_rel['@type'] == 'https://schema.org/VideoObject') {
+            var _videoType2 = _rel['https://schema.org/encodingFormat'] ? 'type=\'' + _rel['https://schema.org/encodingFormat'] + '\'' : "";
+            var _poster2 = _rel['https://schema.org/thumbnailUrl'] ? 'poster=\'' + _rel['https://schema.org/thumbnailUrl'] + '\'' : "";
+            _ddEl.innerHTML += '<video controls preload="none" ' + _poster2 + '><source src=\'' + _rel['https://schema.org/contentUrl'] + '\' ' + _videoType2 + '></video>';
+          } else {
             _ddEl.innerHTML = '<object data=\'' + _rel['https://schema.org/contentUrl'] + '\'></object>';
+          }
           relsEl.appendChild(_ddEl);
         }
       }
@@ -1194,6 +1206,13 @@ function startGraph(graph) {
       return "translate(-" + getSizeForNode(d) + " -" + getSizeForNode(d) + ")";
     }).attr("clip-path", "url(#clipNodeImage)").attr("preserveAspectRatio", "xMidYMid slice");
   });
+  node.each(function (d) {
+    if (d['@type'] !== 'https://schema.org/VideoObject') {
+      return;
+    }
+    var size = getSizeForNode(d);
+    d3.select(this).append('svg:polygon').attr('points', "-10,-10, -10,10, 10,0").attr("class", "play");
+  });
 
   simulation.nodes(graph.nodes).on("tick", ticked);
 

rubenvandeven.jsonld

@@ -7,7 +7,7 @@
   "@type": "WebSite",
   "@id": "r:/www",
   "url": "https://rubenvandeven.com",
-  "description": "I am data! This website's graph structure is inspired by schema.org - an effort to structure all content on the www. Scaling and ordering is based on the PageRank algorithm: items wich are linked more are ordered on top. Good luck finding your way in this hyper structure.",
+  "description": "I am data! This website's graph structure is inspired by schema.org - an effort to structure all content on the www. Scaling and ordering is based on the PageRank algorithm: items wich are linked more are ordered on top. Good luck finding your way in this hyper structured portfolio.",
   "s:seeAlso": [
     "https://rubenvandeven.com/rubenvandeven.jsonld",
     "https://git.rubenvandeven.com/r/portfolio"
@@ -34,7 +34,24 @@
         },
         "startDate": "2021-01-01",
         "endDate": "2024-12-31",
-        "roleName": "PhD. candidate"
+        "roleName": "PhD. candidate",
+        "@reverse": {
+          "about": [
+            {
+              "@id": "r:/2021/ips-creative-methods",
+              "@type": "Event",
+              "name": "IPS Roundtable: Creative Methods",
+              "startDate": "2021-03-05 14:00",
+              "endDate": "2021-03-05 16:00",
+              "organizer": [
+                "Doing IPS Transnational Hub",
+                "Marie Beauchamps"
+              ],
+              "url": "https://www.doingips.org/news-events/creative-methods",
+              "description": "Gathering scholars working in political science and international relations and whose work enact visual arts, performance, photography, sound, and narrative writing, this roundtable addresses the power of creative and visual methods when doing critical work in political science and international relations. The aim of this roundtable is to discuss why it matters to include creative and visual methods when doing political analysis; how creative methods work in the interplay between research, theory, and communication strategies; what are their potentials, and what are their limits? "
+            }
+          ]
+        }
       }
     ],
     "@reverse": {
@@ -157,12 +174,16 @@
       ],
       "organiser": [
         {
+          "@id": "r:/2017/artistic-point-of-interference",
           "@type": "EducationEvent",
-          "name": "Workshop - API: Artistic Point Of Interferance",
+          "name": "Workshop - API: Artistic Point Of Interference",
           "alternateName": "API-art & situated fictions",
           "location": "AKV St. Joost, Breda",
           "description": "A presentation & workshop about working with APIs as an artist. In collaboration with Manetta Berends & Max Dovey",
-          "url": "https://caradt.com/2017/03/07/ekv-13-march-lecture-by-human-index/",
+          "url": [
+            "https://caradt.com/2017/03/07/ekv-13-march-lecture-by-human-index/",
+            "https://web.archive.org/web/20200925190941/https://caradt.com/2017/03/07/ekv-13-march-lecture-by-human-index/"
+          ],
           "startDate": "2017-03-13",
           "endDate": "2017-03-14",
           "organiser": [
@@ -180,12 +201,23 @@
         }
       ],
       "author": [
+        {
+          "@id": "r:/accept-and-work",
+          "@type": "CreativeWorkSeries",
+          "name": "Accept & Work",
+          "author": {
+            "@id": "r:/person/merijn-van-moll"
+          },
+          "description": "The advent of AI - artificial intelligence - not only leads to the delegation and automation of tasks and processes. New forms of work are being created for people. With the emergence of services such as Amazon's Mechanical Turk, specific parts of automatic processes are being outsourced to human workers. These Human Intelligence Tasks are tasks that a machine cannot execute, for example retyping a scanned receipt or entering a Captcha code. In this way machines selectively delegate tasks to humans, creating a human working class that remains largely invisible. ",
+          "dateCreated": "2019-2021",
+          "@reverse": {
+            "isPartOf": [
               {
                 "@id": "r:/guest-worker",
                 "@type": "MediaObject",
                 "name": "Guest Worker",
                 "dateCreated": "2019",
-          "description": "Nowadays, we are not only increasingly delegating and automating tasks and processes, there also new forms of work that are being created for people. With the emergence of services such as Amazon's Mechanical Turk, specific parts of automatic processes are being outsourced to human workers. These Human Intelligence Tasks are tasks that a machine cannot execute, for example retyping a scanned receipt or entering a Captcha code. In this way machines selectively delegate tasks to humans, creating a human working class that remains largely invisible.Merijn van Moll and Ruben van de Ven want to make this feedback loop between man and machine visible. This creates a new ritual in which the spirit of the worker is invoked again and again.\n\nThis project was developed in light of <em>Future scenarios for AI and the job market</em> by Setup and the NSvP (Dutch Foundation for Psycho technology)",
+                "description": "Guest Worker automatically hires people across the globe through Mechanical Turk to trace a pen-drawing of a square. Every drawing is made by giving the worker control over a physical pen in real-time, resulting in a new picture for the next worker. This creates a new ritual in which the spirit of the worker is invoked again and again. The ever-changing pen-drawing visualizes the feedback loop between man and machine that is established through platform work.\n\nThis project was developed in light of <em>Future scenarios for AI and the job market</em> by SETUP and the NSvP (Dutch Foundation for Psycho technology)",
                 "image": [
                   {
                     "@id": "r:/guest-worker/image/1",
@@ -222,6 +254,17 @@
                     "contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/GuestWorker.mp4",
                     "encodingFormat": "video/mp4",
                     "videoFrameSize": "1920x1080"
+                  },
+                  {
+                    "recordedAt": {
+                      "@id:": "r:/event/2021/dutch-design-week"
+                    },
+                    "@id": "r:/accept-and-work/ddw/frames",
+                    "@type": "VideoObject",
+                    "thumbnailUrl": "/assets/thumb/video-guest-worker-ddw-2021.jpg",
+                    "contentUrl": "http://works.rubenvandeven.com/2021-accept-and-work/guest-worker-ddw-2021.mp4",
+                    "encodingFormat": "video/mp4",
+                    "videoFrameSize": "1920x1080"
                   }
                 ],
                 "author": {
@@ -232,33 +275,6 @@
                 },
                 "@reverse": {
                   "workFeatured": [
-              {
-                "@type": "ScreeningEvent",
-                "name": "Working on AMT",
-                "organizer": [
-                  {
-                    "@id": "r:/organisation/setup"
-                  },
-                  {
-                    "@id": "r:/organisation/nsvp"
-                  }
-                ],
-                "superEvent": {
-                  "@id": "r:/exhibition/brave_new_world"
-                },
-                "startDate": "2020-11-08",
-                "endDate": "2020-11-09",
-                "image": [
-                  {
-                    "@id": "r:/guest-worker/live/1",
-                    "@type": "ImageObject",
-                    "contentUrl": "/assets/image/live_amt.jpg",
-                    "thumbnailUrl": "/assets/thumb/live_amt.jpg"
-                  }
-                ],
-                "description": " What is the impact of Artificial Intelligence on the labour market what does it mean for diversity and inclusion? That is de question that the  art installation Guest Worker addresses. The artwork, made by Merijn van Moll and Ruben van de Ven, results from a collaboration between NSvP and SETUP.\nDuring both days of Brave New World, through a live twitch stream on the BNW-site, you can see and chat with Merijn and Ruben while they work as Mechanical Turkers - human digital workers who carry out repetitive micro-tasks that AI cannot do.",
-                "workFeatured": []
-              },
                     {
                       "@type": "ExhibitionEvent",
                       "name": "Ars Electronica Garden Utrecht",
@@ -320,7 +336,7 @@
                       "organizer": {
                         "@id": "r:/organisation/setup",
                         "@type": "Organization",
-                  "name": "Setup",
+                        "name": "SETUP",
                         "address": "Utrecht",
                         "url": "https://www.setup.nl/"
                       },
@@ -373,6 +389,193 @@
                   }
                 }
               },
+              {
+                "@id": "r:/auto-accept",
+                "@type": "MediaObject",
+                "name": "☑ auto-accept",
+                "dateCreated": "2021",
+                "description": "This curious looking office-desk provides a kaleidoscopic experience of repetitive, simple clickwork. It is designed to zone out into a meditative flow-state, which workers experience when they are on an ‘auto-accept HIT streak’.",
+                "image": [
+                  {
+                    "@id": "r:/auto-accept/image/1",
+                    "@type": "ImageObject",
+                    "author": "Bas de Meijer",
+                    "recordedAt": {
+                      "@id:": "r:/event/2021/dutch-design-week"
+                    },
+                    "contentUrl": "/assets/image/auto-accept1.jpg",
+                    "thumbnailUrl": "/assets/thumb/auto-accept1.jpg"
+                  },
+                  {
+                    "@id": "r:/auto-accept/image/2",
+                    "@type": "ImageObject",
+                    "author": "Paulus van Dorsten (Concretestate)",
+                    "contentUrl": "/assets/image/auto-accept2.jpg",
+                    "thumbnailUrl": "/assets/thumb/auto-accept2.jpg"
+                  },
+                  {
+                    "@id": "r:/auto-accept/image/3",
+                    "@type": "ImageObject",
+                    "author": "Paulus van Dorsten (Concretestate)",
+                    "contentUrl": "/assets/image/auto-accept3.jpg",
+                    "thumbnailUrl": "/assets/thumb/auto-accept3.jpg"
+                  }
+                ]
+              },
+              {
+                "@id": "r:/exhausting-mturk",
+                "@type": "MediaObject",
+                "name": "Exhausting MTurk",
+                "dateCreated": "2021",
+                "description": "In a back and forth between Amazon Mechanical Turk platform workers and ourselves, stories of MTurk work have surfaced. These are stories of solitude and comradery, profits and rejections, gratefulness and frustration. Fragments, impressions and experiences retrieved and structured by issuing assignments on the platform itself, draw an embodied picture of functioning in the world’s largest workshop.",
+                "hasPart": [
+                  {
+                    "@type": "ScreeningEvent",
+                    "name": "Working on AMT",
+                    "organizer": [
+                      {
+                        "@id": "r:/organisation/setup"
+                      },
+                      {
+                        "@id": "r:/organisation/nsvp"
+                      }
+                    ],
+                    "superEvent": {
+                      "@id": "r:/exhibition/brave_new_world"
+                    },
+                    "startDate": "2020-11-08",
+                    "endDate": "2020-11-09",
+                    "image": [
+                      {
+                        "@id": "r:/exhausting-mturk/image/1",
+                        "@type": "ImageObject",
+                        "author": "Bas de Meijer",
+                        "recordedAt": {
+                          "@id:": "r:/event/2021/dutch-design-week"
+                        },
+                        "contentUrl": "/assets/image/exhausting-mturk1.jpg",
+                        "thumbnailUrl": "/assets/thumb/exhausting-mturk1.jpg"
+                      }
+                    ],
+                    "video": [
+                      {
+                        "@type": "VideoObject",
+                        "name": "Videoclip | S.J. van Eijk - CLICK WORKING ft. Ruben van de Ven & Merijn van Moll",
+                        "thumbnailUrl": "/assets/thumb/exhausing-mturk-clip.webp",
+                        "embedUrl": "https://www.youtube-nocookie.com/embed/Bgklgq0O3N8",
+                        "musicBy": "S.J. van Eijk",
+                        "editor": "S.J. van Eijk"
+                      }
+                    ],
+                    "description": " What is the impact of Artificial Intelligence on the labour market what does it mean for diversity and inclusion? That is de question that the  art installation Guest Worker addresses. The artwork, made by Merijn van Moll and Ruben van de Ven, results from a collaboration between NSvP and SETUP.\nDuring both days of Brave New World, through a live twitch stream on the BNW-site, you can see and chat with Merijn and Ruben while they work as Mechanical Turkers - human digital workers who carry out repetitive micro-tasks that AI cannot do.",
+                    "workFeatured": []
+                  }
+                ]
+              }
+            ],
+            "author": [
+              {
+                "@id": "r:/person/merijn-van-moll",
+                "@type": "Person",
+                "name": "Merijn van Moll",
+                "url": "https://merijnvanmoll.nl/"
+              }
+            ],
+            "workFeatured": [
+              {
+                "@id": "r:/event/2021/dutch-design-week",
+                "@type": "ExhibitionEvent",
+                "name": "Dutch Design Week",
+                "startDate": "2021-10-16",
+                "endDate": "2021-10-24",
+                "location": "Campina Fabriek, Eindhoven"
+              },
+              {
+                "recordedAt": {
+                  "@id": "r:/event/2021/dutch-design-week"
+                },
+                "@id": "r:/accept-and-work/ddw/tv",
+                "name": "DDW TV",
+                "@type": "VideoObject",
+                "thumbnailUrl": "/assets/thumb/accept-and-work-ddwtv.jpg",
+                "contentUrl": "/assets/video/DDW_TV_Monday_18_October.mp4",
+                "encodingFormat": "video/mp4",
+                "videoFrameSize": "1920x1080",
+                "producer": "VPRO",
+                "publisher": "Dutch Design Week",
+                "startDate": "2021-10-18",
+                "url": [
+                  "https://www.vpro.nl/festivals/ddw/kijk/overzicht/2021/accept-and-work.html",
+                  "https://ddw.nl/en/video/258/ddw-tv-monday-18-october",
+                  "https://vimeo.com/635414715"
+                ]
+              }
+            ]
+          },
+          "funder": [
+            {
+              "@id": "r:/organisation/setup"
+            },
+            {
+              "@id": "r:/organisation/nsvp"
+            }
+          ],
+          "image": [
+            {
+              "@id": "r:/accept-and-work/image/1",
+              "@type": "ImageObject",
+              "author": "Bas de Meijer",
+              "recordedAt": {
+                "@id:": "r:/event/2021/dutch-design-week"
+              },
+              "contentUrl": "/assets/image/accept-and-work-ddw1.jpg",
+              "thumbnailUrl": "/assets/thumb/accept-and-work-ddw1.jpg"
+            },
+            {
+              "@id": "r:/accept-and-work/image/2",
+              "@type": "ImageObject",
+              "author": "Bas de Meijer",
+              "recordedAt": {
+                "@id:": "r:/event/2021/dutch-design-week"
+              },
+              "contentUrl": "/assets/image/accept-and-work-ddw2.jpg",
+              "thumbnailUrl": "/assets/thumb/accept-and-work-ddw2.jpg"
+            },
+            {
+              "@id": "r:/accept-and-work/image/3",
+              "@type": "ImageObject",
+              "author": "Bas de Meijer",
+              "recordedAt": {
+                "@id:": "r:/event/2021/dutch-design-week"
+              },
+              "contentUrl": "/assets/image/accept-and-work-ddw3.jpg",
+              "thumbnailUrl": "/assets/thumb/accept-and-work-ddw3.jpg"
+            }
+          ],
+          "video": [
+            {
+              "recordedAt": {
+                "@id": "r:/event/2021/dutch-design-week"
+              },
+              "@id": "r:/accept-and-work/ddw/explainer",
+              "name": "Accept & Work op Dutch Design Week 2021",
+              "@type": "VideoObject",
+              "thumbnailUrl": "/assets/thumb/accept-and-work-explainer.jpg",
+              "contentUrl": "/assets/video/Accept & Work op Dutch Design Week 2021.webm",
+              "encodingFormat": "video/mp4",
+              "videoFrameSize": "1920x1080",
+              "author" : "Sebastiaan ter Burg",
+              "producer": {
+                "@id": "r:/organisation/setup"
+              },
+              "startDate": "2022-01-18",
+              "url": [
+                "https://www.setup.nl/reads/2022/01/gesprek-met-de-makers-accept-work",
+                "https://www.youtube.com/watch?v=lkY1Wu-4yO4"
+              ]
+            }
+          ]
+        },
         {
           "@id": "r:/exercises-in-overfitting",
           "@type": "MediaObject",
@@ -1348,12 +1551,17 @@
               "@type": "ImageObject",
               "contentUrl": "/assets/image/samawati-prev1.jpg",
               "thumbnailUrl": "/assets/thumb/samawati-prev1.jpg"
+            },
+            {
+              "@type": "ImageObject",
+              "contentUrl": "/assets/image/samawati4.jpg",
+              "thumbnailUrl": "/assets/thumb/samawati4.jpg"
             }
           ],
           "video": {
             "@id": "r:/samawati/video",
             "@type": "VideoObject",
-            "thumbnailUrl": "/assets/thumb/samawati.mp4.jpg",
+            "thumbnailUrl": "/assets/thumb/samawati3.jpg",
             "contentUrl": "/assets/video/samawati.mp4",
             "encodingFormat": "video/mp4",
             "videoFrameSize": "1280x1024"
@@ -1375,7 +1583,7 @@
             "@id": "r:/assets/video/guerilla_project.mp4#videoobject",
             "@type": "VideoObject",
             "contentUrl": "/assets/video/guerilla_project.mp4",
-            "thumbnailUrl": "/assets/thumb/guerilla_project.mp4.jpg",
+            "thumbnailUrl": "/assets/thumb/guerilla1.jpg",
             "encodingFormat": "video/mp4",
             "videoFrameSize": "1280x1024"
           }

src/js/portfolio.js

@@ -32,6 +32,9 @@ function getNodeLabel(node){
 }
 function getNodeYear(n){
   if(typeof n['https://schema.org/dateCreated'] !== 'undefined') {
+    if(n['https://schema.org/dateCreated'].length == 9){
+      return n['https://schema.org/dateCreated'];
+    }
     return n['https://schema.org/dateCreated'].substr(0,4);
   }
   if(typeof n['https://schema.org/datePublished'] !== 'undefined') {
@@ -39,7 +42,8 @@ function getNodeYear(n){
   }
   if(typeof n['https://schema.org/startDate'] !== 'undefined') {
       // console.log(n['https://schema.org/startDate']);
-    return n['https://schema.org/startDate'].substr(0,4);
+    const year = n['https://schema.org/startDate'].substr(0,4);
+    return year;
   }
   if(typeof n['https://schema.org/endDate'] !== 'undefined') {
     return n['https://schema.org/endDate'].substr(0,4);
@@ -593,9 +597,11 @@ var setDetails = function(nodeDatum, nodeIdx) {
       } else if(attr == 'https://schema.org/contentUrl') {
         listEl.innerHTML += `<dt class='dt-${getDisplayAttr(attr)}' title='${attr}'>${getDisplayAttr(attr)}</dt><dd class='dd-${getDisplayAttr(attr)}'><a href='${nodeAttr[i]}'>${nodeAttr[i]}</a></dd>`;
         if(nodeDatum['@type'] == 'https://schema.org/VideoObject') {
-          let videoType = nodeAttr['https://schema.org/encodingFormat'] ? `type='${nodeAttr['https://schema.org/encodingFormat']}'`: "";
+          // console.log(nodeDatum, nodeAttr);
-          let poster = nodeAttr['https://schema.org/thumbnailUrl'] ? `poster='${nodeAttr['https://schema.org/thumbnailUrl']}'`: "";
+          let videoType = nodeDatum['https://schema.org/encodingFormat'] ? `type='${nodeDatum['https://schema.org/encodingFormat']}'`: "";
-          listEl.innerHTML += `<dd class='dd-contentobject'><video controls ${poster} autoplay><source src='${nodeAttr[i]}' ${videoType}></video></dd>`;
+          let poster = nodeDatum['https://schema.org/thumbnailUrl'] ? `poster='${nodeDatum['https://schema.org/thumbnailUrl']}'`: "";
+          // TODO: enable outplay and make it work (for some reason it does not...)
+          listEl.innerHTML += `<dd class='dd-contentobject'><video controls ${poster}><source src='${nodeAttr[i]}' ${videoType}></video></dd>`;
         } else{
           listEl.innerHTML += `<dd class='dd-contentobject'><object data='${nodeAttr[i]}'></object></dd>`;
         }
@@ -672,7 +678,13 @@ var setDetails = function(nodeDatum, nodeIdx) {
       if(typeof rel['https://schema.org/contentUrl'] != 'undefined') {
         let ddEl = document.createElement('dd')
         ddEl.classList.add('dd-contentobject');
+        if(rel['@type'] == 'https://schema.org/VideoObject') {
+          let videoType = rel['https://schema.org/encodingFormat'] ? `type='${rel['https://schema.org/encodingFormat']}'`: "";
+          let poster = rel['https://schema.org/thumbnailUrl'] ? `poster='${rel['https://schema.org/thumbnailUrl']}'`: "";
+          ddEl.innerHTML += `<video controls preload="none" ${poster}><source src='${rel['https://schema.org/contentUrl']}' ${videoType}></video>`;
+        } else{
           ddEl.innerHTML = `<object data='${rel['https://schema.org/contentUrl']}'></object>`
+        }
         relsEl.appendChild(ddEl);
       }
     }
@@ -1066,6 +1078,16 @@ node.each(function(d) {
     .attr("preserveAspectRatio","xMidYMid slice")
     ;
   });
+node.each(function(d) {
+    if(d['@type'] !== 'https://schema.org/VideoObject') {
+      return;
+    }
+    const size = getSizeForNode(d);
+    d3.select(this).append('svg:polygon')
+    .attr('points', "-10,-10, -10,10, 10,0")
+    .attr("class","play")
+    ;
+  });
 
 simulation
     .nodes(graph.nodes)

src/scss/portfolio.scss

@@ -127,7 +127,10 @@ g.node{
       text-anchor:middle;
     }
   }
-  &.ImageObject{
+  .play{
+    fill:white;
+  }
+  &.ImageObject, &.VideoObject, &.BroadcastEvent{
       text.nodeTitle {
           display: none;
       }