-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (102 loc) · 5.93 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
<!DOCTYPE html>
<html lang="en-CH">
<head>
<title>3D Print Cost Calculator</title>
<meta name="mobile-web-app-title" content="3D Print Cost Calculator">
<meta name="apple-mobile-web-app-title" content="3D Print Cost Calculator">
<link rel="canonical" href="https://3d.michivonah.ch">
<meta charset="UTF-8">
<meta name="description" content="3D Print Cost Calculator">
<meta name="author" content="Michi von Ah">
<meta name="robots" content="index">
<meta http-equiv="expires" content="43200">
<link id="favicon" rel="icon" type="image/png" href="assets/logo.png">
<link rel="shortcut icon" type="image/png" href="assets/logo.png">
<link rel="apple-touch-icon" href="assets/logo.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/logo.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/logo.png">
<link rel="apple-touch-icon" sizes="167x167" href="assets/logo.png">
<meta property="og:title" content="3D Print Cost Calculator">
<meta property="og:description" content="3D Print Cost Calculator">
<meta property="og:url" content="https://3d.michivonah.ch/">
<meta property="og:site_name" content="3D Print Cost Calculator">
<meta property="twitter:title" content="3D Print Cost Calculatorh">
<meta property="twitter:description" content="3D Print Cost Calculator">
<meta name="twitter:site" content="@michivonah">
<meta name="twitter:creator" content="@michivonah">
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="main.js" defer></script>
<meta name="theme-color" content="#BFE3F1">
<meta name="mobile-web-app-status-bar-style" content="#BFE3F1">
<meta name="apple-mobile-web-app-status-bar-style" content="#BFE3F1">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="no">
<meta name="apple-mobile-web-app-capable" content="no">
</head>
<body>
<div class="content">
<div class="container">
<div class="logo-section">
<img src="assets/logo.png" alt="Logo">
<h1>3D Print<br>Cost Calculator</h1>
</div>
<div class="instructions">
<h2>Instructions</h2>
<p>Fill in the fields below and see how much your 3D print will cost. The costs are calculated automatically. Only the completed fields will be used for the calculation. Your input is automatically saved in the browser and restored the next time you visit this page. You can also print out the calculation or save it as a PDF in the print dialogue.</p>
</div>
<div class="options-view">
<div class="options-input">
<label for="input-project-name">Project Name</label>
<input type="text" id="input-project-name" class="input-field" placeholder="Benchy">
</div>
<div class="options-input">
<label for="input-printer-model">Printer Model</label>
<select name="input-printer-model" id="input-printer-model" class="input-field">
<option value="other" selected disabled>Select printer model</option>
</select>
</div>
<div class="options-input">
<label for="input-total-filament-usage">Total Filament Usage (g)</label>
<input type="number" id="input-total-filament-usage" class="input-field" placeholder="300g">
</div>
<div class="options-input">
<label for="input-print-duration">Print Duration (Min)</label>
<input type="number" id="input-print-duration" class="input-field" placeholder="180 Min">
</div>
<div class="options-input">
<label for="input-material-cost">Additional material cost (Price)</label>
<input type="number" id="input-material-cost" class="input-field" placeholder="0.00 CHF">
</div>
<div class="options-input">
<label for="input-shipping">Packaging & Shipping (Price)</label>
<input type="number" id="input-shipping" class="input-field" placeholder="12.00 CHF">
</div>
<div class="options-input">
<label for="input-labor-time">Labor Time (Min)</label>
<input type="number" id="input-labor-time" class="input-field" placeholder="30 Min">
</div>
<div class="options-input">
<label for="input-hourly-wage">Hourly Wage (Price)</label>
<input type="number" id="input-hourly-wage" class="input-field" placeholder="20.00 CHF">
</div>
<div class="options-input">
<label for="input-profit-margin">Margin (%)</label>
<input type="number" id="input-profit-margin" class="input-field" placeholder="50%">
</div>
<div class="options-input result">
<label for="input-total-cost">Total Cost</label>
<span id="copy-notice" class="copy-notice">Copied to clipboard!</span>
<span class="material-symbols-outlined copy-icon">
content_copy
</span>
<input type="text" id="input-total-cost" placeholder="27.45 CHF" readonly>
</div>
</div>
<div class="footer">
<p><a href="https://youtu.be/5koU93oZVC0">Credits pricing system</a></p>
<p><a href="https://legal.michivonah.ch">Legal</a> | by <a href="https://michivonah.ch">michivonah.ch</a> | 2024</p>
</div>
</div>
</div>
</body>
</html>