forked from Hamza-Anver/Gridfinity-Generator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (109 loc) · 4.69 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Generate and preview 3D printable STLs of parametric storage boxes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title id="page-title">Universal Storage Box Generator</title>
<script src="deps/three.min.js" defer></script>
<script src="deps/Projector.js" defer></script>
<script src="deps/stl_viewer.min.js" defer></script>
<script src="deps/webgl_detector.js" defer></script>
<script src="deps/OrbitControls.js" defer></script>
<script src="deps/parser.min.js" defer></script>
<script src="deps/TrackballControls.js" defer></script>
<script src="deps/CanvasRenderer.js" defer></script>
<script src="deps/jszip.min.js"></script>
<script src="browserfs.min.js" defer></script>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" href="css/hack.css">
<link rel="stylesheet" href="css/themes/dark.css">
<link rel="stylesheet" href="css/themes/standard.css">
<link rel="stylesheet" href="css/cooltipz.min.css">
<script src="filesystem.js" defer></script>
<script type="module" src="main.js" defer></script>
<link rel="stylesheet" href="coloris/coloris.css" />
<script src="coloris/coloris.js"></script>
<link rel="stylesheet" href="css/custom_styles.css">
</head>
<body class="hack standard">
<div class="main container-moi">
<h1 class="header-message">Universal Storage Box Generator
<span id="header-message" class="header-message"></span>
</h1>
<div class="grid">
<div class="cell -4of12">
<div class="btn-group btn-block">
<button id="reset_default" class="btn-link-correct btn btn-default btn-block">Defaults ⟳</button>
<button id="render" class="btn btn-primary btn-block">Render</button>
<button id="kill" class="btn btn-error btn-block">Kill</button>
</div>
<br>
<div class="form-group" >
<div id="param-container">
<!--generated content-->
</div>
</div>
</div>
<br>
<br>
<br>
<!-- SECOND COLUMN -->
<div class="cell -8of12">
<div class="btn-group btn-block">
<a id="download-link" class="btn btn-success btn-ghost btn-block" href="">Download</a>
<button id="autorotate" class="btn-link-correct btn btn-default btn-block">Rotate</button>
<button id="render-info" class="btn btn-default btn-ghost btn-block">Info</button>
<button id="viewer-settings" class="btn btn-default btn-block btn-ghost">⚙</button>
</div>
<br>
<div class="settings-menu hide -6of12" id="settings-menu">
<div class="card">
<header class="card-header">Settings</header>
<div class="card-content">
<div class="inner">
Background: <input id="bg-color" class="inputcolor" type="text" value="#eeeeee" data-coloris> <br><br>
STL Render: <input id="stl-color" class="inputcolor" type="text" value="#7f869c" data-coloris> <br><br>
Grid Lines: <input id="gridlines" class="inputcolor" type="checkbox">
</div>
</div>
</div>
</div>
<div class="settings-menu hide -6of12" id="render-info-menu">
<div class="card">
<header class="card-header">STLViewer Info</header>
<div class="card-content">
<div class="inner">
<span id="logs">No Info</span>
</div>
</div>
</div>
</div>
<div>
</div>
<br>
<div id="viewer" class="stl-viewer" tabindex="0"></div>
<span id="features"></span>
</div>
</div>
<div class="-6of12 hack">
<h2>
Credits and Info:
</h2>
All credit goes to their respective owners, all mistakes and fuckups are mine. <br>
<a href="https://github.com/vector76">Vector76 (Jamie)</a> - Made the web based editor for gridfinity this is based on and the OpenSCAD file<br>
<a href="https://sukima.github.io/hackcss-ext/">hack.css</a> - CSS theme template for this site <br>
<a href="https://github.com/ochafik/openscad-wasm">Ochafik</a> - For OpenSCAD Web Assembly <br>
<br>
This was made just for fun over a weekend, as an intro to basic webdev stuff for me <br>
it is an abominable mix of code, but it hopefully works <br>
<br>
Source code (it's not a good read): <a href="https://github.com/9R/StorageBox-Generator">https://github.com/9R/StorageBox-Generator</a>
<br>
<br>
MIT License (see Github Page)
<br>
</div>
</div>
<noscript>JavaScript is needed for Storage Box Generator to work</noscript>
</body>
</html>