75 lines
2.4 KiB
HTML
75 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
|
|
|
|
<link rel="stylesheet" href="/global/navBar.css">
|
|
<link rel="stylesheet" href="/global/globalStyle.css">
|
|
<link rel="stylesheet" href="/global/loadingScreen.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="tree.css">
|
|
|
|
<link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
|
|
<title>Byte Dice - Crafting</title>
|
|
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://bytedice.net/toys">
|
|
|
|
<meta name="description" content="A crafting-tree-like generation tool">
|
|
<meta name="keywords" content="Byte Dice, pixel art, procedural generation, game art, digital art, ByteDice showcase">
|
|
<meta name="author" content="Byte Dice">
|
|
|
|
<meta property="og:title" content="Byte Dice">
|
|
<meta property="og:description" content="A crafting-tree-like generation tool">
|
|
<meta property="og:url" content="https://bytedice.net/toys/crafting">
|
|
<meta property="og:type" content="website">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="mainDiv">
|
|
<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
|
|
<canvas id="starfallCanvas"></canvas>
|
|
|
|
<div id="treeStaticContainer">
|
|
<div id="treeScaleContainer">
|
|
<div id="trees"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tomlInputContainer" id="tomlInputContainer">
|
|
<div class="tomlInputGrid">
|
|
<label><a onclick="slideTransition('https://github.com/ByteDice/ByteDiceWeb/blob/main/toys/crafting/DOCS.md', event)">Tutorial / Docs</a></label>
|
|
<textarea id="tomlInput" name="tomlInput" placeholder=
|
|
"[io]
|
|
inputs = []
|
|
products = []
|
|
|
|
[recipes]
|
|
# ..."
|
|
></textarea>
|
|
<button id="generateButton">Generate Tree</button>
|
|
</div>
|
|
<button id="collapseButton"><</button>
|
|
</div>
|
|
|
|
<div id="navBarContainer" data-alt="byte"></div>
|
|
</div>
|
|
|
|
<div id="loadingScreen"></div>
|
|
|
|
<!-- global -->
|
|
<script src="/global/globalScript.js"></script>
|
|
<script src="/global/pxDensity.js"></script>
|
|
<script src="/global/loadingScreen.js"></script>
|
|
<script src="/global/navBar.js"></script>
|
|
<script src="/global/screenTransition.js"></script>
|
|
|
|
<!-- local -->
|
|
<script src="script.js"></script>
|
|
<script type="module" src="tree_generator.js"></script>
|
|
<script src="/stars.js"></script>
|
|
</body>
|
|
|
|
</html> |