2018-08-13 15:39:11 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
|
|
<head>
|
|
|
|
|
<title></title>
|
2018-08-13 15:39:49 +00:00
|
|
|
<link href="rubenvandeven.jsonld" rel="alternate" type="application/ld+json" />
|
2018-08-22 12:18:46 +00:00
|
|
|
<link rel="stylesheet" href="/portfolio.css">
|
2018-08-13 15:39:11 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-08-22 12:18:46 +00: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 15:39:11 +00: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 15:39:49 +00: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-08-22 12:18:46 +00:00
|
|
|
<marker markerHeight="4" markerWidth="4" refY="0" refX="6" viewBox="0 -3 6 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 6 6" preserveAspectRatio="none" orient="auto" id="arrowHeadSelected"><path d="M0,-3L8,0L0,3" fill="white"></path></marker>
|
2018-08-13 15:39:11 +00:00
|
|
|
<clipPath id="clipNodeImage">
|
|
|
|
|
<circle cx="40" cy="40" r="40" />
|
|
|
|
|
</clipPath>
|
|
|
|
|
</defs>
|
|
|
|
|
</svg>
|
2018-08-13 15:39:49 +00:00
|
|
|
<div id="nodeDetails">
|
|
|
|
|
</div>
|
|
|
|
|
</svg>
|
|
|
|
|
<div id="graphControls">
|
|
|
|
|
<ul id='typeLinks'></ul>
|
|
|
|
|
<ul id='relLinks'></ul>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jsonld@0.5.21/dist/jsonld.js"></script>
|
2018-08-13 15:39:11 +00:00
|
|
|
<script type="text/javascript" src="d3.min.js"></script>
|
2018-08-22 12:18:46 +00:00
|
|
|
<script type="text/javascript" src="/portfolio.js"></script>
|
2018-08-13 15:39:11 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
