118 lines
5.8 KiB
HTML
118 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Tectum
|
|
Copyright © 2026 Machiel Heinen.
|
|
Alle rechten voorbehouden. Gebruik uitsluitend met schriftelijke toestemming.
|
|
Zie LICENTIE.md.
|
|
-->
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Tectum — Van Emous Mantelzorgwoningen</title>
|
|
<link rel="stylesheet" href="css/vendor/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
<script src="js/vendor/three.min.js"></script>
|
|
<script src="js/vendor/OrbitControls.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="splash-screen">
|
|
<img id="splash-logo" src="assets/logo-animated.svg" alt="Van Emous Mantelzorgwoningen">
|
|
<div class="splash-version"><span class="splash-name">Tectum</span> — Versie <span class="app-version-number">0.0.0</span></div>
|
|
</div>
|
|
|
|
<header id="ribbon">
|
|
<div class="rb-top">
|
|
<div class="rb-brand"><span class="splash-name">Tectum</span></div>
|
|
<div class="rb-tabs" role="tablist"></div>
|
|
<div class="rb-right"><span class="app-version-slot"></span></div>
|
|
</div>
|
|
<div class="rb-body"></div>
|
|
</header>
|
|
|
|
<div id="about-overlay">
|
|
<div id="about-modal">
|
|
<img class="about-logo" src="assets/logo.svg" alt="Van Emous Mantelzorgwoningen">
|
|
<div class="about-head">
|
|
<h2>Tectum</h2>
|
|
<div class="about-version app-version-slot">v0.0.0</div>
|
|
</div>
|
|
<p>Configurator voor mantelzorgwoningen: woningen opgebouwd uit units (vloer, wanden, dak), met binnenwanden, dakrand en buitenverlichting, 3D-weergave en complete productietekeningen (PDF).</p>
|
|
<div class="license-box" id="about-license"></div>
|
|
<div class="about-footer">
|
|
<span>© 2026 Machiel Heinen · ontwikkeld in opdracht van Van Emous Mantelzorgwoningen</span>
|
|
<button id="about-close" class="about-close">Sluiten</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="new-overlay">
|
|
<div id="new-modal">
|
|
<h2>Nieuw</h2>
|
|
<div class="new-options">
|
|
<button class="new-option" data-kind="woning" data-template="single">
|
|
<svg viewBox="0 0 48 48"><rect x="8" y="14" width="32" height="20" fill="none" stroke="currentColor" stroke-width="2"/><line x1="8" y1="24" x2="40" y2="24" stroke="currentColor" stroke-width="1" stroke-dasharray="2 2"/></svg>
|
|
<span>Woning</span>
|
|
</button>
|
|
<button class="new-option" data-kind="woning" data-template="L">
|
|
<svg viewBox="0 0 48 48"><path d="M8 8 L24 8 L24 26 L40 26 L40 40 L8 40 Z" fill="none" stroke="currentColor" stroke-width="2"/><line x1="8" y1="26" x2="24" y2="26" stroke="currentColor" stroke-width="1.5" stroke-dasharray="3 2"/></svg>
|
|
<span>Woning L-vorm</span>
|
|
</button>
|
|
<button class="new-option" data-kind="muur">
|
|
<svg viewBox="0 0 48 48"><rect x="6" y="6" width="36" height="36" fill="none" stroke="currentColor" stroke-width="2"/><line x1="16" y1="6" x2="16" y2="42" stroke="currentColor" stroke-width="2"/><line x1="32" y1="6" x2="32" y2="42" stroke="currentColor" stroke-width="2"/><rect x="20" y="16" width="8" height="10" fill="none" stroke="currentColor" stroke-width="2"/></svg>
|
|
<span>Los: muur</span>
|
|
</button>
|
|
<button class="new-option" data-kind="vloer">
|
|
<svg viewBox="0 0 48 48"><rect x="6" y="6" width="36" height="36" fill="none" stroke="currentColor" stroke-width="2"/><line x1="6" y1="18" x2="42" y2="18" stroke="currentColor" stroke-width="2"/><line x1="6" y1="30" x2="42" y2="30" stroke="currentColor" stroke-width="2"/><line x1="18" y1="6" x2="18" y2="42" stroke="currentColor" stroke-width="2"/><line x1="30" y1="6" x2="30" y2="42" stroke="currentColor" stroke-width="2"/></svg>
|
|
<span>Los: vloer</span>
|
|
</button>
|
|
<button class="new-option disabled" data-kind="dak" disabled title="Nog niet beschikbaar">
|
|
<svg viewBox="0 0 48 48"><path d="M4 30 L24 8 L44 30" fill="none" stroke="currentColor" stroke-width="2"/><line x1="10" y1="30" x2="38" y2="30" stroke="currentColor" stroke-width="2"/></svg>
|
|
<span>Dak</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-bar"></div>
|
|
<div id="workspace"></div>
|
|
|
|
<script src="js/core/license.js"></script>
|
|
<script src="js/core/logo-data.js"></script>
|
|
<script src="js/core/geometry.js"></script>
|
|
<script src="js/core/build-stages.js"></script>
|
|
<script src="js/core/canvas-labels.js"></script>
|
|
<script src="js/core/camera-memory.js"></script>
|
|
<script src="js/core/walk-controls.js"></script>
|
|
<script src="js/core/granny-kit.js"></script>
|
|
<script src="js/core/shooter.js"></script>
|
|
<script src="js/core/view-filter.js"></script>
|
|
<script src="js/core/ui-kit.js"></script>
|
|
<script src="js/core/ribbon.js"></script>
|
|
<script src="js/core/skybox.js"></script>
|
|
<script src="js/vendor/jspdf.umd.min.js"></script>
|
|
<script src="js/core/pdf-sheet.js"></script>
|
|
<script src="js/wall/kozijn-model.js"></script>
|
|
<script src="js/wall/wall-model.js"></script>
|
|
<script src="js/wall/wall-pdf.js"></script>
|
|
<script src="js/floor/floor-model.js"></script>
|
|
<script src="js/floor/floor-pdf.js"></script>
|
|
<script src="js/roof/roof-model.js"></script>
|
|
<script src="js/lighting/lighting-model.js"></script>
|
|
<script src="js/elektra/elektra-model.js"></script>
|
|
<script src="js/sandwich/sandwich-model.js"></script>
|
|
<script src="js/wall/wall.js"></script>
|
|
<script src="js/floor/floor.js"></script>
|
|
<script src="js/unit/unit-model.js"></script>
|
|
<script src="js/house/house-model.js"></script>
|
|
<script src="js/cost/cost-defaults.js"></script>
|
|
<script src="js/cost/cost-model.js"></script>
|
|
<script src="js/cost/cost-settings.js"></script>
|
|
<script src="js/elektra/elektra-pdf.js"></script>
|
|
<script src="js/house/house-pdf.js"></script>
|
|
<script src="js/house/house.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|