You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<link rel="stylesheet" href="popup.css" />
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
|
|
<link
|
|
|
|
href="https://fonts.googleapis.com/css2?family=Sora:wght@400;700&display=swap"
|
|
|
|
rel="stylesheet"
|
|
|
|
/>
|
|
|
|
<script src="popup.js" defer></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
|
|
<h1>Ucontrol</h1>
|
|
|
|
<div class="button">
|
|
|
|
<button id="activate"></button>
|
|
|
|
<label for="activate" id="label">Filter</label>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<ul id="selected-list">
|
|
|
|
<li class="category reference">
|
|
|
|
<h3 class="title">The</h3>
|
|
|
|
<label class="switch">
|
|
|
|
<input type="checkbox" id="collect" />
|
|
|
|
<span class="slider round"></span>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<button id="preferences">More info ></button>
|
|
|
|
</body>
|
|
|
|
</html>
|