-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
47 lines (42 loc) · 14 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="./_app/immutable/assets/0.Qj7wMZEf.css" rel="stylesheet">
<link href="./_app/immutable/assets/2.pQh7CBcA.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.8PzqUroE.js">
<link rel="modulepreload" href="./_app/immutable/chunks/entry.oVNciTst.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.m1-vAFwk.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.C_sKT45n.js">
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.ZjQd7wwx.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.f0SZOmoo.js">
<link rel="modulepreload" href="./_app/immutable/nodes/2.6Rs71T3_.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <html lang="en"><head data-svelte-h="svelte-luwugc"><title>Glazer</title></head> <body><br> <div class="drawer drawer-end"><input id="my-drawer-4" type="checkbox" class="drawer-toggle"> <div class="drawer-content" data-svelte-h="svelte-11wnb9w"> <label for="my-drawer-4" class="drawer-button btn btn-primary">Open drawer</label></div> <div class="drawer-side"><label for="my-drawer-4" aria-label="close sidebar" class="drawer-overlay"></label> <ul class="menu p-4 w-120 min-h-full bg-base-200 text-base-content"><input accept="image/png, image/jpeg" id="avatar" name="avatar" type="file"> <li><div> <span class="color-picker vertical svelte-1n1d6qa"> <label class="svelte-r4tbal"><div class="container svelte-r4tbal"><input type="color" value="black" aria-haspopup="dialog" class="svelte-r4tbal"> <div class="alpha svelte-r4tbal"></div> <div class="color svelte-r4tbal" style="background: black;"></div></div> Choose a color</label> <div class="wrapper svelte-1h4o41o" role="dialog" aria-label="color picker"><label class="nullability-checkbox svelte-pt866j"><div class="svelte-pt866j"><input type="checkbox" class="svelte-pt866j"> <span class="svelte-pt866j"></span></div> without color </label> <div class="picker svelte-amfbfx" style="--picker-color-bg: #ff0000;"><div class="picker-indicator svelte-i5mg2p is-dark" style="--pos-x: 100;"></div> <div class="s svelte-amfbfx"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="horizontal" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="saturation color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="v svelte-amfbfx" style="--pos-x: 100;"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="vertical" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="brightness color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div></div> <div class="h svelte-1n1d6qa"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="360" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0" aria-label="hue channel" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="a svelte-1n1d6qa" style="--alphaless-color: black;"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="1" aria-valuemin="0" aria-valuenow="1" aria-valuetext="1" aria-label="alpha channel" tabindex="0" style="--position: 1.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="text-input svelte-p68edl"><div class="input-container svelte-p68edl"><input aria-label="hex color" value="black" class="svelte-p68edl" style="flex: 3;"> <input aria-label="alpha channel" value="1" type="number" min="0" max="1" step="0.01" class="svelte-p68edl"></div> <button class="svelte-p68edl"><span class="disappear svelte-p68edl" aria-hidden="true">hex</span> <span class="appear svelte-p68edl">change to rgb</span></button></div> </div> </span> <br> <label data-svelte-h="svelte-10mt6id">Translucency: </label><br> <input type="number"><br> <label data-svelte-h="svelte-1jz0sn7">layer: </label><br> <input type="number"><br></div></li> <li><div> <span class="color-picker vertical svelte-1n1d6qa"> <label class="svelte-r4tbal"><div class="container svelte-r4tbal"><input type="color" value="red" aria-haspopup="dialog" class="svelte-r4tbal"> <div class="alpha svelte-r4tbal"></div> <div class="color svelte-r4tbal" style="background: red;"></div></div> Choose a color</label> <div class="wrapper svelte-1h4o41o" role="dialog" aria-label="color picker"><label class="nullability-checkbox svelte-pt866j"><div class="svelte-pt866j"><input type="checkbox" class="svelte-pt866j"> <span class="svelte-pt866j"></span></div> without color </label> <div class="picker svelte-amfbfx" style="--picker-color-bg: #ff0000;"><div class="picker-indicator svelte-i5mg2p is-dark" style="--pos-x: 100;"></div> <div class="s svelte-amfbfx"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="horizontal" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="saturation color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="v svelte-amfbfx" style="--pos-x: 100;"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="vertical" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="brightness color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div></div> <div class="h svelte-1n1d6qa"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="360" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0" aria-label="hue channel" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="a svelte-1n1d6qa" style="--alphaless-color: red;"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="1" aria-valuemin="0" aria-valuenow="1" aria-valuetext="1" aria-label="alpha channel" tabindex="0" style="--position: 1.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="text-input svelte-p68edl"><div class="input-container svelte-p68edl"><input aria-label="hex color" value="red" class="svelte-p68edl" style="flex: 3;"> <input aria-label="alpha channel" value="1" type="number" min="0" max="1" step="0.01" class="svelte-p68edl"></div> <button class="svelte-p68edl"><span class="disappear svelte-p68edl" aria-hidden="true">hex</span> <span class="appear svelte-p68edl">change to rgb</span></button></div> </div> </span> <br> <label data-svelte-h="svelte-10mt6id">Translucency: </label><br> <input type="number" value="0.2"><br> <label data-svelte-h="svelte-1jz0sn7">layer: </label><br> <input type="number" value="4"><br></div></li><li><div> <span class="color-picker vertical svelte-1n1d6qa"> <label class="svelte-r4tbal"><div class="container svelte-r4tbal"><input type="color" value="yellow" aria-haspopup="dialog" class="svelte-r4tbal"> <div class="alpha svelte-r4tbal"></div> <div class="color svelte-r4tbal" style="background: yellow;"></div></div> Choose a color</label> <div class="wrapper svelte-1h4o41o" role="dialog" aria-label="color picker"><label class="nullability-checkbox svelte-pt866j"><div class="svelte-pt866j"><input type="checkbox" class="svelte-pt866j"> <span class="svelte-pt866j"></span></div> without color </label> <div class="picker svelte-amfbfx" style="--picker-color-bg: #ff0000;"><div class="picker-indicator svelte-i5mg2p is-dark" style="--pos-x: 100;"></div> <div class="s svelte-amfbfx"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="horizontal" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="saturation color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="v svelte-amfbfx" style="--pos-x: 100;"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="vertical" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="brightness color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div></div> <div class="h svelte-1n1d6qa"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="360" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0" aria-label="hue channel" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="a svelte-1n1d6qa" style="--alphaless-color: yellow;"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="1" aria-valuemin="0" aria-valuenow="1" aria-valuetext="1" aria-label="alpha channel" tabindex="0" style="--position: 1.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="text-input svelte-p68edl"><div class="input-container svelte-p68edl"><input aria-label="hex color" value="yellow" class="svelte-p68edl" style="flex: 3;"> <input aria-label="alpha channel" value="1" type="number" min="0" max="1" step="0.01" class="svelte-p68edl"></div> <button class="svelte-p68edl"><span class="disappear svelte-p68edl" aria-hidden="true">hex</span> <span class="appear svelte-p68edl">change to rgb</span></button></div> </div> </span> <br> <label data-svelte-h="svelte-10mt6id">Translucency: </label><br> <input type="number" value="0.2"><br> <label data-svelte-h="svelte-1jz0sn7">layer: </label><br> <input type="number" value="7"><br></div></li><li><div> <span class="color-picker vertical svelte-1n1d6qa"> <label class="svelte-r4tbal"><div class="container svelte-r4tbal"><input type="color" value="white" aria-haspopup="dialog" class="svelte-r4tbal"> <div class="alpha svelte-r4tbal"></div> <div class="color svelte-r4tbal" style="background: white;"></div></div> Choose a color</label> <div class="wrapper svelte-1h4o41o" role="dialog" aria-label="color picker"><label class="nullability-checkbox svelte-pt866j"><div class="svelte-pt866j"><input type="checkbox" class="svelte-pt866j"> <span class="svelte-pt866j"></span></div> without color </label> <div class="picker svelte-amfbfx" style="--picker-color-bg: #ff0000;"><div class="picker-indicator svelte-i5mg2p is-dark" style="--pos-x: 100;"></div> <div class="s svelte-amfbfx"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="horizontal" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="saturation color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="v svelte-amfbfx" style="--pos-x: 100;"> <div class="slider svelte-x7oaj0" role="slider" aria-orientation="vertical" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" aria-label="brightness color" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div></div> <div class="h svelte-1n1d6qa"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="360" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0" aria-label="hue channel" tabindex="0" style="--position: 0.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="a svelte-1n1d6qa" style="--alphaless-color: white;"> <div class="slider svelte-x7oaj0 reverse" role="slider" aria-orientation="vertical" aria-valuemax="1" aria-valuemin="0" aria-valuenow="1" aria-valuetext="1" aria-label="alpha channel" tabindex="0" style="--position: 1.0000;"><div class="track svelte-x7oaj0"></div> <div class="thumb svelte-x7oaj0"></div></div> </div> <div class="text-input svelte-p68edl"><div class="input-container svelte-p68edl"><input aria-label="hex color" value="white" class="svelte-p68edl" style="flex: 3;"> <input aria-label="alpha channel" value="1" type="number" min="0" max="1" step="0.01" class="svelte-p68edl"></div> <button class="svelte-p68edl"><span class="disappear svelte-p68edl" aria-hidden="true">hex</span> <span class="appear svelte-p68edl">change to rgb</span></button></div> </div> </span> <br> <label data-svelte-h="svelte-10mt6id">Translucency: </label><br> <input type="number" value="0.8"><br> <label data-svelte-h="svelte-1jz0sn7">layer: </label><br> <input type="number" value="18"><br></div></li> <li><button class="btn" data-svelte-h="svelte-1vvse4r">Redraw</button></li> <li><lable data-svelte-h="svelte-1mjoam">Width: </lable><input value="100"></li> <li><lable data-svelte-h="svelte-xg6mwv">Height: </lable><input value="100"></li> <li><lable data-svelte-h="svelte-kvm0js">thickness: </lable><input value="2"></li> <li><lable data-svelte-h="svelte-u4ez2g">layerHeight: </lable><input value="0.08"></li> <li><lable data-svelte-h="svelte-1wakub0">Layers: </lable><input disabled value="25"></li> <li><button disabled class="btn">download STL</button></li></ul></div></div> </body></html>
<script>
{
__sveltekit_pqkkmu = {
base: new URL(".", location).pathname.slice(0, -1)
};
const element = document.currentScript.parentElement;
const data = [null,null];
Promise.all([
import("./_app/immutable/entry/start.8PzqUroE.js"),
import("./_app/immutable/entry/app.C_sKT45n.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 2],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>