diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-10-08 01:04:31 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-10-08 01:04:31 -0700 |
| commit | db48ff702b1496362eeebe58955d85adf6a36361 (patch) | |
| tree | a126bd0e7fb51008f67155387b6970d7d71e4cf1 /popup.html | |
Initial commit
Diffstat (limited to 'popup.html')
| -rw-r--r-- | popup.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/popup.html b/popup.html new file mode 100644 index 0000000..97887f6 --- /dev/null +++ b/popup.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>YTQuickStamper</title> + <style> + body { + font-family: Arial, sans-serif; + padding: 20px; + max-width: 350px; + background-color: #181818; + color: #f1f1f1; + } + h3 { + text-align: center; + color: #FF0000; + } + button { + padding: 10px; + background-color: #FF0000; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s; + } + button:hover { + background-color: #CC0000; + } + #offset { + padding: 8px; + border: 2px solid #FF0000; + border-radius: 4px; + width: 60px; + font-size: 1rem; + background-color: #333; + color: #f1f1f1; + } + label { + margin-top: 2rem; + font-size: 1rem; + color: #f1f1f1; + } + .offset-container { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 20px; + padding: 10px; + background-color: #282828; + border: 1px solid #444; + border-radius: 6px; + } + </style> +</head> +<body> + <h3>QuickStamper</h3> + <button id="activate">Launch Timestamp Tool</button> + <div> + <label for="offset">Offset (sec):</label> + <input type="number" + id="offset" + value="5" + title="Offset each timestamp by this many seconds, ex. 3 = 3s before each timestamp, -3 = 3s after each timestamp" + > + </div> + <script src="popup.js"></script> +</body> +</html>
\ No newline at end of file |