index.html (89 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<title>JetBrains artwork creator</title>
<meta charset="utf-8" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5P98');</script>
<!-- End Google Tag Manager -->
<!-- RPD Renderer: svg -->
<link rel="stylesheet" href="./node_modules/rpd/src/render/svg.css"></link>
<!-- RPD Style: ableton-out (svg) -->
<link rel="stylesheet" href="./node_modules/rpd/src/style/ableton-out/svg.css"></link>
<!-- RPD Toolkit: util (svg) -->
<link rel="stylesheet" href="./node_modules/rpd/src/toolkit/util/svg.css"></link>
<!-- Toolkit: jb (svg) -->
<link rel="stylesheet" href="./toolkit/jb/svg.css"></link>
<!-- Kefir -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/kefir/3.7.1/kefir.min.js"></script>
<!-- d3.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.5.0/d3.min.js"></script>
<!-- RPD -->
<script src="./node_modules/rpd/src/rpd.js"></script>
<!-- RPD Rendering Engine: -->
<script src="./node_modules/rpd/src/render/shared.js"></script>
<!-- RPD Style: ableton-out (svg) -->
<script src="./node_modules/rpd/src/style/ableton-out/svg.js"></script>
<!-- RPD Renderer: svg -->
<script src="./node_modules/rpd/src/render/svg.js"></script>
<!-- RPD Toolkit: util -->
<script src="./node_modules/rpd/src/toolkit/util/shared.js"></script>
<script src="./node_modules/rpd/src/toolkit/util/toolkit.js"></script>
<!-- RPD Toolkit: util (svg) -->
<script src="./node_modules/rpd/src/toolkit/util/svg.js"></script>
<!-- Toolkit: jb -->
<script src="./toolkit/jb/shared.js"></script>
<!-- Toolkit: jb -->
<script src="./toolkit/jb/toolkit.js"></script>
<!-- Toolkit: jb (svg) -->
<script src="./toolkit/jb/svg.js"></script>
<!-- p5.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/addons/p5.dom.min.js"></script>
<!-- d3.voronoi.js -->
<script src="./node_modules/d3-voronoi/build/d3-voronoi.min.js"></script>
<!-- https://github.com/blueimp/JavaScript-Canvas-to-Blob -->
<!-- <script src="./node_modules/canvas-to-blob/index.js"></script> -->
<script src="https://cdn.rawgit.com/blueimp/JavaScript-Canvas-to-Blob/39b96c11/js/canvas-to-blob.min.js"></script>
<link rel="stylesheet" href="./main.css"></link>
<link rel="stylesheet" href="./loaders.min.css"></link>
<style>
#loader-wrapper {
position: absolute;
left: 50%;
top: 30px;
font-family: sans-serif;
color: white;
margin-left: -120px;
z-index: 10000;
/* transition: opacity 500ms ease-out; */
}
#loader-wrapper p {
position: relative;
left: 80px;
/* text-align: center; */
font-size: 1.5em;
}
#loader-wrapper .ball-rotate {
left: 30px;
top: 45px;
}
</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5P98"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="rpd-jb-hidden-canvases"></div>
<div id="rpd-jb-preview-target"></div>
<div id="front-layer">
<div id="loader-wrapper">
<div id="loader" class="loader-inner ball-rotate"><div></div></div>
<p>Loading...</p>
</div>
<div id="overlay"></div>
<div id="patch-target"></div>
<div id="loading-bar"></div>
</div>
<script>
// window.___sketchUpdateProxy = function(config) {
window.updateSketchConfig = function(config) {
window.missedSketchConfig = config;
}; // sketch will replace it later
</script>
<script src="./main.js"></script>
<!-- p5 Sketch -->
<script src="./sketch.p5.js"></script>
<script>
window.addEventListener('load', function() {
/* window.___sketchUpdateProxy = function(config) {
// uses a global function from the sketch
updateSketchConfig(config);
}; */
//if (window.missedSketchConfig) window.___sketchUpdateProxy(window.missedSketchConfig);
if (window.missedSketchConfig) window.updateSketchConfig(window.missedSketchConfig);
});
</script>
</body>
</html>