portfolio/index.html

73 lines
4.1 KiB
HTML
Raw Normal View History

2018-08-13 17:39:11 +02:00
<!DOCTYPE html>
<html xmlns:xlink="http://www.w3.org/1999/xlink">
<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-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-08-22 14:18:46 +02: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-09-29 12:54:28 +02:00
<marker markerHeight="4" markerWidth="4" refY="0" refX="6" viewBox="0 -3 6 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> -->
<!-- <script type="text/javascript" src="/assets/js/d3.min.js"></script> -->
<script type="text/javascript" src="/assets/js/portfolio.js"></script>
2018-08-13 17:39:11 +02:00
</body>
</html>