JSFiddle - React, Tailwind, and code Playground

by gerdonabbink

HTML

<!DOCTYPE html>
<html>

    <head>
        <title>XPPL VOLUMETRIC CATALOGUE</title>
        <meta charset="utf-8">
        <script src="https://rawgit.com/mrdoob/three.js/dev/build/three.min.js"></script>
        <script src="https://rawgit.com/mrdoob/three.js/dev/examples/js/controls/OrbitControls.js"></script>
        <script src="catalogue.js"></script>

        <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <style>
            body {
                color: #ccc;
                font-family: 'Karla', sans-serif;
                font-size: 15px;
                text-align: left;
                background-color: #140b33;
                margin: 0;
                overflow: hidden;
            }

            #info {
                position: absolute;
                top: 0;
                width: 10%;
                padding: 10px;
            }

            a {
                color: #444b7c;
            }

        </style>
    </head>

    <body>
        <canvas id="viewer"></canvas>
    </body>

</html>

JavaScript

console.log(document.querySelector('#viewer').parentNode.replaceChild());