Sign In Sign Up

Wojciech Kocjan

Web Developer

Wojciech Kocjan

Custom in panel pages</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/7215f816-03f5-4f0a-8f8e-91b843d2b5c6" 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="/woj?page=7" 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="/woj?page=1" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 1 </a> </li> <li class="px-3 py-1 cursor-default select-none hidden sm:block">...</li> <li class="hidden sm:block"> <a href="/woj?page=4" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 4 </a> </li> <li class="hidden sm:block"> <a href="/woj?page=5" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 5 </a> </li> <li class="hidden sm:block"> <a href="/woj?page=6" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 6 </a> </li> <li class="hidden sm:block"> <a href="/woj?page=7" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 7 </a> </li> <li class="hidden sm:block"> <a href="/woj?page=8" class="text-zinc-400 px-3 py-1 rounded-lg bg-zinc-700" > 8 </a> </li> <li class="hidden sm:block"> <a href="/woj?page=9" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 9 </a> </li> <li class="hidden sm:block"> <a href="/woj?page=10" class="bg-zinc-900 text-zinc-400 px-3 py-1 rounded-lg hover:text-primary-700" > 10 </a> </li> <li> <a href="/woj?page=9" 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="/teambuddy" class="py-3 flex items-center justify-between"> <div class="flex space-x-2 items-center"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/product-icons/clsf3zy3x01fm32sb2yiz1d8m.png" class="h-auto w-8 rounded-full bg-primary-700" /> <span>TeamBuddy</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">Team building for remote companies.</p> </li> <li class="group"> <a href="/mediakito" class="py-3 flex items-center justify-between"> <div class="flex space-x-2 items-center"> <img src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/product-icons/clsf3vrpc008t32sbghtl7dc2.png" class="h-auto w-8 rounded-full bg-primary-700" /> <span>Mediakito</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">Resume for your website</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="/imfraser" class="mt-6 flex flex-col items-center"> <div class="relative"> <img class="rounded-full w-16 h-auto" src="https://www.gravatar.com/avatar/ffa550678d781bd619ef56284bc0a5b8?d=retro&r=g&s=200" /> <span class="absolute -bottom-1.5 left-4 rounded-full bg-zinc-500 border-2 border-zinc-800 text-white text-xs font-semibold py-0.5 px-2">2</span> </div> <div class="text-center mt-2"> <p class="text-xs font-medium text-zinc-400">Fraser Millban...</p> <p class="text-sm">45</p> </div> </a> <a href="/gomoviex" class="mb-6 flex flex-col items-center"> <div class="relative"> <img class="rounded-full w-16 h-auto" src="https://www.gravatar.com/avatar/54a705866b0d6314340f7b530e23b6a7?d=retro&r=g&s=200" /> <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">nick vorhes</p> <p class="text-sm">95</p> </div> </a> <a href="/darren" class="mt-6 flex flex-col items-center"> <div class="relative"> <img class="rounded-full w-16 h-auto" src="https://makerlog-cdn.nyc3.digitaloceanspaces.com/avatars/clsf3mb6x03ky1xsbc7zl725w.png" /> <span class="absolute -bottom-1.5 left-4 rounded-full bg-zinc-500 border-2 border-zinc-800 text-white text-xs font-semibold py-0.5 px-2">3</span> </div> <div class="text-center mt-2"> <p class="text-xs font-medium text-zinc-400">Darren Travel</p> <p class="text-sm">44</p> </div> </a> </div> <ul class="mt-6 mx-4 divide-y divide-zinc-700"> <li> <a href="/ryanhefner" 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://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">29</div> </a> </li> <li> <a href="/sombrecopie" 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/90db289b3155731e74038ccf2aa0bce3?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Jonathan DUC</span> </div> <div class="w-10 text-zinc-500 text-sm">23</div> </a> </li> <li> <a href="/devianisabrina82" 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/cm3gbjftsrf890eyfel221j9p.jpg" /> <span class="text-xs font-medium text-zinc-400">Devianie Sabers</span> </div> <div class="w-10 text-zinc-500 text-sm">22</div> </a> </li> <li> <a href="/hemanth" class="flex justify-between items-center py-4"> <div class="w-8 font-semibold text-zinc-300">7</div> <div class="flex-1 flex items-center space-x-4"> <img class="rounded-full w-8 h-8" src="https://www.gravatar.com/avatar/0197f10ba1eb7d993101e713cf075db2?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Hemanth M</span> </div> <div class="w-10 text-zinc-500 text-sm">20</div> </a> </li> <li> <a href="/polleckmichael" 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/8b616c4a2091da04db1f6f4b8bf9a6bb?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">polleck michael</span> </div> <div class="w-10 text-zinc-500 text-sm">20</div> </a> </li> <li> <a href="/supermemos" 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/d728826ae061c873068da157a98e384c?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Super Memos AI</span> </div> <div class="w-10 text-zinc-500 text-sm">20</div> </a> </li> <li> <a href="/cornbreadcbdgummies" 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://www.gravatar.com/avatar/f00a55b63e1a991864b5daf147ae085d?d=retro&r=g&s=200" /> <span class="text-xs font-medium text-zinc-400">Buddy Gerlach</span> </div> <div class="w-10 text-zinc-500 text-sm">20</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>