cuckoo/popup.html

41 lines
No EOL
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="popup.css" />
</head>
<body>
<div id="popup">
<div id="banner">
<h1>Preferences</h1>
</div>
<div class="container">
<div>
<label for="hidelikes">Hide likes?</label>
<input type="checkbox" name="hidelikes" id="hideLikes">
</div>
<div class="row">
<label for="hidereplies">Hide replies?</label>
<input type="checkbox" name="hidereplies" id="hideReplies">
</div>
<div class="row">
<label for="hideretweets">Hide re-tweets?</label>
<input type="checkbox" name="hideretweets" id="hideRetweets">
</div>
<div class="row" id="savedChanges" style="display: none">
<span style="color: green">Your changes have been saved. You must refresh your page before they take effect.</span>
</div>
<div class="row">
<button type="button" id="saveButton">Save changes</button>
</div>
</div>
</div>
<script src="popup.js"></script>
</body>
</html>