89 lines
2.5 KiB
HTML
89 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
20260319 ChatGPT
|
|
$Header$
|
|
|
|
Purpose:
|
|
Static cost model page for the filament drybox project.
|
|
|
|
Notes:
|
|
This page loads:
|
|
../data/bom.json
|
|
../data/assumptions.json
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Filament Drybox Cost Model</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Filament Drybox Cost Model</h1>
|
|
<p class="subtitle">
|
|
Lot-based purchasing, filament cost, and electricity for 1, 4, and 12 dryboxes
|
|
</p>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="card">
|
|
<h2>Overview</h2>
|
|
<p>
|
|
This page estimates the out-of-pocket cost of building filament dryboxes,
|
|
taking into account both purchased hardware sold in lots and the printing
|
|
cost of the required parts.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Assumptions</h2>
|
|
<div id="assumptions"></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Summary</h2>
|
|
<table id="summary-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Boxes</th>
|
|
<th>Total Hardware</th>
|
|
<th>Total Printing</th>
|
|
<th>Total Cost</th>
|
|
<th>Cost / Box</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Component Breakdown</h2>
|
|
<div id="component-breakdowns"></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Inventory Leftovers</h2>
|
|
<div id="leftovers"></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Notes</h2>
|
|
<ul>
|
|
<li>Hardware pricing is modeled using whole-pack purchases.</li>
|
|
<li>Printed material pricing is based on estimated grams per box.</li>
|
|
<li>Electricity is based on average printer wattage over total print time.</li>
|
|
<li>All initial prices and print weights should be revised with measured values.</li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>
|
|
Project intended for publication on salemdata.net and in Forgejo for public inspection.
|
|
</p>
|
|
</footer>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|