38 lines
5.2 KiB
HTML
38 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Spot: Permissions Required</title>
|
|
<meta name="manifest.type" content="browser_action" />
|
|
<link href="../../assets/main.css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<div class="w-full h-screen flex flex-col justify-center items-center bg-indigo-lightest p-10 gap-5">
|
|
|
|
|
|
|
|
<h1 class="font-bold text-4xl flex flex-col gap-2 items-start">
|
|
<svg width="147" height="235" viewBox="0 0 147 235" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_252_6)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M61.6154 242.106C60.9374 241.63 60.7736 240.695 61.2496 240.017C84.2097 207.31 93.1585 179.022 93.1644 157.243C91.1053 157.811 88.9982 158.244 86.8675 158.548C74.8237 160.263 61.8217 157.88 51.9901 152.227C46.5699 149.11 42.2962 145.089 39.8486 140.189C37.3862 135.259 36.8352 129.564 38.6646 123.263C39.8356 119.229 42.4726 114.801 45.9544 111.486C49.4273 108.179 53.9409 105.803 58.8443 106.348C77.5997 108.432 92.3123 123.361 95.5128 147.179C95.7726 149.112 95.9569 151.104 96.0619 153.153C103.47 150.366 109.787 145.546 113.701 138.457C131.472 106.263 118.66 68.2851 96.5045 40.9767C95.4826 39.7172 92.2609 36.5851 88.1349 32.9304C84.0422 29.3051 79.171 25.2635 74.9192 22.1993C72.7895 20.6644 70.8498 19.4 69.2609 18.5562C68.4654 18.1337 67.7926 17.8355 67.2515 17.6584C66.9773 17.5688 66.7688 17.521 66.6169 17.4968C66.6273 17.6196 66.6508 17.7842 66.6988 17.9989C66.8946 18.8738 67.3985 20.1616 68.3199 21.9506C72.9248 27.0533 75.344 31.2917 78.7303 38.0633C78.8862 38.3751 79.0113 38.6397 79.0992 38.8504C79.1422 38.9533 79.1881 39.0713 79.2242 39.1907C79.2422 39.2501 79.2653 39.3342 79.2823 39.4321C79.2956 39.5085 79.3257 39.7015 79.2921 39.9395C79.262 40.1535 79.1168 40.7798 78.4438 41.1019C77.8382 41.3918 77.3078 41.1799 77.1752 41.1223C76.8824 40.9951 76.6831 40.7952 76.6376 40.7496L76.6326 40.7445C76.4834 40.5964 76.3289 40.4033 76.1967 40.2307C75.6414 39.5054 74.6708 38.0609 73.5766 36.3775C71.3696 32.9821 68.5167 28.3926 67.1466 26.036C66.6585 25.1965 66.222 24.4109 65.8364 23.6775C65.0574 22.8244 64.2127 21.9436 63.2856 21.0165C63.1213 20.8522 62.8449 20.6112 62.4684 20.283C62.1936 20.0434 61.8656 19.7574 61.4889 19.4208C60.6615 18.6815 59.6837 17.7678 58.902 16.8529C58.5113 16.3956 58.1387 15.9024 57.8555 15.4005C57.5849 14.9209 57.3191 14.3005 57.3098 13.6191C57.299 12.8358 57.633 12.0988 58.3195 11.5916C58.918 11.1494 59.6777 10.96 60.4413 10.8837C65.0344 10.4244 69.6023 9.81198 74.1995 9.19567C74.8834 9.10398 75.568 9.01221 76.2534 8.92084C81.5342 8.21686 86.8549 7.53825 92.2281 7.12495C93.0541 7.06142 93.7752 7.6795 93.8387 8.5055C93.9022 9.33148 93.2841 10.0526 92.4581 10.1161C87.1759 10.5224 81.9277 11.1909 76.6498 11.8945C75.9676 11.9855 75.2848 12.077 74.6013 12.1687C70.0085 12.7845 65.3866 13.4041 60.7398 13.8688C60.6293 13.8798 60.5358 13.8931 60.4575 13.907C60.461 13.9133 60.4646 13.9198 60.4683 13.9264C60.6211 14.1971 60.8605 14.5268 61.183 14.9042C61.8276 15.6587 62.6805 16.4624 63.4878 17.1838C63.5282 17.2199 63.5688 17.2561 63.6096 17.2923C63.6139 16.8818 63.6765 16.4777 63.826 16.0984C64.2011 15.1469 64.9998 14.6385 65.8758 14.5103C66.6393 14.3986 67.4508 14.5672 68.1842 14.8071C68.9482 15.057 69.7877 15.4392 70.668 15.9066C72.4304 16.8426 74.4956 18.1961 76.6733 19.7655C81.0363 22.9099 85.9899 27.0226 90.1241 30.6847C94.2252 34.3173 97.6326 37.6055 98.8342 39.0866C121.329 66.813 134.961 106.149 116.327 139.906C111.83 148.053 104.517 153.38 96.1598 156.307C96.415 179.029 87.2069 208.262 63.705 241.74C63.229 242.418 62.2935 242.582 61.6154 242.106ZM93.1036 154.142C93.0132 151.877 92.8232 149.689 92.5396 147.578C89.4862 124.856 75.646 111.233 58.513 109.329C54.8176 108.919 51.1396 110.691 48.023 113.659C44.9153 116.617 42.5649 120.588 41.5456 124.099C39.9099 129.733 40.4332 134.646 42.5324 138.848C44.6464 143.08 48.4215 146.714 53.4855 149.626C62.6993 154.924 75.0195 157.205 86.4445 155.577C88.7175 155.254 90.9469 154.777 93.1036 154.142Z" fill="#1C1C1C"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_252_6">
|
|
<rect width="147" height="235" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
|
|
<span class="flex flex-col items-center">
|
|
<span class=" rounded-full w-12 h-12 shadow-sm mb-2 bg-white flex items-center p-2"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg></span>
|
|
Allow microphone access
|
|
</span>
|
|
</h1>
|
|
<p class="text-xl">Microphone access is required to include voice memos to Spot recordings.</p>
|
|
<!-- <button id="request-permission" class="btn btn-lg btn-primary rounded-lg text-white text-xl">Grant Permission</button> -->
|
|
</div>
|
|
|
|
<script type="module" src="./audio.js"></script>
|
|
</body>
|
|
</html>
|