Secred in separate file, desing improvements

This commit is contained in:
marijo 2026-06-29 07:58:28 +00:00
parent 89b2a7171e
commit 33c3eedb3a
5 changed files with 171 additions and 40 deletions

View file

@ -4,6 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Routes</title>
<link rel="icon" href="favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
@ -52,8 +53,8 @@
</label>
<label>
Picture URL
<input id="route-picture" name="picture" type="url" placeholder="https://example.com/photo.jpg" />
Picture
<input id="route-picture" name="picture" type="file" accept="image/*" />
</label>
<label>
@ -91,18 +92,23 @@
<div class="route-image" aria-hidden="true" hidden></div>
<div class="route-content">
<div class="route-meta"></div>
<h3><a class="route-title" target="_blank" rel="noopener noreferrer"></a></h3>
<p class="route-description"></p>
<div class="route-actions">
<a class="open-link" target="_blank" rel="noopener noreferrer">Open map</a>
<button type="button" class="secondary share-route">Share</button>
<button type="button" class="secondary edit-route">Edit</button>
<button type="button" class="secondary danger remove-route">Remove</button>
<div class="route-top">
<h3><a class="route-title" target="_blank" rel="noopener noreferrer"></a></h3>
<details class="route-menu">
<summary aria-label="Route actions"></summary>
<div class="menu-items">
<button type="button" class="share-route">Share</button>
<button type="button" class="edit-route">Edit</button>
<button type="button" class="danger remove-route">Delete</button>
</div>
</details>
</div>
<p class="route-description"></p>
</div>
</article>
</template>
<script src="config.js"></script>
<script src="app.js" defer></script>
</body>
</html>