vqwqdiuw

The only difference between ordinary and extraordinary is just that little "extra".

fix bug that took from Unsplash media image instead of filter page itself</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/9c998c43-511a-469e-8fec-e89c16f8046f" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-67b11bd8-e1a2-47c5-b4d4-59df4129e411" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/67b11bd8-e1a2-47c5-b4d4-59df4129e411" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T19:20:56.000+00:00 x-text="DateTime.fromISO('2018-09-05T19:20:56.000+00:00').toRelative()"> September 5, 2018 at 7:20 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>fix slugs filter</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/67b11bd8-e1a2-47c5-b4d4-59df4129e411" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-87c9cc2d-b1c9-49c9-a0d5-9bc2c85adf21" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/87c9cc2d-b1c9-49c9-a0d5-9bc2c85adf21" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T19:14:00.000+00:00 x-text="DateTime.fromISO('2018-09-05T19:14:00.000+00:00').toRelative()"> September 5, 2018 at 7:14 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>update Non Schengen countries Europe</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/87c9cc2d-b1c9-49c9-a0d5-9bc2c85adf21" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-355ae346-00b1-46b0-983a-dadadabe9e56" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/355ae346-00b1-46b0-983a-dadadabe9e56" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T18:30:50.000+00:00 x-text="DateTime.fromISO('2018-09-05T18:30:50.000+00:00').toRelative()"> September 5, 2018 at 6:30 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>fix wrong tax rates for Australia, Austria, Albania</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/355ae346-00b1-46b0-983a-dadadabe9e56" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-482e371b-1d10-46a7-b0ed-711e268a98de" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/482e371b-1d10-46a7-b0ed-711e268a98de" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T14:37:11.000+00:00 x-text="DateTime.fromISO('2018-09-05T14:37:11.000+00:00').toRelative()"> September 5, 2018 at 2:37 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>go to w/ @marckohlbrugge @flowen in Chiang Mai</span> </h2> <div x-data="{ open: false }" x-on:close.window="$nextTick(() => open = false)" x-on:keydown.escape.window="$dispatch('close')" class="relative w-auto h-auto" x-bind:class="{ 'z-40': open }" > <button class="undefined" x-on:click="open = true"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj20xln04811421g7eyb9jr.jpg" class="rounded-md h-32 w-auto" /> </button> <template x-teleport="body"> <div x-cloak x-show="open" class="fixed top-0 left-0 z-[99] flex items-start justify-center w-screen h-screen"> <div x-show="open" x-on:click="$dispatch('close')" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-40 backdrop-blur-[6px]" ></div> <div x-show="open" x-trap.inert.noscroll="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="w-full max-w-xl px-4 sm:px-0 mt-4 sm:mt-40" > <div class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md relative"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj20xln04811421g7eyb9jr.jpg" class="rounded-md" /> </div> </div> </div> </template> </div> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/482e371b-1d10-46a7-b0ed-711e268a98de" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-b44e7446-dacd-4feb-b433-1d17b6356358" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/b44e7446-dacd-4feb-b433-1d17b6356358" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T14:03:54.000+00:00 x-text="DateTime.fromISO('2018-09-05T14:03:54.000+00:00').toRelative()"> September 5, 2018 at 2:03 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>fix floor() should be Math.floor() bug</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/b44e7446-dacd-4feb-b433-1d17b6356358" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-0dc7405f-e3eb-4e8d-a455-1964b01b0c4d" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/0dc7405f-e3eb-4e8d-a455-1964b01b0c4d" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T14:02:53.000+00:00 x-text="DateTime.fromISO('2018-09-05T14:02:53.000+00:00').toRelative()"> September 5, 2018 at 2:02 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>show WIP correlation between higher tax and higher suicide rates</span> </h2> <div x-data="{ open: false }" x-on:close.window="$nextTick(() => open = false)" x-on:keydown.escape.window="$dispatch('close')" class="relative w-auto h-auto" x-bind:class="{ 'z-40': open }" > <button class="undefined" x-on:click="open = true"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj20zef04821421hf2e2dwb.jpg" class="rounded-md h-32 w-auto" /> </button> <template x-teleport="body"> <div x-cloak x-show="open" class="fixed top-0 left-0 z-[99] flex items-start justify-center w-screen h-screen"> <div x-show="open" x-on:click="$dispatch('close')" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-40 backdrop-blur-[6px]" ></div> <div x-show="open" x-trap.inert.noscroll="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="w-full max-w-xl px-4 sm:px-0 mt-4 sm:mt-40" > <div class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md relative"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj20zef04821421hf2e2dwb.jpg" class="rounded-md" /> </div> </div> </div> </template> </div> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/0dc7405f-e3eb-4e8d-a455-1964b01b0c4d" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-e4b1b3be-7d3b-4b2d-9dd4-4752fc017da7" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/e4b1b3be-7d3b-4b2d-9dd4-4752fc017da7" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T14:00:56.000+00:00 x-text="DateTime.fromISO('2018-09-05T14:00:56.000+00:00').toRelative()"> September 5, 2018 at 2:00 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>change Ivory Coast to Cote d'Ivoire</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/e4b1b3be-7d3b-4b2d-9dd4-4752fc017da7" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-29ea3ee5-6f54-4c5b-9492-fa30a44bab7f" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/29ea3ee5-6f54-4c5b-9492-fa30a44bab7f" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T13:13:21.000+00:00 x-text="DateTime.fromISO('2018-09-05T13:13:21.000+00:00').toRelative()"> September 5, 2018 at 1:13 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>add product overview page with image gallery and stats</span> </h2> <div x-data="{ open: false }" x-on:close.window="$nextTick(() => open = false)" x-on:keydown.escape.window="$dispatch('close')" class="relative w-auto h-auto" x-bind:class="{ 'z-40': open }" > <button class="undefined" x-on:click="open = true"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj211vd04831421fsucagbv.jpg" class="rounded-md h-32 w-auto" /> </button> <template x-teleport="body"> <div x-cloak x-show="open" class="fixed top-0 left-0 z-[99] flex items-start justify-center w-screen h-screen"> <div x-show="open" x-on:click="$dispatch('close')" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-40 backdrop-blur-[6px]" ></div> <div x-show="open" x-trap.inert.noscroll="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="w-full max-w-xl px-4 sm:px-0 mt-4 sm:mt-40" > <div class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md relative"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj211vd04831421fsucagbv.jpg" class="rounded-md" /> </div> </div> </div> </template> </div> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/29ea3ee5-6f54-4c5b-9492-fa30a44bab7f" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-65fa4b71-ce33-47e9-a634-e55a392411d8" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/65fa4b71-ce33-47e9-a634-e55a392411d8" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T12:53:31.000+00:00 x-text="DateTime.fromISO('2018-09-05T12:53:31.000+00:00').toRelative()"> September 5, 2018 at 12:53 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>request transaction history old credit card company by email</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/65fa4b71-ce33-47e9-a634-e55a392411d8" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-06e3d808-7064-4d4f-851e-0d36288833c8" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/06e3d808-7064-4d4f-851e-0d36288833c8" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T12:44:18.000+00:00 x-text="DateTime.fromISO('2018-09-05T12:44:18.000+00:00').toRelative()"> September 5, 2018 at 12:44 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>import tax rates for 174 countries</span> </h2> <div x-data="{ open: false }" x-on:close.window="$nextTick(() => open = false)" x-on:keydown.escape.window="$dispatch('close')" class="relative w-auto h-auto" x-bind:class="{ 'z-40': open }" > <button class="undefined" x-on:click="open = true"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj213ve04841421ehua5t15.jpg" class="rounded-md h-32 w-auto" /> </button> <template x-teleport="body"> <div x-cloak x-show="open" class="fixed top-0 left-0 z-[99] flex items-start justify-center w-screen h-screen"> <div x-show="open" x-on:click="$dispatch('close')" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-40 backdrop-blur-[6px]" ></div> <div x-show="open" x-trap.inert.noscroll="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="w-full max-w-xl px-4 sm:px-0 mt-4 sm:mt-40" > <div class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md relative"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj213ve04841421ehua5t15.jpg" class="rounded-md" /> </div> </div> </div> </template> </div> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/06e3d808-7064-4d4f-851e-0d36288833c8" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-ddc1c19e-11e4-4c49-bd2b-8f81f611d382" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/ddc1c19e-11e4-4c49-bd2b-8f81f611d382" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T12:23:39.000+00:00 x-text="DateTime.fromISO('2018-09-05T12:23:39.000+00:00').toRelative()"> September 5, 2018 at 12:23 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>ask old credit card comapny for transaction history</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/ddc1c19e-11e4-4c49-bd2b-8f81f611d382" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-efa58df9-f805-470d-9eab-2e8108c6ae23" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/efa58df9-f805-470d-9eab-2e8108c6ae23" class="text-zinc-500 hover:underline"> <time datetime=2018-09-05T12:19:33.000+00:00 x-text="DateTime.fromISO('2018-09-05T12:19:33.000+00:00').toRelative()"> September 5, 2018 at 12:19 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>complete import expenses ING NL</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/efa58df9-f805-470d-9eab-2e8108c6ae23" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-eaa607fb-8c63-4910-b8d1-9ed28895b855" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/eaa607fb-8c63-4910-b8d1-9ed28895b855" class="text-zinc-500 hover:underline"> <time datetime=2018-09-04T20:02:35.000+00:00 x-text="DateTime.fromISO('2018-09-04T20:02:35.000+00:00').toRelative()"> September 4, 2018 at 8:02 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>add Japan life expectancy by prefecture</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/eaa607fb-8c63-4910-b8d1-9ed28895b855" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-e411be41-8e38-4451-9896-360b10f48230" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/e411be41-8e38-4451-9896-360b10f48230" class="text-zinc-500 hover:underline"> <time datetime=2018-09-04T19:57:33.000+00:00 x-text="DateTime.fromISO('2018-09-04T19:57:33.000+00:00').toRelative()"> September 4, 2018 at 7:57 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>import more life expectancy data for United States top cities</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/e411be41-8e38-4451-9896-360b10f48230" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-8c89b890-dfaa-4c39-b9ad-beea57709e3a" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/8c89b890-dfaa-4c39-b9ad-beea57709e3a" class="text-zinc-500 hover:underline"> <time datetime=2018-09-04T19:28:36.000+00:00 x-text="DateTime.fromISO('2018-09-04T19:28:36.000+00:00').toRelative()"> September 4, 2018 at 7:28 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>fix bug showing datalabels on all charts on</span> </h2> <div x-data="{ open: false }" x-on:close.window="$nextTick(() => open = false)" x-on:keydown.escape.window="$dispatch('close')" class="relative w-auto h-auto" x-bind:class="{ 'z-40': open }" > <button class="undefined" x-on:click="open = true"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj22i0z04871421akmz0pr1.jpg" class="rounded-md h-32 w-auto" /> </button> <template x-teleport="body"> <div x-cloak x-show="open" class="fixed top-0 left-0 z-[99] flex items-start justify-center w-screen h-screen"> <div x-show="open" x-on:click="$dispatch('close')" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-40 backdrop-blur-[6px]" ></div> <div x-show="open" x-trap.inert.noscroll="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="w-full max-w-xl px-4 sm:px-0 mt-4 sm:mt-40" > <div class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md relative"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/task-attachments/clsj22i0z04871421akmz0pr1.jpg" class="rounded-md" /> </div> </div> </div> </template> </div> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/8c89b890-dfaa-4c39-b9ad-beea57709e3a" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-ca26525d-4def-4493-aaff-dff54371d09d" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/ca26525d-4def-4493-aaff-dff54371d09d" class="text-zinc-500 hover:underline"> <time datetime=2018-09-04T19:08:32.000+00:00 x-text="DateTime.fromISO('2018-09-04T19:08:32.000+00:00').toRelative()"> September 4, 2018 at 7:08 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>fix air quality score color shown green when air quality bad due to air quality TODAY vs ANNUAL used</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/ca26525d-4def-4493-aaff-dff54371d09d" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-c9bf3d6c-ce28-4f58-9ec2-4630e13ac0c7" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/c9bf3d6c-ce28-4f58-9ec2-4630e13ac0c7" class="text-zinc-500 hover:underline"> <time datetime=2018-09-04T18:38:47.000+00:00 x-text="DateTime.fromISO('2018-09-04T18:38:47.000+00:00').toRelative()"> September 4, 2018 at 6:38 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>fix Liberia, Costa Rica is not Liberia in Africa</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/c9bf3d6c-ce28-4f58-9ec2-4630e13ac0c7" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div id="task-062c4e0a-75b0-48b4-9c53-52143ef19468" x-data="{ comment: false }" hx-disinherit="hx-select hx-get hx-target" class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md max-w-[24.6rem] sm:max-w-none"> <div class="flex justify-between group"> <div class="flex flex-1 space-x-3"> <div class="relative"> <img class="w-9 h-9 rounded-full" src="https://www.gravatar.com/avatar/bc60e3016e895bb6e12826c46c65a63d?d=retro&r=g&s=200" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/vqwqdiuw" class="font-medium text-zinc-400 hover:text-primary-600"> vqwqdiuw </a> <span class="text-xs hidden group-hover:inline-block">@vqwqdiuw</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/062c4e0a-75b0-48b4-9c53-52143ef19468" class="text-zinc-500 hover:underline"> <time datetime=2018-09-04T17:03:55.000+00:00 x-text="DateTime.fromISO('2018-09-04T17:03:55.000+00:00').toRelative()"> September 4, 2018 at 5:03 PM </time> </a> </div> </div> </div> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <button type="button" class="text-zinc-500 hover:text-zinc-400" x-on:click="open = !open"> <svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="dots-vertical" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg> </button> <div x-cloak x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" class="absolute z-50 w-auto mt-12 top-0 right-0" > <div class="p-2 bg-zinc-900 border rounded-md shadow-md drop-shadow-md border-zinc-700 text-zinc-500 -mt-5"> <ul class="w-80 text-sm space-y-2"> <li class="text-zinc-400"> <a href="#" class="flex items-start gap-2 py-1.5 px-2 rounded-md bg-transparent hover:bg-black hover:text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-report" class="w-6 h-6 flex-shrink-0"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4m8-13v3m0 3v.01"/></svg> <span class="flex flex-col"> <span class="mb-0.5">Report Task</span> <span class="text-xs text-zinc-500">We won't let vqwqdiuw know who reported this.</span> </span> </a> </li> </ul> </div> </div> </div> </div> <h2 class="my-4 text-base text-zinc-100 flex space-x-1.5 items-center"> <span class="text-primary-600"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="circle-check-filled" class="w-6 h-6"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32z"/></g></svg> </span> <span>Add to Electron repository</span> </h2> <div class="mt-6 -mb-4 -mx-4 border-t rounded-b-lg bg-zinc-900 border-zinc-700"> <div class="my-2 px-4 flex items-center gap-3"> <a href="/sign-up" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500 group"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="thumb-up" class="w-5 h-5 group-hover:text-primary-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3a4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3"/></svg> <span>0 Likes</span></a> <a href="/tasks/062c4e0a-75b0-48b4-9c53-52143ef19468" class="active:scale-95 justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed bg-transparent hover:bg-zinc-800 hover:text-zinc-100 h-10 py-2 px-4 flex-1 flex items-center gap-2 text-zinc-500"><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message-circle" class="w-5 h-5"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19L3 20"/></svg> <span>0 Comments</span></a> </div> </div> </div> </div> <div class="w-full bg-zinc-900 border rounded-lg border-zinc-700 py-4 px-4 mb-6 shadow-md border-t-zinc-700 border-t-1"> <ul class="flex items-center justify-between text-sm space-x-3"> <li> <a href="/vqwqdiuw?page=140" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > ◄ Previous </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=1" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 1 </a> </li> <li class="px-3 py-1 cursor-default select-none hidden sm:block">...</li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=137" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 137 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=138" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 138 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=139" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 139 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=140" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 140 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=141" class="text-zinc-400 px-3 py-1 rounded-lg bg-zinc-700" > 141 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=142" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 142 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=143" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 143 </a> </li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=144" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 144 </a> </li> <li class="px-3 py-1 cursor-default select-none hidden sm:block">...</li> <li class="hidden sm:block"> <a href="/vqwqdiuw?page=293" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 293 </a> </li> <li> <a href="/vqwqdiuw?page=142" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > Next ► </a> </li> </ul> </div> </section> <aside class="w-[375px] hidden sm:block"> <div class="w-full bg-zinc-900 border border-t-4 rounded-lg border-zinc-700 border-t-primary-600 py-4 px-4 mb-6 shadow-md"> <div class="pb-4"> <p class="font-medium text-zinc-100">Leaderboard</p> </div> <div class="bg-black rounded-md px-4 py-3 flex justify-between"> <span class="block text-sm cursor-not-allowed hover:text-primary-600">This Week</span> <span class="block text-sm cursor-pointer text-primary-600">This Month</span> <span class="block text-sm cursor-not-allowed hover:text-primary-600">This Year</span> </div> <div class="flex justify-around mt-4 mx-4"> <a href="/darren" class="mt-6 flex flex-col items-center"> <div class="relative"> <img class="rounded-full w-16 h-auto" src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3mb6x03ky1xsbc7zl725w.png" /> <span class="absolute -bottom-1.5 left-4 rounded-full bg-zinc-500 border-2 border-zinc-800 text-white text-xs font-semibold py-0.5 px-2">2</span> </div> <div class="text-center mt-2"> <p class="text-xs font-medium text-zinc-400">Darren Travel</p> <p class="text-sm">44</p> </div> </a> <a href="/jasonleow" class="mb-6 flex flex-col items-center"> <div class="relative"> <img class="rounded-full w-16 h-auto" src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3n55103sa1xsb5ewceuw4.jpeg" /> <span class="absolute -bottom-1.5 left-4 rounded-full bg-primary-600 border-2 border-zinc-800 text-white text-xs font-semibold py-0.5 px-2">1</span> </div> <div class="text-center mt-2"> <p class="text-xs font-medium text-zinc-400">Jason Leow</p> <p class="text-sm">214</p> </div> </a> <a href="/ryanhefner" class="mt-6 flex flex-col items-center"> <div class="relative"> <img class="rounded-full w-16 h-auto" src="https://www.gravatar.com/avatar/12556c70a3b7619d0afdcb0d3afae224?d=retro&r=g&s=200" /> <span class="absolute -bottom-1.5 left-4 rounded-full bg-zinc-500 border-2 border-zinc-800 text-white text-xs font-semibold py-0.5 px-2">3</span> </div> <div class="text-center mt-2"> <p class="text-xs font-medium text-zinc-400">Ryan Hefner</p> <p class="text-sm">34</p> </div> </a> </div> <ul class="mt-6 mx-4 divide-y divide-zinc-700"> <li> <a href="/avery" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">4</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/cm0lyo6ajit810e08h4hidhgr.png" /> <span class="text-xs font-medium text-zinc-400">Avery</span> </div> <div class="w-10 text-zinc-500 text-sm">25</div> </a> </li> <li> <a href="/romainsimon" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">5</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://www.gravatar.com/avatar/5015c72a6de087a8df8a2b18b18bd078?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Romain Simon</span> </div> <div class="w-10 text-zinc-500 text-sm">22</div> </a> </li> <li> <a href="/danielperis" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">6</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://www.gravatar.com/avatar/abd6b956cefdd1681ad1df844bb4f75a?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Daniel Peris</span> </div> <div class="w-10 text-zinc-500 text-sm">21</div> </a> </li> <li> <a href="/josephinelinnea" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">7</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://www.gravatar.com/avatar/616e6ecd3a703c93f934e35f04850a42?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">josephine Linnea</span> </div> <div class="w-10 text-zinc-500 text-sm">20</div> </a> </li> <li> <a href="/edverma" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">8</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://www.gravatar.com/avatar/e14aec9ec0bf8c6d56e04ddd38f49762?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Evan Verma</span> </div> <div class="w-10 text-zinc-500 text-sm">20</div> </a> </li> <li> <a href="/sergeyli" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">9</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/cm0nj1ae4nwfr0e086aqt5wqi.png" /> <span class="text-xs font-medium text-zinc-400">Sergey Li</span> </div> <div class="w-10 text-zinc-500 text-sm">18</div> </a> </li> <li> <a href="/siegrun" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">10</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/cm0mjlo0gkn4m0e08aei2c3km.png" /> <span class="text-xs font-medium text-zinc-400">Siegrun Reis</span> </div> <div class="w-10 text-zinc-500 text-sm">18</div> </a> </li> <li class="text-xs pt-4 text-center"> Leaderboards updated every hour. </li> </ul> </div> </div> </aside> </main> <footer class="p-4 w-full"> <p class="text-xs text-center text-zinc-500">Copyright © 2024 <a href="https://aniftyco.com" class="font-semibold hover:underline" title="NiftyCo, LLC">NiftyCo, LLC</a>. All rights reserved.</p> </footer> <ul class="sm:hidden flex justify-between sticky left-0 bottom-0 bg-zinc-900 border-t border-t-zinc-700 w-full px-4 py-2"> <li> <a href="/" title="Feed" class="flex flex-col items-center justify-center" ><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="activity-heartbeat" class="w-8 h-8"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12h4.5L9 6l4 12l2-9l1.5 3H21"/></svg> <span class="block">Feed</span> </a> </li> <li> <a href="/discussions" title="Discussions" class="flex flex-col items-center justify-center" ><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="message" class="w-8 h-8"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12z"/></svg> <span class="block">Discussions</span> </a> </li> <li> <a href="/posts" title="Posts" class="flex flex-col items-center justify-center" ><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="news" class="w-8 h-8"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1-4 0V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a3 3 0 0 0 3 3h11M8 8h4m-4 4h4m-4 4h4"/></svg> <span class="block">Posts</span> </a> </li> <li> <a href="/milestones" title="Milestones" class="flex flex-col items-center justify-center" ><svg width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" name="award" class="w-8 h-8"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 9a6 6 0 1 0 12 0A6 6 0 1 0 6 9"/><path d="m12 15l3.4 5.89l1.598-3.233l3.598.232l-3.4-5.889M6.802 12l-3.4 5.89L7 17.657l1.598 3.232l3.4-5.889"/></g></svg> <span class="block">Milestones</span> </a> </li> </ul> </body> </html>