Secred in separate file, desing improvements
This commit is contained in:
parent
89b2a7171e
commit
33c3eedb3a
5 changed files with 171 additions and 40 deletions
24
index.html
24
index.html
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue