diff options
Diffstat (limited to 'popup.html')
| -rw-r--r-- | popup.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/popup.html b/popup.html new file mode 100644 index 0000000..21aba86 --- /dev/null +++ b/popup.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Stash</title> + <style> + body { + font-family: sans-serif; + padding: 1rem; + width: 300px; + } + button { + width: 100%; + cursor: pointer; + } + button:disabled { + cursor: not-allowed; + } + #controls { + display: flex; + gap: 0.5rem; + margin-bottom: 10px; + } + #clear { + flex-grow: 0; + width: auto; + } + #status { + margin-bottom: 10px; + } + #metadata { + display: flex; + flex-direction: column; + margin-bottom: 10px; + } + #pageUrl, #pageDescription { + font-size: smaller; + } + </style> +</head> +<body> + <div id="controls"> + <button class="control" id="unread" data-kind="unread" title="Unread" disabled>📚</button> + <button class="control" id="read" data-kind="read" title="Read" disabled>👀</button> + <button class="control" id="starred" data-kind="starred" title="Starred" disabled>⭐</button> + <button class="control" id="clear" title="Clear" disabled>X</button> + </div> + + <p id="status"></p> + + <fieldset id="metadata"> + <legend>Page details</legend> + + <b id="pageTitle"></b> + <a href="#" id="pageUrl"></a> + <span id="pageDescription"></span> + </fieldset> + + <button id="saved">View all saved</button> + + <script type="module" src="popup.js"></script> +</body> +</html> |