Sign In Sign Up

Levi MK

New to the indie maker community

Levi MK

Fix bug " should not be in _document"</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/02343974-e2bb-4764-aa29-f96087ef188e" 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-e62a16eb-67e0-4620-be38-a19405755e8a" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/e62a16eb-67e0-4620-be38-a19405755e8a" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T21:01:13.960+00:00 x-text="DateTime.fromISO('2020-06-04T21:01:13.960+00:00').toRelative()"> June 4, 2020 at 9:01 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 Levi 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>Begin implementing signup flow</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/e62a16eb-67e0-4620-be38-a19405755e8a" 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-9b8ca6f9-12a8-4279-93c4-e87ad5bc6ec9" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/9b8ca6f9-12a8-4279-93c4-e87ad5bc6ec9" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T21:01:05.754+00:00 x-text="DateTime.fromISO('2020-06-04T21:01:05.754+00:00').toRelative()"> June 4, 2020 at 9:01 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 Levi 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>Get up early, work on side project before starting work</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>1 Like</span></a> <a href="/tasks/9b8ca6f9-12a8-4279-93c4-e87ad5bc6ec9" 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-9839b350-9dca-4d73-a32f-7ca6d620879f" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/9839b350-9dca-4d73-a32f-7ca6d620879f" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T02:48:46.422+00:00 x-text="DateTime.fromISO('2020-06-04T02:48:46.422+00:00').toRelative()"> June 4, 2020 at 2:48 AM </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 Levi 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>Remove carrd.co landing page (prefer WIP app to just be live for now)</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/9839b350-9dca-4d73-a32f-7ca6d620879f" 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-8c4dc3f0-f36c-4654-853d-7d4ab902d393" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/8c4dc3f0-f36c-4654-853d-7d4ab902d393" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T02:21:31.235+00:00 x-text="DateTime.fromISO('2020-06-04T02:21:31.235+00:00').toRelative()"> June 4, 2020 at 2:21 AM </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 Levi 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>Deploy to staging.prefolia.com</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/8c4dc3f0-f36c-4654-853d-7d4ab902d393" 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-eeedc838-b4d7-42dc-bbc1-6c8e63f92836" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/eeedc838-b4d7-42dc-bbc1-6c8e63f92836" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T02:21:19.678+00:00 x-text="DateTime.fromISO('2020-06-04T02:21:19.678+00:00').toRelative()"> June 4, 2020 at 2:21 AM </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 Levi 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>Check preview deploy</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/eeedc838-b4d7-42dc-bbc1-6c8e63f92836" 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-7d2e6560-566a-47c4-ad3c-b2489bc68626" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/7d2e6560-566a-47c4-ad3c-b2489bc68626" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T02:14:12.309+00:00 x-text="DateTime.fromISO('2020-06-04T02:14:12.309+00:00').toRelative()"> June 4, 2020 at 2:14 AM </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 Levi 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>Pull navbar branch into master</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/7d2e6560-566a-47c4-ad3c-b2489bc68626" 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-74aca907-2cdd-4219-ad59-134470ae11d3" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/74aca907-2cdd-4219-ad59-134470ae11d3" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T02:05:02.450+00:00 x-text="DateTime.fromISO('2020-06-04T02:05:02.450+00:00').toRelative()"> June 4, 2020 at 2:05 AM </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 Levi 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 justification and alignment for home page content beneath navbar</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/74aca907-2cdd-4219-ad59-134470ae11d3" 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-10bf2706-76a6-4249-aead-b34a6e6ff089" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/10bf2706-76a6-4249-aead-b34a6e6ff089" class="text-zinc-500 hover:underline"> <time datetime=2020-06-04T02:04:45.053+00:00 x-text="DateTime.fromISO('2020-06-04T02:04:45.053+00:00').toRelative()"> June 4, 2020 at 2:04 AM </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 Levi 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>Basic navbar design: home, log in, sign up</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/10bf2706-76a6-4249-aead-b34a6e6ff089" 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-771a55dc-cf6b-45ec-a369-ab17b1bc4849" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/771a55dc-cf6b-45ec-a369-ab17b1bc4849" class="text-zinc-500 hover:underline"> <time datetime=2020-06-03T22:47:31.719+00:00 x-text="DateTime.fromISO('2020-06-03T22:47:31.719+00:00').toRelative()"> June 3, 2020 at 10:47 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 Levi 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>Begin creating styleguide</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/771a55dc-cf6b-45ec-a369-ab17b1bc4849" 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-ee7b9371-b3a7-4563-a9c5-34b84ad0424b" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/ee7b9371-b3a7-4563-a9c5-34b84ad0424b" class="text-zinc-500 hover:underline"> <time datetime=2020-06-03T12:00:08.496+00:00 x-text="DateTime.fromISO('2020-06-03T12:00:08.496+00:00').toRelative()"> June 3, 2020 at 12: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 Levi 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>Start work on creating navbar</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/ee7b9371-b3a7-4563-a9c5-34b84ad0424b" 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-a8e9a157-d0b8-44be-b024-e5f414985d3c" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/a8e9a157-d0b8-44be-b024-e5f414985d3c" class="text-zinc-500 hover:underline"> <time datetime=2020-06-03T11:59:53.569+00:00 x-text="DateTime.fromISO('2020-06-03T11:59:53.569+00:00').toRelative()"> June 3, 2020 at 11:59 AM </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 Levi 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 warning in babel config (add multiple envs with proper execution order)</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/a8e9a157-d0b8-44be-b024-e5f414985d3c" 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-c89fb1e7-f540-486b-8a2a-8710ba6fef2f" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/c89fb1e7-f540-486b-8a2a-8710ba6fef2f" class="text-zinc-500 hover:underline"> <time datetime=2020-06-03T00:07:15.782+00:00 x-text="DateTime.fromISO('2020-06-03T00:07:15.782+00:00').toRelative()"> June 3, 2020 at 12:07 AM </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 Levi 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>Deploy to live staging to test if Firebase is working in production env</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/c89fb1e7-f540-486b-8a2a-8710ba6fef2f" 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-e8edcd80-33d5-48b9-a145-225f03434ceb" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/e8edcd80-33d5-48b9-a145-225f03434ceb" class="text-zinc-500 hover:underline"> <time datetime=2020-06-02T22:52:35.676+00:00 x-text="DateTime.fromISO('2020-06-02T22:52:35.676+00:00').toRelative()"> June 2, 2020 at 10:52 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 Levi 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>Connect Firebase</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>1 Like</span></a> <a href="/tasks/e8edcd80-33d5-48b9-a145-225f03434ceb" 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-5f31f9ca-1f96-4cc0-98ed-d7fd69e66575" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/5f31f9ca-1f96-4cc0-98ed-d7fd69e66575" class="text-zinc-500 hover:underline"> <time datetime=2020-06-02T22:52:24.212+00:00 x-text="DateTime.fromISO('2020-06-02T22:52:24.212+00:00').toRelative()"> June 2, 2020 at 10:52 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 Levi 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>Setup new project in GCP</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/5f31f9ca-1f96-4cc0-98ed-d7fd69e66575" 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-f73bae35-36b6-4009-9f9f-3f9c70f4811f" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/f73bae35-36b6-4009-9f9f-3f9c70f4811f" class="text-zinc-500 hover:underline"> <time datetime=2020-06-02T22:52:21.836+00:00 x-text="DateTime.fromISO('2020-06-02T22:52:21.836+00:00').toRelative()"> June 2, 2020 at 10:52 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 Levi 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>Connect GCP to Vercel via integration</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/f73bae35-36b6-4009-9f9f-3f9c70f4811f" 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-d245a768-c1e6-4d93-83c1-db390d6fd1d2" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/d245a768-c1e6-4d93-83c1-db390d6fd1d2" class="text-zinc-500 hover:underline"> <time datetime=2020-06-02T21:43:17.663+00:00 x-text="DateTime.fromISO('2020-06-02T21:43:17.663+00:00').toRelative()"> June 2, 2020 at 9:43 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 Levi 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>Create my first epic in Jira: user profile creation</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/d245a768-c1e6-4d93-83c1-db390d6fd1d2" 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-4e6e1e14-c644-44a0-93ea-a2ae1a1c0146" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/4e6e1e14-c644-44a0-93ea-a2ae1a1c0146" class="text-zinc-500 hover:underline"> <time datetime=2020-06-02T21:40:05.073+00:00 x-text="DateTime.fromISO('2020-06-02T21:40:05.073+00:00').toRelative()"> June 2, 2020 at 9:40 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 Levi 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>Create a Jira and Confluence account to track my work</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/4e6e1e14-c644-44a0-93ea-a2ae1a1c0146" 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-81ed82f9-738f-47a1-ac28-9765e300801c" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/81ed82f9-738f-47a1-ac28-9765e300801c" class="text-zinc-500 hover:underline"> <time datetime=2020-06-02T21:38:26.629+00:00 x-text="DateTime.fromISO('2020-06-02T21:38:26.629+00:00').toRelative()"> June 2, 2020 at 9: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 Levi 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>Write first user persona to represent a potential target audience</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/81ed82f9-738f-47a1-ac28-9765e300801c" 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-2cc26278-3a5f-4b40-9b35-02a11440f58b" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/2cc26278-3a5f-4b40-9b35-02a11440f58b" class="text-zinc-500 hover:underline"> <time datetime=2020-06-01T23:53:40.831+00:00 x-text="DateTime.fromISO('2020-06-01T23:53:40.831+00:00').toRelative()"> June 1, 2020 at 11: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 Levi 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>Post this morning's WIP to Twitter</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>1 Like</span></a> <a href="/tasks/2cc26278-3a5f-4b40-9b35-02a11440f58b" 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-f9a35959-cb91-4224-909d-88ed83a56443" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/f9a35959-cb91-4224-909d-88ed83a56443" class="text-zinc-500 hover:underline"> <time datetime=2020-06-01T21:40:55.444+00:00 x-text="DateTime.fromISO('2020-06-01T21:40:55.444+00:00').toRelative()"> June 1, 2020 at 9:40 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 Levi 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>Quick draft of initial site map</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/f9a35959-cb91-4224-909d-88ed83a56443" 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-9e2489c5-9c96-49d9-a714-0e9a1dffe270" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/9e2489c5-9c96-49d9-a714-0e9a1dffe270" class="text-zinc-500 hover:underline"> <time datetime=2020-06-01T21:35:43.424+00:00 x-text="DateTime.fromISO('2020-06-01T21:35:43.424+00:00').toRelative()"> June 1, 2020 at 9:35 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 Levi 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>Changed name to "Prefolia" after being asked by Marc Köhlbrugge of @WIP (wip.chat)</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/9e2489c5-9c96-49d9-a714-0e9a1dffe270" 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-6f2cffd6-2b72-4102-853b-05632d122987" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3gv6b02fm1xsbfd8j2y4q.jpg" /> </div> <div class="w-fit"> <div class="flex items-center space-x-1"> <a href="/levimk" class="font-medium text-zinc-400 hover:text-primary-600"> Levi MK </a> <span class="text-xs hidden group-hover:inline-block">@levimk</span> </div> <div class="flex space-x-1 text-xs text-zinc-400"> <a href="/tasks/6f2cffd6-2b72-4102-853b-05632d122987" class="text-zinc-500 hover:underline"> <time datetime=2020-05-31T22:27:25.364+00:00 x-text="DateTime.fromISO('2020-05-31T22:27:25.364+00:00').toRelative()"> May 31, 2020 at 10:27 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 Levi 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>Write some assumptions down for the "prefolio"</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>1 Like</span></a> <a href="/tasks/6f2cffd6-2b72-4102-853b-05632d122987" 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="/levimk?page=1" 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="/levimk?page=1" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 1 </a> </li> <li class="hidden sm:block"> <a href="/levimk?page=2" class="text-zinc-400 px-3 py-1 rounded-lg bg-zinc-700" > 2 </a> </li> <li class="hidden sm:block"> <a href="/levimk?page=3" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 3 </a> </li> <li> <a href="/levimk?page=3" 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">Products Made</p> </div> <ul class="divide-y divide-zinc-700"> <li class="group"> <a href="/prefolia" class="py-3 flex items-center justify-between"> <div class="flex space-x-2 items-center"> <div class="h-8 w-8 rounded-full bg-primary-700 flex items-center justify-center"> <span class="text-zinc-100 text-xs">P</span> </div> <span>Prefolia</span> </div> <span class="text-xl mr-2 group-hover:text-primary-600"> → </span> </a> <p class="text-sm pb-3 text-left group-hover:cursor-pointer">Helping creators showcase their creative process</p> </li> </ul> </div> <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="/jasonleow" 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/clsf3n55103sa1xsb5ewceuw4.jpeg" /> <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">Jason Leow</p> <p class="text-sm">241</p> </div> </a> <a href="/fajarsiddiq" 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/clsf3kmfd03871xsbbxlt3jh4.png" /> <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">Fajar Siddiq</p> <p class="text-sm">268</p> </div> </a> <a href="/helengriffinjr" 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/clsf3msb103p61xsb8yrdbabm.jpg" /> <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">Helen</p> <p class="text-sm">112</p> </div> </a> </div> <ul class="mt-6 mx-4 divide-y divide-zinc-700"> <li> <a href="/danielhemmati" 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/clsf3lg6l03ei1xsbelyy15iy.jpg" /> <span class="text-xs font-medium text-zinc-400">Daniel</span> </div> <div class="w-10 text-zinc-500 text-sm">94</div> </a> </li> <li> <a href="/yuyu" 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/353643339bb66dfb188d87f44146bbfe?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Yuyu</span> </div> <div class="w-10 text-zinc-500 text-sm">89</div> </a> </li> <li> <a href="/darren" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3mb6x03ky1xsbc7zl725w.png" /> <span class="text-xs font-medium text-zinc-400">Darren Travel</span> </div> <div class="w-10 text-zinc-500 text-sm">57</div> </a> </li> <li> <a href="/recliner" 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://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3aqme001v1xsb5nxabi6c.png" /> <span class="text-xs font-medium text-zinc-400">recliner</span> </div> <div class="w-10 text-zinc-500 text-sm">50</div> </a> </li> <li> <a href="/ryanhefner" 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/12556c70a3b7619d0afdcb0d3afae224?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Ryan Hefner</span> </div> <div class="w-10 text-zinc-500 text-sm">42</div> </a> </li> <li> <a href="/torrentmovie" 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://www.gravatar.com/avatar/240d4c7fe76136628e4583f312a317b1?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">영화토렌트 토렌트쓱.COM 영화 토렌트 영화토렌트 영화토렌트</span> </div> <div class="w-10 text-zinc-500 text-sm">35</div> </a> </li> <li> <a href="/hosmelq" 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/clur94jxwsnp60e0v2ahlbav8.jpg" /> <span class="text-xs font-medium text-zinc-400">Hosmel Quintana</span> </div> <div class="w-10 text-zinc-500 text-sm">23</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>