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');
-          _ddEl.innerHTML = '<object data=\'' + _rel['https://schema.org/contentUrl'] + '\'></object>';
+          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": [
@@ -181,197 +202,379 @@
       ],
       "author": [
         {
-          "@id": "r:/guest-worker",
+          "@id": "r:/accept-and-work",
-          "@type": "MediaObject",
+          "@type": "CreativeWorkSeries",
-          "name": "Guest Worker",
+          "name": "Accept & Work",
-          "dateCreated": "2019",
+          "author": {
-          "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)",
+            "@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": "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",
+                    "@type": "ImageObject",
+                    "contentUrl": "/assets/image/guest_worker01.jpg",
+                    "thumbnailUrl": "/assets/thumb/guest_worker01.jpg"
+                  },
+                  {
+                    "@id": "r:/guest-worker/image/2",
+                    "@type": "ImageObject",
+                    "contentUrl": "/assets/image/guest_worker02.jpg",
+                    "thumbnailUrl": "/assets/thumb/guest_worker02.jpg"
+                  },
+                  {
+                    "@id": "r:/guest-worker/image/3",
+                    "@type": "ImageObject",
+                    "contentUrl": "/assets/image/guest_worker03.jpg",
+                    "thumbnailUrl": "/assets/thumb/guest_worker03.jpg"
+                  }
+                ],
+                "video": [
+                  {
+                    "@id": "r:/guest-worker/video/outcome",
+                    "@type": "VideoObject",
+                    "thumbnailUrl": "/assets/thumb/guest_worker04.jpg",
+                    "contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/guestworker-without-credits.mp4",
+                    "encodingFormat": "video/mp4",
+                    "videoFrameSize": "1920x1080"
+                  },
+                  {
+                    "@id": "r:/guest-worker/video/process",
+                    "@type": "VideoObject",
+                    "thumbnailUrl": "/assets/thumb/guest_worker05.jpg",
+                    "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": {
+                  "@id": "r:/person/merijn-van-moll",
+                  "@type": "Person",
+                  "name": "Merijn van Moll",
+                  "url": "https://merijnvanmoll.nl/"
+                },
+                "@reverse": {
+                  "workFeatured": [
+                    {
+                      "@type": "ExhibitionEvent",
+                      "name": "Ars Electronica Garden Utrecht",
+                      "organizer": [
+                        {
+                          "@id": "r:/organisation/setup"
+                        },
+                        {
+                          "@id": "r:/organisation/hku"
+                        },
+                        {
+                          "@id": "r:/organisation/ccu"
+                        }
+                      ],
+                      "superEvent": {
+                        "@id": "r:/arselectronica"
+                      },
+                      "url": "https://arselectronica.hku.nl/",
+                      "startDate": "2020-09-10",
+                      "endDate": "2020-09-12",
+                      "location": "Kapitaal, Utrecht",
+                      "description": "Ars Electronica is a cultural, educational and scientific institute that deals with media art. It was founded in 1979 and that year was also the first edition of the annual Ars Electronica Festival. The festival has been a frontrunner for 40 years when it comes to presenting work at the intersection of art, technology and society.\n\nThis year the festival will take place online with 120 participants around the world who all locally and online organise a program part for the festival. These program parts are called “gardens”. The Ars Electronica Garden Utrecht is hosted by HKU and is a showcase of upcoming talents from the HKU University of the Arts Utrecht. This showcase is called “new connections”. All works presented take on the notion of a world in transition and the need for humans to change their attitude towards this world. This can be for example towards humanity technology, tradition, nature and/or spirituality. Visiting the showcase you are invited to explore ways in making new connections with everything around you. For Ars Electronica 2020 the Ars Electronica Garden Utrecht was curated and produced by HKU Expertise Center for Creative Technology.",
+                      "workFeatured": []
+                    },
+                    {
+                      "@type": "ExhibitionEvent",
+                      "name": "Beyond Human",
+                      "url": "https://www.beyondhuman.nl/event/setup/",
+                      "organizer": [
+                        {
+                          "@id": "r:/organisation/setup"
+                        },
+                        {
+                          "@id": "r:/organisation/nsvp",
+                          "@type": "Organization",
+                          "name": "Nederlandse Stichting voor Psychotechniek",
+                          "url": "https://www.innovatiefinwerk.nl/"
+                        }
+                      ],
+                      "superEvent": {
+                        "@id": "r:/exhibition/brave_new_world",
+                        "@type": "ExhibitionEvent",
+                        "name": "Brave New World",
+                        "url": "https://bravenewworld.nl/"
+                      },
+                      "location": "Naturalis, Leiden",
+                      "description": "SETUP x NSVP: future scenarios for AI and the job market\nAlgorithms that assess application letters. Voice assistants who take over the job interview. Predicting the perfect candidate for a vacancy. The possibilities of AI for recruitment and selection of employees seem endless. What does the future of this development look like? And how does AI facilitate - or frustrate - diversity in the labor market? Eight selected makers worked on this theme in four teams. From programmer to writer of historical novels, and from costume designer to cultural anthropologist.\nWith installations, performances and other works they make the social consequences of AI in the HR sector tangible. Because reading about it is one thing, but the consequences can only be felt if you yourself undergo an algorithmic interview. Would you still be hired for your own job if you had to apply with these systems?",
+                      "startDate": "2019-11-04",
+                      "endDate": "2019-11-06",
+                      "workFeatured": []
+                    },
+                    {
+                      "@type": "ExhibitionEvent",
+                      "name": "re:connect | Digital Art Expo",
+                      "location": "Janskerk, Utrecht",
+                      "startDate": "2019-11-16",
+                      "endDate": "2019-11-16",
+                      "url": "https://www.setup.nl/reconnect",
+                      "organizer": {
+                        "@id": "r:/organisation/setup",
+                        "@type": "Organization",
+                        "name": "SETUP",
+                        "address": "Utrecht",
+                        "url": "https://www.setup.nl/"
+                      },
+                      "workFeatured": []
+                    },
+                    {
+                      "@type": "ExhibitionEvent",
+                      "name": "ECP Conference",
+                      "location": {
+                        "@type": "EventVenue",
+                        "name": "Fokker Terminal"
+                      },
+                      "startDate": "2019-11-13",
+                      "endDate": "2019-11-13",
+                      "url": "https://ecp.nl/jaarcongres/kunst-expo-2019/",
+                      "workFeatured": []
+                    },
+                    {
+                      "@type": "ExhibitionEvent",
+                      "name": "Privacyrede 2020: the internet is broken",
+                      "description": "(NL) Het internet is stuk. Hoe kunnen we het weer repareren? Daarover vertelt Marleen Stikker, auteur van Het internet is stuk, op 23 januari tijdens de Privacyrede 2020. Met de 50e verjaardag van het internet is dit hét moment om terug te blikken en vooruit te kijken.",
+                      "location": {
+                        "@id": "r:/venue/tivoli",
+                        "@type": "EventVenue",
+                        "name": "Tivoli Vredeburg"
+                      },
+                      "startDate": "2020-01-23",
+                      "endDate": "2020-01-23",
+                      "url": "https://www.tivolivredenburg.nl/agenda/privacyrede-2019-16-01-2019/",
+                      "workFeatured": []
+                    },
+                    {
+                      "@id": "r:/event/2019/ccu-presentation",
+                      "@type": "Event",
+                      "name": "Presentation @ Creative Coding Utrecht",
+                      "startDate": "2019-10-31",
+                      "organizer": {
+                        "@id": "r:/organisation/ccu"
+                      },
+                      "location": "Nijverheidsloods, Utrecht"
+                    }
+                  ],
+                  "about": {
+                    "@id": "r:/guest-worker/report",
+                    "@type": "Report",
+                    "name": "Guest Worker Research Report",
+                    "description": "A brief report written in light of Guest Worker (2019). In Dutch.",
+                    "url": "http://guest_worker.rubenvandeven.com/",
+                    "datePublished": "2019-11-26"
+                  }
+                }
+              },
+              {
+                "@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:/guest-worker/image/1",
+              "@id": "r:/accept-and-work/image/1",
               "@type": "ImageObject",
-              "contentUrl": "/assets/image/guest_worker01.jpg",
+              "author": "Bas de Meijer",
-              "thumbnailUrl": "/assets/thumb/guest_worker01.jpg"
+              "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:/guest-worker/image/2",
+              "@id": "r:/accept-and-work/image/2",
               "@type": "ImageObject",
-              "contentUrl": "/assets/image/guest_worker02.jpg",
+              "author": "Bas de Meijer",
-              "thumbnailUrl": "/assets/thumb/guest_worker02.jpg"
+              "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:/guest-worker/image/3",
+              "@id": "r:/accept-and-work/image/3",
               "@type": "ImageObject",
-              "contentUrl": "/assets/image/guest_worker03.jpg",
+              "author": "Bas de Meijer",
-              "thumbnailUrl": "/assets/thumb/guest_worker03.jpg"
+              "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": [
             {
-              "@id": "r:/guest-worker/video/outcome",
+              "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/guest_worker04.jpg",
+              "thumbnailUrl": "/assets/thumb/accept-and-work-explainer.jpg",
-              "contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/guestworker-without-credits.mp4",
+              "contentUrl": "/assets/video/Accept & Work op Dutch Design Week 2021.webm",
               "encodingFormat": "video/mp4",
-              "videoFrameSize": "1920x1080"
+              "videoFrameSize": "1920x1080",
-            },
+              "author" : "Sebastiaan ter Burg",
-            {
+              "producer": {
-              "@id": "r:/guest-worker/video/process",
+                "@id": "r:/organisation/setup"
-              "@type": "VideoObject",
+              },
-              "thumbnailUrl": "/assets/thumb/guest_worker05.jpg",
+              "startDate": "2022-01-18",
-              "contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/GuestWorker.mp4",
+              "url": [
-              "encodingFormat": "video/mp4",
+                "https://www.setup.nl/reads/2022/01/gesprek-met-de-makers-accept-work",
-              "videoFrameSize": "1920x1080"
+                "https://www.youtube.com/watch?v=lkY1Wu-4yO4"
+              ]
             }
-          ],
+          ]
-          "author": {
-            "@id": "r:/person/merijn-van-moll",
-            "@type": "Person",
-            "name": "Merijn van Moll",
-            "url": "https://merijnvanmoll.nl/"
-          },
-          "@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",
-                "organizer": [
-                  {
-                    "@id": "r:/organisation/setup"
-                  },
-                  {
-                    "@id": "r:/organisation/hku"
-                  },
-                  {
-                    "@id": "r:/organisation/ccu"
-                  }
-                ],
-                "superEvent": {
-                  "@id": "r:/arselectronica"
-                },
-                "url": "https://arselectronica.hku.nl/",
-                "startDate": "2020-09-10",
-                "endDate": "2020-09-12",
-                "location": "Kapitaal, Utrecht",
-                "description": "Ars Electronica is a cultural, educational and scientific institute that deals with media art. It was founded in 1979 and that year was also the first edition of the annual Ars Electronica Festival. The festival has been a frontrunner for 40 years when it comes to presenting work at the intersection of art, technology and society.\n\nThis year the festival will take place online with 120 participants around the world who all locally and online organise a program part for the festival. These program parts are called “gardens”. The Ars Electronica Garden Utrecht is hosted by HKU and is a showcase of upcoming talents from the HKU University of the Arts Utrecht. This showcase is called “new connections”. All works presented take on the notion of a world in transition and the need for humans to change their attitude towards this world. This can be for example towards humanity technology, tradition, nature and/or spirituality. Visiting the showcase you are invited to explore ways in making new connections with everything around you. For Ars Electronica 2020 the Ars Electronica Garden Utrecht was curated and produced by HKU Expertise Center for Creative Technology.",
-                "workFeatured": []
-              },
-              {
-                "@type": "ExhibitionEvent",
-                "name": "Beyond Human",
-                "url": "https://www.beyondhuman.nl/event/setup/",
-                "organizer": [
-                  {
-                    "@id": "r:/organisation/setup"
-                  },
-                  {
-                    "@id": "r:/organisation/nsvp",
-                    "@type": "Organization",
-                    "name": "Nederlandse Stichting voor Psychotechniek",
-                    "url": "https://www.innovatiefinwerk.nl/"
-                  }
-                ],
-                "superEvent": {
-                  "@id": "r:/exhibition/brave_new_world",
-                  "@type": "ExhibitionEvent",
-                  "name": "Brave New World",
-                  "url": "https://bravenewworld.nl/"
-                },
-                "location": "Naturalis, Leiden",
-                "description": "SETUP x NSVP: future scenarios for AI and the job market\nAlgorithms that assess application letters. Voice assistants who take over the job interview. Predicting the perfect candidate for a vacancy. The possibilities of AI for recruitment and selection of employees seem endless. What does the future of this development look like? And how does AI facilitate - or frustrate - diversity in the labor market? Eight selected makers worked on this theme in four teams. From programmer to writer of historical novels, and from costume designer to cultural anthropologist.\nWith installations, performances and other works they make the social consequences of AI in the HR sector tangible. Because reading about it is one thing, but the consequences can only be felt if you yourself undergo an algorithmic interview. Would you still be hired for your own job if you had to apply with these systems?",
-                "startDate": "2019-11-04",
-                "endDate": "2019-11-06",
-                "workFeatured": []
-              },
-              {
-                "@type": "ExhibitionEvent",
-                "name": "re:connect | Digital Art Expo",
-                "location": "Janskerk, Utrecht",
-                "startDate": "2019-11-16",
-                "endDate": "2019-11-16",
-                "url": "https://www.setup.nl/reconnect",
-                "organizer": {
-                  "@id": "r:/organisation/setup",
-                  "@type": "Organization",
-                  "name": "Setup",
-                  "address": "Utrecht",
-                  "url": "https://www.setup.nl/"
-                },
-                "workFeatured": []
-              },
-              {
-                "@type": "ExhibitionEvent",
-                "name": "ECP Conference",
-                "location": {
-                  "@type": "EventVenue",
-                  "name": "Fokker Terminal"
-                },
-                "startDate": "2019-11-13",
-                "endDate": "2019-11-13",
-                "url": "https://ecp.nl/jaarcongres/kunst-expo-2019/",
-                "workFeatured": []
-              },
-              {
-                "@type": "ExhibitionEvent",
-                "name": "Privacyrede 2020: the internet is broken",
-                "description": "(NL) Het internet is stuk. Hoe kunnen we het weer repareren? Daarover vertelt Marleen Stikker, auteur van Het internet is stuk, op 23 januari tijdens de Privacyrede 2020. Met de 50e verjaardag van het internet is dit hét moment om terug te blikken en vooruit te kijken.",
-                "location": {
-                  "@id": "r:/venue/tivoli",
-                  "@type": "EventVenue",
-                  "name": "Tivoli Vredeburg"
-                },
-                "startDate": "2020-01-23",
-                "endDate": "2020-01-23",
-                "url": "https://www.tivolivredenburg.nl/agenda/privacyrede-2019-16-01-2019/",
-                "workFeatured": []
-              },
-              {
-                "@id": "r:/event/2019/ccu-presentation",
-                "@type": "Event",
-                "name": "Presentation @ Creative Coding Utrecht",
-                "startDate": "2019-10-31",
-                "organizer": {
-                  "@id": "r:/organisation/ccu"
-                },
-                "location": "Nijverheidsloods, Utrecht"
-              }
-            ],
-            "about": {
-              "@id": "r:/guest-worker/report",
-              "@type": "Report",
-              "name": "Guest Worker Research Report",
-              "description": "A brief report written in light of Guest Worker (2019). In Dutch.",
-              "url": "http://guest_worker.rubenvandeven.com/",
-              "datePublished": "2019-11-26"
-            }
-          }
         },
         {
           "@id": "r:/exercises-in-overfitting",
@@ -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"
           }
@@ -1599,7 +1807,7 @@
           "@type": "EducationalOccupationalCredential",
           "name": "BA - Audio-visual Media",
           "credentialCategory": "Bachelor of Arts",
-           "temporalCoverage": "2009-2013",
+          "temporalCoverage": "2009-2013",
           "@reverse": {
             "educationalCredentialAwarded": {
               "@id": "r:/organisation/hku",
@@ -1624,4 +1832,4 @@
       ]
     }
   }
-}
+}

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');
-        ddEl.innerHTML = `<object data='${rel['https://schema.org/contentUrl']}'></object>`
+        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;
       }