57 lines
1.6 KiB
HTML
57 lines
1.6 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>3D Project Manager</title>
|
||
<link rel="stylesheet" href="/style.css" />
|
||
<script type="importmap">
|
||
{
|
||
"imports": {
|
||
"three": "https://unpkg.com/three@0.160.0/build/three.module.js",
|
||
"three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/"
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<header class="topbar">
|
||
<div class="topbar-inner">
|
||
<a href="#" class="wordmark" id="home-link">
|
||
<span class="wordmark-mark">◇</span> 3D Project Manager
|
||
</a>
|
||
<nav class="crumbs" id="crumbs"></nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="view" class="view"></main>
|
||
|
||
<template id="tpl-project-card">
|
||
<button class="project-card" type="button">
|
||
<span class="project-card-name"></span>
|
||
<span class="project-card-meta"></span>
|
||
</button>
|
||
</template>
|
||
|
||
<template id="tpl-new-project-card">
|
||
<button class="project-card project-card--new" type="button">
|
||
<span class="new-icon">+</span>
|
||
<span class="project-card-name">Neues Projekt</span>
|
||
</button>
|
||
</template>
|
||
|
||
<template id="tpl-file-card">
|
||
<div class="file-card">
|
||
<div class="file-card-canvas"></div>
|
||
<div class="file-card-info">
|
||
<span class="file-card-name"></span>
|
||
<span class="file-card-meta"></span>
|
||
</div>
|
||
<button class="file-card-delete" type="button" title="Datei löschen">×</button>
|
||
</div>
|
||
</template>
|
||
|
||
<script type="module" src="/app.js"></script>
|
||
</body>
|
||
</html>
|