48 lines
1.3 KiB
HTML
48 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>LinkLog</title>
|
|
<link rel="stylesheet" href="popup.css" />
|
|
</head>
|
|
<body>
|
|
<main class="popup-shell">
|
|
<header>
|
|
<img class="extension-logo" src="logo.svg" alt="LinkLog" />
|
|
</header>
|
|
|
|
<div id="status" class="status hidden" aria-live="polite"></div>
|
|
|
|
<form id="link-form">
|
|
<label>
|
|
Title
|
|
<input id="title" name="title" type="text" />
|
|
</label>
|
|
|
|
<label>
|
|
URL
|
|
<input id="url" name="url" type="url" />
|
|
</label>
|
|
|
|
<label>
|
|
Comment
|
|
<textarea id="comment" name="comment" rows="3" placeholder="Your comment"></textarea>
|
|
</label>
|
|
|
|
<fieldset>
|
|
<legend>Tags</legend>
|
|
<div id="existing-tags" class="tag-options">Loading tags...</div>
|
|
<input id="new-tags" type="text" pattern="#[^, ]+(,\s*#[^, ]+)*" placeholder="#new-tag, #another-tag" />
|
|
</fieldset>
|
|
|
|
<div class="actions">
|
|
<button type="submit" id="submit-link">Save link</button>
|
|
<button type="button" id="open-settings" class="secondary">Settings</button>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|