run with npx:
npx markup.json custom.json > output.html
or as stdin
run with npx:
npx markup.json custom.json > output.html
or as stdin
<!-- Using Threejs & Jerome Etienne's Threex --> | |
<script src='https://jeromeetienne.github.io/threex.terrain/examples/vendor/three.js/build/three-min.js'></script> | |
<script src='https://jeromeetienne.github.io/threex.terrain/examples/vendor/three.js/examples/js/SimplexNoise.js'></script> | |
<script src='https://jeromeetienne.github.io/threex.terrain/threex.terrain.js'></script> |
const animals = { | |
//list of ocean animals comes from https://owlcation.com/stem/list-of-ocean-animals | |
ocean: ['Acantharea', 'Anemone', 'Angelfish King', 'Ahi Tuna', 'Albacore', 'American Oyster', 'Anchovy', 'Armored Snail', 'Arctic Char', 'Atlantic Bluefin Tuna', 'Atlantic Cod', 'Atlantic Goliath Grouper', 'Atlantic Trumpetfish', 'Atlantic Wolffish', 'Baleen Whale', 'Banded Butterflyfish', 'Banded Coral Shrimp', 'Banded Sea Krait', 'Barnacle', 'Barndoor Skate', 'Barracuda', 'Basking Shark', 'Bass', 'Beluga Whale', 'Bluebanded Goby', 'Bluehead Wrasse', 'Bluefish', 'Bluestreak Cleaner-Wrasse', 'Blue Marlin', 'Blue Shark', 'Blue Spiny Lobster', 'Blue Tang', 'Blue Whale', 'Broadclub Cuttlefish', 'Bull Shark', 'Chambered Nautilus', 'Chilean Basket Star', 'Chilean Jack Mackerel', 'Chinook Salmon', 'Christmas Tree Worm', 'Clam', 'Clown Anemonefish', 'Clown Triggerfish', 'Cod', 'Coelacanth', 'Cockscomb Cup Coral', 'Common Fangtooth', 'Conch', 'Cookiecutter Shark', 'Copepod', 'Coral', 'Corydoras', 'Cownose Ray', ' |
DOM tree representation in compact JSON -- Draft Spec, Library and CLI
Note
Publicly published under MIT License Available on GitHub and NPM
Inspired by a CSS trick I didn't know which Robin Rendle tweeted about: https://twitter.com/robinrendle/status/1050794670819663873