91 lines
2.7 KiB
HTML
91 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>Member Filter</title>
|
||
<link rel="stylesheet" href="popup.css" />
|
||
</head>
|
||
<body>
|
||
<div class="scroll">
|
||
<!-- Title + short description -->
|
||
<div class="topbar">
|
||
<div class="logo"></div>
|
||
<div class="title-wrap">
|
||
<h3>ANTI-BS</h3>
|
||
<div class="subtitle">Channel whitelist</div>
|
||
</div>
|
||
</div>
|
||
<p class="subtext">
|
||
Hide member-only videos by default. Whitelisted creators stay visible.
|
||
Add the channel name and its @handle or link.
|
||
</p>
|
||
|
||
<!-- Inputs -->
|
||
<details class="section" open>
|
||
<summary>Whitelist a creator</summary>
|
||
<div class="row">
|
||
<input id="channelInput" placeholder="Channel name" />
|
||
</div>
|
||
<div class="row">
|
||
<input id="channelLinkInput" placeholder="Channel link or @handle" />
|
||
<button id="addBtn">Add</button>
|
||
</div>
|
||
<div id="addError" class="hint"></div>
|
||
</details>
|
||
|
||
<details class="section">
|
||
<summary>Archive settings</summary>
|
||
<div class="row">
|
||
<input id="maxInput" type="number" placeholder="Max archived (-1 = unlimited)" />
|
||
<button id="saveMaxBtn">Save max</button>
|
||
</div>
|
||
<div class="row">
|
||
<button id="clearArchiveBtn" class="ghost">Clear archive</button>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- Settings -->
|
||
<details class="section">
|
||
<summary>App settings</summary>
|
||
<div class="row settings">
|
||
<label class="toggle">
|
||
<input id="debugToggle" type="checkbox" />
|
||
<span>Debug logging</span>
|
||
</label>
|
||
<button id="resetBtn" class="ghost">Reset defaults</button>
|
||
</div>
|
||
<p class="subtext subtext-debug">
|
||
Debug logs will appear in the console only when enabled.
|
||
</p>
|
||
</details>
|
||
<p class="subtext">
|
||
Bottom-right dot: grey means none detected. Orange pulsing means member-only
|
||
videos were found. Click it to see the list.
|
||
</p>
|
||
|
||
<!-- Whitelist list -->
|
||
<details class="section" open>
|
||
<summary>Whitelisted creators</summary>
|
||
<ul id="channelList"></ul>
|
||
<div class="row">
|
||
<button id="clearWhitelistBtn" class="ghost">Clear whitelist</button>
|
||
</div>
|
||
</details>
|
||
|
||
<div class="section explain">
|
||
<div class="explain-title">For non-technical users</div>
|
||
<p>
|
||
This tool hides members-only videos you can’t watch. Add creators you
|
||
support to the whitelist so their videos stay visible.
|
||
</p>
|
||
<p>
|
||
The orange dot shows when hidden members-only videos exist. Click it to
|
||
see a list of what’s hidden.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="popup.js"></script>
|
||
</body>
|
||
</html>
|