-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
27 lines (27 loc) · 5.85 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body class="bg-gray-900">
<div class="text-center lg:px-4">
<div class="p-2 bg-indigo-800 items-center text-indigo-100 leading-none lg:rounded-full flex lg:inline-flex" role="alert">
<span class="flex rounded-full bg-indigo-500 uppercase px-2 py-1 text-xs font-bold mr-3">Sup</span>
<span class="font-semibold mr-2 text-left flex-auto">Welcome to Goku ToDo Biatch</span>
<svg class="fill-current opacity-75 h-4 w-4" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.83677 10.9662C6.76929 10.9561 6.70867 10.9293 6.65493 10.8858C6.44982 11.0971 6.24777 11.0971 6.0488 10.8858C6.04144 10.7762 6.02124 10.669 5.98819 10.5642C5.86696 10.5107 5.74573 10.457 5.62451 10.4035C5.60083 10.4119 5.58062 10.4253 5.56389 10.4437C5.52817 10.6377 5.54838 10.8253 5.62451 11.0064C5.89662 11.0778 6.16598 11.1515 6.43268 11.2275C6.13624 11.2207 5.83988 11.1872 5.54369 11.127C5.42206 10.8823 5.39515 10.6277 5.46287 10.3633C5.33882 10.358 5.21759 10.3713 5.09919 10.4035C5.10521 10.4457 5.0985 10.4859 5.07899 10.524C4.83653 10.2829 4.59408 10.0417 4.35163 9.80054C4.28693 10.1179 4.27348 10.4394 4.31122 10.7652C4.47823 10.9716 4.66007 11.1659 4.85674 11.348C4.99651 11.3827 5.13124 11.4296 5.26083 11.4887C5.31122 11.562 5.33817 11.6424 5.34164 11.7299C4.34476 11.6473 3.34803 11.5601 2.35139 11.4686C2.29753 11.4284 2.29753 11.3882 2.35139 11.348C2.72339 11.1323 3.10053 10.9246 3.48284 10.725C3.53177 10.6939 3.53177 10.6604 3.48284 10.6245C3.13346 10.4306 2.76978 10.2699 2.3918 10.1422C1.74999 9.9776 1.11019 9.8101 0.472381 9.63976C0.454399 9.55559 0.48806 9.4953 0.573403 9.45888C1.43807 8.9398 2.36747 8.57805 3.36161 8.37362C3.39911 8.35802 3.42606 8.33121 3.44243 8.29323C3.1702 7.68536 2.7796 7.16283 2.27057 6.72563C1.90689 6.44426 1.54321 6.1629 1.17954 5.88154C0.83404 5.68961 0.483857 5.50873 0.128906 5.33891C0.946134 4.765 1.83513 4.32957 2.79589 4.03257C3.34411 3.8455 3.85597 3.91251 4.33142 4.23355C4.83185 4.56367 5.3033 4.93213 5.74573 5.33891C5.81152 4.75889 5.79131 4.18278 5.68512 3.61053C5.51427 3.18116 5.35938 2.74573 5.22042 2.30419C5.22498 2.25274 5.25194 2.21926 5.30124 2.2037C6.07179 2.31846 6.78569 2.57973 7.4429 2.9875C7.63691 3.14021 7.81875 3.3077 7.98842 3.48994C8.13878 3.68187 8.24655 3.89627 8.31169 4.13306C8.42969 4.76034 8.53071 5.39007 8.61476 6.02222C9.46981 6.22966 10.022 6.7522 10.2715 7.58982C10.3591 7.6032 10.4466 7.61663 10.5342 7.63001C11.3227 7.55746 12.1107 7.49717 12.8981 7.44914C12.9365 7.478 12.9432 7.51148 12.9183 7.54962C12.5614 7.8779 12.2044 8.20613 11.8475 8.5344C12.5188 8.59196 13.1923 8.62544 13.8679 8.63489C13.8748 8.68802 13.8613 8.73493 13.8275 8.77557C12.8511 9.30803 11.8813 9.85066 10.9181 10.4035C11.3575 10.5429 11.802 10.6635 12.2516 10.7652C12.2584 10.8184 12.245 10.8653 12.2111 10.9059C11.5107 11.1069 10.8103 11.3078 10.1099 11.5088C10.3622 11.6505 10.6181 11.7844 10.8777 11.9108C10.2307 11.9363 9.58417 11.9296 8.93803 11.8907C8.9512 11.7777 8.98486 11.6705 9.03905 11.5691C9.27625 11.4377 9.49175 11.2769 9.68559 11.0868C9.87495 10.7204 9.95577 10.3318 9.92805 9.92112C9.69739 10.1239 9.46844 10.3249 9.2411 10.524C9.19285 10.4427 9.13223 10.4292 9.05926 10.4839C9.03073 10.7046 8.97682 10.919 8.89762 11.127C8.60142 11.1872 8.30507 11.2207 8.00863 11.2275C8.25932 11.1506 8.51523 11.0836 8.77639 11.0265C8.89604 10.8601 8.92296 10.6792 8.85721 10.4839C8.73405 10.5179 8.61282 10.558 8.49353 10.6044C8.39453 10.9618 8.17899 11.0556 7.84699 10.8858C7.75409 10.9314 7.66653 10.985 7.58433 11.0466C7.55738 11.0198 7.55738 10.993 7.58433 10.9662C7.69881 10.8791 7.81333 10.792 7.92781 10.7049C7.90522 10.6758 7.89176 10.6423 7.8874 10.6044C8.03954 9.929 8.0867 9.24569 8.02883 8.5545C7.29299 9.06525 6.70706 9.70837 6.27105 10.4839C6.47232 10.6305 6.66087 10.7913 6.83677 10.9662ZM6.069 8.87605C6.07102 9.36595 6.07102 9.86171 6.069 10.3633C5.89759 10.2277 5.71575 10.1071 5.52348 10.0015C5.47794 9.75009 5.5049 9.50892 5.6043 9.278C5.74311 9.11943 5.89799 8.98547 6.069 8.87605ZM8.08944 10.5642C8.4547 10.0458 8.79817 9.50993 9.11987 8.95644C9.15502 8.98088 9.17523 9.01437 9.18048 9.05693C9.13151 9.39975 9.07764 9.74141 9.01885 10.0819C8.71323 10.254 8.40346 10.4148 8.08944 10.5642ZM5.09919 10.4035C5.0562 10.2625 5.03599 10.1151 5.03858 9.96132C5.09919 10.0216 5.1598 10.0819 5.22042 10.1422C5.16328 10.2223 5.12287 10.3094 5.09919 10.4035Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.83677 10.9662C6.89064 10.993 6.89064 10.993 6.83677 10.9662Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.78614 11.4485C6.06577 11.4986 6.4025 11.5388 6.79636 11.5691C6.79636 11.6093 6.79636 11.6495 6.79636 11.6897C6.46986 11.6503 6.14659 11.5968 5.82655 11.5289C5.70443 11.5751 5.58321 11.5751 5.46287 11.5289C5.57626 11.5021 5.68399 11.4753 5.78614 11.4485Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.41271 11.4485C8.5455 11.4769 8.68018 11.4903 8.8168 11.4887C8.8168 11.5289 8.8168 11.5691 8.8168 11.6093C8.6879 11.6069 8.55992 11.5935 8.43292 11.5691C8.19665 11.6283 7.96094 11.655 7.72576 11.6495C7.61799 11.6227 7.61799 11.5959 7.72576 11.5691C7.95913 11.5209 8.18812 11.4807 8.41271 11.4485Z" fill="white"/>
</svg>
</div>
</div>
<div class="p-4 bg-gray-900">
<input type="text" id="todoInput" placeholder="Add a new todo" class="w-full p-2 border-2 border-gray-800 rounded-md text-gray-300 bg-gray-700">
<button id="addTodo" class="w-full p-2 bg-gray-700 text-white rounded-md mt-2 hover:bg-gray-600 transition ease-in-out duration-200">Add</button>
<ul id="todoList" class="mt-4 text-gray-300 bg-gray-700"></ul>
</div>
<script src="script.js"></script>
</body>
</html>