2018-08-13 17:39:11 +02:00
<!DOCTYPE html>
2018-10-30 10:40:45 +01:00
< html xmlns:xlink = "http://www.w3.org/1999/xlink" prefix = "og: http://ogp.me/ns#" >
2018-08-13 17:39:11 +02:00
< head >
< title > < / title >
2018-09-22 19:22:05 +02:00
< link href = "/rubenvandeven.jsonld" rel = "alternate" type = "application/ld+json" / >
2018-08-26 13:15:02 +02:00
< link rel = "stylesheet" href = "/assets/css/portfolio.css" >
2018-10-30 10:40:45 +01:00
< meta property = "og:title" content = "Ruben van de Ven" / >
< meta property = "og:type" content = "website" / >
< meta property = "og:image" content = "/assets/og_image2.png" / >
2018-08-13 17:39:11 +02:00
< / head >
< body >
2018-08-22 14:18:46 +02:00
< svg id = "portfolioGraph" width = "800" height = "600" reserveAspectRatio = "xMidYMid" viewBox = "-400 -300 800 600" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" >
2018-08-13 17:39:11 +02:00
< defs >
< linearGradient id = "orangeGrad" gradientTransform = "rotate(66 .5 .5)" objectBoundingBox = "gradientUnits" >
< stop offset = ".05" stop-color = "#fceabb" / >
< stop offset = ".5" stop-color = "#fccd4d" / >
< stop offset = ".51" stop-color = "#f8b500" / >
< stop offset = ".99" stop-color = "#fbdf93" / >
< / linearGradient >
< linearGradient id = "redGrad" gradientTransform = "rotate(66 .5 .5)" objectBoundingBox = "gradientUnits" >
< stop offset = ".05" stop-color = "#FCBFBB" / >
< stop offset = ".5" stop-color = "#FC4D51" / >
< stop offset = ".51" stop-color = "#F8001F" / >
< stop offset = ".99" stop-color = "#FB93A0" / >
< / linearGradient >
< linearGradient id = "limeGrad" gradientTransform = "rotate(66 .5 .5)" objectBoundingBox = "gradientUnits" >
< stop offset = ".05" stop-color = "#FAFCBB" / >
< stop offset = ".5" stop-color = "#E4FC4D" / >
< stop offset = ".51" stop-color = "#D3F800" / >
< stop offset = ".99" stop-color = "#E8FB93" / >
< / linearGradient >
< linearGradient id = "blueGrad" gradientTransform = "rotate(66 .5 .5)" objectBoundingBox = "gradientUnits" >
< stop offset = ".05" stop-color = "#BBDDFC" / >
< stop offset = ".5" stop-color = "#4DA9FC" / >
< stop offset = ".51" stop-color = "#008AF8" / >
< stop offset = ".99" stop-color = "#93C2FB" / >
< / linearGradient >
2018-08-13 17:39:49 +02:00
< / linearGradient >
< linearGradient id = "grayGrad" gradientTransform = "rotate(66 .5 .5)" objectBoundingBox = "gradientUnits" >
< stop offset = ".05" stop-color = "hsl(208, 0%, 86%)" / >
< stop offset = ".5" stop-color = "hsl(208, 0%, 64%)" / >
< stop offset = ".51" stop-color = "hsl(206, 0%, 48%)" / >
< stop offset = ".99" stop-color = "hsl(212, 0%, 78%)" / >
< / linearGradient >
2018-10-25 23:08:53 +02:00
< marker markerHeight = "4" markerWidth = "4" refY = "0" refX = "6" viewBox = "0 -3 8 6" preserveAspectRatio = "none" orient = "auto" id = "arrowHead" fill = "#999" > < path d = "M0,-3L8,0L0,3" > < / path > < / marker >
< marker markerHeight = "4" markerWidth = "4" refY = "0" refX = "6" viewBox = "0 -3 8 6" preserveAspectRatio = "none" orient = "auto" id = "arrowHeadSelected" > < path d = "M0,-3L8,0L0,3" fill = "white" > < / path > < / marker >
< marker markerHeight = "4" markerWidth = "4" refY = "0" refX = "6" viewBox = "0 -3 8 6" preserveAspectRatio = "none" orient = "auto" id = "arrowHeadCrumbTrail" > < path d = "M0,-3L8,0L0,3" fill = "yellow" > < / path > < / marker >
2018-08-13 17:39:11 +02:00
< clipPath id = "clipNodeImage" >
< circle cx = "40" cy = "40" r = "40" / >
< / clipPath >
2018-09-22 19:22:05 +02:00
2018-10-12 14:47:58 +02:00
< pattern id = "shade1" patternUnits = "userSpaceOnUse" width = "4" height = "4" >
< path d = "M 1,0 1,4" style = "stroke:white;stroke-width:1.4px;" > < / path >
< path d = "M 3,0 3,4" style = "stroke:white;stroke-width:1.4px;" > < / path >
2018-09-22 19:22:05 +02:00
< / pattern >
2018-08-13 17:39:11 +02:00
< / defs >
2018-10-12 14:47:58 +02:00
< g id = 'initPlaceholder' class = "nodes" >
< g class = "node Person centeredNode visibleNode selectedNode" transform = "translate(-0.468387442807449,0.0096912027826707)" > < path id = "nodePath82" d = "M0 0 m -36, 0 a 36,36 0 1,0 72,0 a 36,36 0 1,0 -72,0" > < / path > < circle r = "40" class = "nodeBg" > < / circle > < circle r = "43.2" class = "highlightCircle" > < / circle > < text class = "nodeType" > Person< / text > < text class = "nodeYear" y = "22" > < / text > < text class = "nodeTitle" y = "5" transform = "scale(0.7670250953737731)" > Ruben van de Ven< / text > < / g >
< / g >
2018-08-13 17:39:11 +02:00
< / svg >
2018-08-13 17:39:49 +02:00
< div id = "nodeDetails" >
< / div >
< / svg >
< div id = "graphControls" >
2018-09-29 12:54:28 +02:00
< span class = "typeJump" > Types:< / span >
2018-08-13 17:39:49 +02:00
< ul id = 'typeLinks' > < / ul >
2018-09-29 12:54:28 +02:00
< a id = "showMoreTypeLinks" > < / a >
2018-09-22 19:22:05 +02:00
< ul id = 'moreTypeLinks' > < / ul >
2018-08-26 13:15:02 +02:00
<!-- <ul id='relLinks'></ul> -->
2018-08-13 17:39:49 +02:00
< / div >
2018-08-26 13:15:02 +02:00
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jsonld@0.5.21/dist/jsonld.js"></script> -->
2018-10-30 11:14:36 +01:00
< script type = "text/javascript" src = "/assets/js/d3.bundle.js" > < / script >
2018-08-26 13:15:02 +02:00
< script type = "text/javascript" src = "/assets/js/portfolio.js" > < / script >
2018-08-13 17:39:11 +02:00
< / body >
< / html >
