rpd
Version:
RPD is a minimal framework for building Node-Based User Interfaces, powered by Reactive Programming
90 lines (70 loc) • 8.2 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<script src="../node_modules/d3/build/d3.js"></script>
<!-- Built with RPD v2.0.0 <http://shamansir.github.io/rpd> -->
<!-- gulp ==renderer svg ==style compact-v ==target-name rpd ==compilation simple -->
<!-- RPD Renderer: svg -->
<link rel="stylesheet" href="../src/render/svg.css"></style>
<!-- RPD Style: compact-v (svg) -->
<link rel="stylesheet" href="../src/style/compact-v/svg.css"></style>
<!-- Kefir -->
<script src="../node_modules/kefir/dist/kefir.min.js"></script>
<!-- RPD -->
<script src="../src/rpd.js"></script>
<!-- RPD Rendering Engine: -->
<script src="../src/render/shared.js"></script>
<!-- RPD Style: compact-v (svg) -->
<script src="../src/style/compact-v/svg.js"></script>
<!-- RPD Renderer: svg -->
<script src="../src/render/svg.js"></script>
<script src="./docs-patch.js"></script>
<style>
.rpd-node .rpd-header {
fill: rgba(160,107,154,0.95);
}
.rpd-node .rpd-content {
fill: rgba(141,158,198,0.9);
}
/* 203, 118, 158 */
/* 224, 152, 145 */
/* 232, 185, 171 */
/* 215, 192, 208 */
/* 124, 132, 131 */
/* 172, 221, 231 */
/* 154, 213, 202 */
.rpd-node .rpd-shadow {
opacity: 0.3;
fill: rgb(172, 221, 231);
}
#rpd-logo {
position: absolute;
top: 215px;
left: 455px;
}
body {
margin: 0;
}
</style>
</head>
<body>
<div id="patch-target"></div>
<svg id="planets" width="500px" height="140px"></svg>
<svg width="140px" height="140px" viewBox="0 0 387 343" version="1.1" id="rpd-logo"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>rpd-logo</title>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="Oval-1" fill="#000000" cx="207" cy="172" r="165"/>
<circle id="Oval-2" stroke="#FFFFFF" stroke-width="17" fill="#000000" cx="26.5" cy="172.5" r="28.5" />
<path id="RPD-text" d="M -142.1018181,38.09454549999998 L -152.96727270000002,38.09454549999998 L -152.96727270000002,-66.63272750000002 L -117.09818130000001,-66.63272750000002 C -107.14904130000001,-66.63272750000002,-99.70911530000001,-64.38547650000002,-94.77818130000003,-59.89090950000002 C -89.84724830000002,-55.396341500000005,-87.38181830000002,-48.56731850000003,-87.38181830000002,-39.40363650000003 L -87.38181830000002,-31.549090500000005 C -87.38181830000002,-22.909047500000014,-89.38907030000001,-16.27638650000003,-93.40363630000002,-11.650909500000012 C -97.41820230000002,-7.025431500000025,-103.52723130000001,-4.320003500000013,-111.73090930000001,-3.5345455000000072 L -86.4654543,38.09454549999998 L -99.0327273,38.09454549999998 L -124.16727230000001,-3.403636500000033 L -142.1018181,-3.403636500000033 L -142.1018181,38.09454549999998 Z M -142.1018181,-12.95999950000001 L -116.96727230000002,-12.95999950000001 C -110.24723930000002,-12.95999950000001,-105.44728730000003,-14.399985500000014,-102.56727230000001,-17.27999950000003 C -99.68725830000002,-20.160014500000017,-98.24727230000002,-24.872694500000023,-98.24727230000002,-31.41818150000003 L -98.24727230000002,-39.66545450000001 C -98.24727230000002,-45.687302500000015,-99.68725830000002,-50.050895500000024,-102.56727230000001,-52.75636350000002 C -105.44728730000003,-55.46183150000002,-110.24723930000002,-56.81454550000001,-116.96727230000002,-56.81454550000001 L -142.1018181,-56.81454550000001 L -142.1018181,-12.95999950000001 Z M -66.30545430000001,38.09454549999998 L -66.30545430000001,-66.63272750000002 L -32.92363630000003,-66.63272750000002 C -22.79994930000001,-66.63272750000002,-15.360023300000023,-64.40729450000002,-10.603636300000005,-59.95636350000002 C -5.847249300000016,-55.50543250000001,-3.4690913000000023,-48.61095550000002,-3.4690913000000023,-39.27272750000003 L -3.4690913000000023,-27.490909500000015 C -3.4690913000000023,-18.15268050000003,-5.869067300000012,-11.192750500000017,-10.66909130000002,-6.6109095000000195 C -15.469115300000027,-2.029067500000025,-22.93085830000001,0.26181849999997553,-33.0545453,0.26181849999997553 L -55.44000030000001,0.26181849999997553 L -55.44000030000001,38.09454549999998 L -66.30545430000001,38.09454549999998 Z M -55.44000030000001,-9.294545500000027 L -33.0545453,-9.294545500000027 C -26.24723830000002,-9.294545500000027,-21.40365030000001,-10.69089550000001,-18.52363630000002,-13.483636500000017 C -15.643622300000004,-16.276377500000024,-14.203636300000028,-20.814513500000032,-14.203636300000028,-27.09818150000001 L -14.203636300000028,-39.27272750000003 C -14.203636300000028,-45.46912150000003,-15.643622300000004,-49.94180450000002,-18.52363630000002,-52.69090950000003 C -21.40365030000001,-55.44001350000002,-26.24723830000002,-56.81454550000001,-33.0545453,-56.81454550000001 L -55.44000030000001,-56.81454550000001 L -55.44000030000001,-9.294545500000027 Z M 15.356363699999974,38.09454549999998 L 15.356363699999974,-66.63272750000002 L 40.88363670000001,-66.63272750000002 C 52.05460169999998,-66.63272750000002,60.847240699999986,-63.27276050000002,67.26181869999999,-56.55272750000003 C 73.6763957,-49.832693500000005,76.88363670000001,-40.84369250000003,76.88363670000001,-29.585454500000026 L 76.88363670000001,1.5709094999999706 C 76.88363670000001,12.654600499999987,73.6763957,21.51269449999998,67.26181869999999,28.14545449999997 C 60.847240699999986,34.77821549999999,52.05460169999998,38.09454549999998,40.88363670000001,38.09454549999998 L 15.356363699999974,38.09454549999998 Z M 26.22181869999997,28.276363499999974 L 41.14545469999996,28.276363499999974 C 49.43640469999997,28.276363499999974,55.65452469999997,25.832751499999972,59.7999997,20.945454499999983 C 63.945475699999974,16.058157499999993,66.01818170000001,9.81821949999997,66.01818170000001,2.2254544999999837 L 66.01818170000001,-30.23999950000001 C 66.01818170000001,-37.83276550000002,63.945475699999974,-44.15997450000003,59.7999997,-49.22181850000001 C 55.65452469999997,-54.28366150000002,49.43640469999997,-56.81454550000001,41.14545469999996,-56.81454550000001 L 26.22181869999997,-56.81454550000001 L 26.22181869999997,28.276363499999974 Z M 136.60363669999998,-13.483636500000017 C 132.67634369999996,-13.483636500000017,129.4909217,-14.29090050000002,127.04727270000001,-15.905454500000019 C 124.60362470000001,-17.520008500000017,123.3818187,-20.203617500000007,123.3818187,-23.95636350000001 L 123.3818187,-29.454545500000023 C 123.3818187,-33.29456450000001,124.60362470000001,-36.06544550000001,127.04727270000001,-37.76727250000002 C 129.4909217,-39.46909950000003,132.67634369999996,-40.31999950000002,136.60363669999998,-40.31999950000002 C 140.5309287,-40.31999950000002,143.69453369999997,-39.46909950000003,146.09454569999997,-37.76727250000002 C 148.49455769999997,-36.06544550000001,149.6945457,-33.29456450000001,149.6945457,-29.454545500000023 L 149.6945457,-23.95636350000001 C 149.6945457,-20.203617500000007,148.45092169999998,-17.520008500000017,145.9636367,-15.905454500000019 C 143.4763517,-14.29090050000002,140.35638269999998,-13.483636500000017,136.60363669999998,-13.483636500000017 Z M 118.5381817,66.63272749999999 L 129.6654547,14.400000499999976 L 152.96727269999997,14.400000499999976 L 128.2254547,66.63272749999999 L 118.5381817,66.63272749999999 Z" transform="translate(233.84363630000001 184.90545450000002)" fill="#FFFFFF" />
</g>
</svg>
<script>
applyRpdLogoPatch(document.getElementById('rpd-logo'),
document.getElementById('planets'),
document.getElementById('patch-target'));
</script>
</body>
</html>