Built with Django

<html lang="en"> <head>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <link rel="apple-touch-icon" href="/static/vendors/favicon/logo.ee701a5f0ffc.png" /> <link rel="apple-touch-icon" href="/static/vendors/favicon/logo.ee701a5f0ffc.png" /> <link rel="icon" type="image/png" sizes="16x16 32x32 500x500" href="/static/vendors/favicon/logo.ee701a5f0ffc.png"/> <meta property="og:type" content="website" /> <title>Built with Django</title> <meta name="description" content="Collection of cool projects people built with Django" /> <link rel="canonical" href="https://builtwithdjango.com/projects/" /> <meta property="og:title" content="Built with Django" /> <meta property="og:url" content="https://builtwithdjango.com/projects/" /> <meta property="og:description" content="Collection of cool projects people built with Django" /> <meta property="og:image" content="https://builtwithdjango.com/static/vendors/images/logo.ee701a5f0ffc.png" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:creator" content="@rasulkireev" /> <meta name="twitter:site" content="@rasulkireev" /> <meta name="twitter:title" content="Built with Django" /> <meta name="twitter:description" content="Collection of cool projects people built with Django" /> <meta name="twitter:image" content="https://builtwithdjango.com/static/vendors/images/logo.ee701a5f0ffc.png" />   <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css" /> <link type="text/css" href="/static/css/hotwire.6628b6106e4878f912eb.203a22eb96db.css" rel="stylesheet" data-turbo-track="reload"/> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <script defer data-domain="builtwithdjango.com" src="https://plausible-v2.cr.lvtd.dev/js/script.js"></script> <script type="text/javascript" src="/static/js/runtime.bcb33692.e05b646d373a.js" data-turbo-track="reload" defer></script> <script type="text/javascript" src="/static/js/853.3307a6c1.61308cb817c3.js" data-turbo-track="reload" defer></script> <script type="text/javascript" src="/static/js/hotwire.03feb595.2d956a6da833.js" data-turbo-track="reload" defer></script> <script> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); posthog.init('phc_Xvm3S1MGcMQXMHo2VJZabDhNJwmwbyhLedddpIU83Mo',{api_host:'https://app.posthog.com'}) </script> </head> <body> <nav x-data="{ isOn: false }"> <div class="px-4 mx-auto max-w-6xl sm:px-6 lg:px-8"> <div class="flex relative justify-between items-center h-24"> <div class="flex absolute inset-y-0 left-0 items-center sm:hidden">  <button type="button" @click="isOn = !isOn" class="inline-flex justify-center items-center p-2 text-gray-400 rounded-md hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg :class="{'hidden': isOn, 'block': !isOn }" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> </svg> <svg :class="{'block': isOn, 'hidden': !isOn }" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="flex flex-1 justify-center items-center sm:items-stretch sm:justify-start"> <div class="flex flex-shrink-0 items-center"> <a href="/"> <img class="block w-auto h-10 lg:hidden" src="/static/vendors/images/logo.ee701a5f0ffc.png" alt="Built with Django Logo" /> </a> <a href="/"> <img class="hidden w-auto h-12 lg:block" src="/static/vendors/images/logo.ee701a5f0ffc.png" alt="Built with Django Logo" /> </a> </div> <div class="hidden sm:block sm:ml-6"> <div class="flex space-x-4"> <div data-controller="dropdown" class="relative"> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center px-3 py-2 text-lg font-medium text-gray-600 bg-white rounded-md group hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" aria-expanded="false" > <span>Learn</span> <svg class="ml-2 w-5 h-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-200" data-transition-enter-from="opacity-0 translate-y-1" data-transition-enter-to="opacity-100 translate-y-0" data-transition-leave-active="transition ease-in duration-150" data-transition-leave-from="opacity-100 translate-y-0" data-transition-leave-to="opacity-0 translate-y-1" class="hidden absolute left-1/2 z-10 px-2 mt-3 w-screen max-w-xs transform -translate-x-1/2 sm:px-0" > <div class="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg"> <div class="grid relative gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"> <a href="/blog/" class="block p-3 -m-3 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-brain"></i> </div> <div> <p class="text-base font-medium text-gray-900">Guides</p> <p class="mt-1 text-sm text-gray-500">Tutorials that will help you on your dev journey.</p> </div> </div> </a> <a href="/projects/" class="block p-3 -m-3 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-brush"></i> </div> <div> <p class="text-base font-medium text-gray-900">Projects</p> <p class="mt-1 text-sm text-gray-500">Get inspired by what others are building with Django.</p> </div> </div> </a> </div> </div> </div> </div> <div data-controller="dropdown" class="relative"> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center px-3 py-2 text-lg font-medium text-gray-600 bg-white rounded-md group hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" aria-expanded="false" > <span>Tools</span> <svg class="ml-2 w-5 h-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-200" data-transition-enter-from="opacity-0 translate-y-1" data-transition-enter-to="opacity-100 translate-y-0" data-transition-leave-active="transition ease-in duration-150" data-transition-leave-from="opacity-100 translate-y-0" data-transition-leave-to="opacity-0 translate-y-1" class="hidden absolute left-1/2 z-10 px-2 mt-3 w-screen max-w-xs transform -translate-x-1/2 sm:px-0" > <div class="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg"> <div class="grid relative gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"> <a href="/tools/django-secret/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-key"></i> </div> <div> <p class="text-base font-medium text-gray-900">Generate Django Secret</p> <p class="mt-1 text-sm text-gray-500">Quickest way to generate a Django Secret for your project!</p> </div> </div> </a> <a href="/tools/format-html/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-shower"></i> </div> <div> <p class="text-base font-medium text-gray-900">Django HTML Formatter</p> <p class="mt-1 text-sm text-gray-500">Make your Django templates pretty in seconds.</p> </div> </div> </a> </div> </div> </div> </div> <div data-controller="dropdown" class="relative"> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center px-3 py-2 text-lg font-medium text-gray-600 bg-white rounded-md group hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" aria-expanded="false" > <span>More</span> <svg class="ml-2 w-5 h-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-200" data-transition-enter-from="opacity-0 translate-y-1" data-transition-enter-to="opacity-100 translate-y-0" data-transition-leave-active="transition ease-in duration-150" data-transition-leave-from="opacity-100 translate-y-0" data-transition-leave-to="opacity-0 translate-y-1" class="hidden absolute left-1/2 z-10 px-2 mt-3 w-screen max-w-xs transform -translate-x-1/2 sm:px-0" > <div class="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg"> <div class="grid relative gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"> <a href="/jobs/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-briefcase"></i> </div> <div> <p class="text-base font-medium text-gray-900">Django Job Board</p> <p class="mt-1 text-sm text-gray-500">Find the Django job of your dreams!</p> </div> </div> </a> <a href="/podcast/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-microphone-alt"></i> </div> <div> <p class="text-base font-medium text-gray-900">Built with Django Podcast</p> <p class="mt-1 text-sm text-gray-500">Listen to the best Django devs out there.</p> </div> </div> </a> <a href="/developers/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-running"></i> </div> <div> <p class="text-base font-medium text-gray-900">Django Developers</p> <p class="mt-1 text-sm text-gray-500">Hire the best Django Developers this world has to offer.</p> </div> </div> </a> <a href="/advertize" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-bullhorn"></i> </div> <div> <p class="text-base font-medium text-gray-900">Advertize</p> <p class="mt-1 text-sm text-gray-500">Let the Django Community know about your project.</p> </div> </div> </a> <a href="/support/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-life-ring"></i> </div> <div> <p class="text-base font-medium text-gray-900">Support</p> <p class="mt-1 text-sm text-gray-500">Here are some ways you can support Built with Django.</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="flex absolute inset-y-0 right-0 items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"> <div class="hidden flex-row flex-shrink-0 space-x-2 md:flex"> <a href="/users/signup/" class="inline-flex relative items-center px-3 py-2 text-lg font-medium text-white bg-green-700 rounded-md border border-transparent border-solid shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-green-500"> <span>Sign up</span> </a> <a href="/users/login/" class="inline-flex relative items-center px-3 py-2 text-lg font-medium text-green-600 bg-white rounded-md border border-gray-200 border-solid shadow hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-gray-200"> <span>Login</span> </a> </div> </div> </div> </div> <div :class="{'block': isOn, 'hidden': !isOn }" class="sm:hidden" id="mobile-menu"> <div class="px-2 pt-2 pb-3 space-y-1"> <a href="/projects/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Projects">Projects</a> <a href="/jobs/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Jobs">Jobs</a> <a href="/blog/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Blog">Blog</a> <a href="/podcast/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Podcast">Podcast</a> <a href="/developers/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Developers</a> <a href="/tools/django-secret/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Generate Django Secret Key</a> <a href="/tools/format-html/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Django HTML Formatter</a> <a href="/advertize" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Advertize your Project</a> <a href="/support/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Support Built with Django</a> <a href="/users/login/" class="block px-3 py-2 text-base font-medium text-center text-gray-700 rounded-md border-2 border-gray-300 hover:bg-gray-700 hover:text-white" key="Login">Login</a> <a href="/users/signup/" class="block px-3 py-2 text-base font-medium text-center text-white bg-green-700 rounded-md hover:bg-green-800" key="Signup">Sign Up</a> </div> </div> </nav> <div class="px-2 mx-auto max-w-6xl sm:px-6 lg:px-8"> <div class="px-6 py-20 bg-white sm:py-24 lg:px-8"> <div class="mx-auto max-w-2xl text-center"> <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Django Projects</h1> <p class="mt-6 text-lg leading-8 text-gray-600 prose">Inspire and be inspired: discover amazing projects built with Django.</p> </div> </div> <div> <div class="flex justify-between items-center pb-4 sm:mb-0"> <div class="flex justify-start items-center space-x-2"> <div data-controller="dropdown" class="inline-block relative text-left"> <div> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex justify-center px-4 py-3 w-full text-sm font-medium text-gray-700 bg-white rounded-md border border-gray-300 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="menu-button" aria-expanded="true" aria-haspopup="true"> Filter  <svg class="-mr-1 ml-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> </svg> </button> </div> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-100" data-transition-enter-from="transform opacity-0 scale-95" data-transition-enter-to="transform opacity-100 scale-100" data-transition-leave-active="transition ease-in duration-75" data-transition-leave-from="transform opacity-100 scale-100" data-transition-leave-to="transform opacity-0 scale-95" class="hidden absolute left-0 mt-2 w-96 bg-white rounded-md ring-1 ring-black ring-opacity-5 shadow-lg origin-top-left md:w-56 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1"> <form class="p-2" action="" method="get"> <div class="mb-2"> <label class="block text-sm font-medium text-gray-700"> Is Open Source </label> <select name="is_open_source" class="block py-2 pr-10 pl-3 mt-1 w-full text-base rounded-md border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" id="id_is_open_source"> <option value="unknown" selected>Unknown</option> <option value="true">Yes</option> <option value="false">No</option> </select> </div> <div class="mb-2"> <label for="order_by" class="block text-sm font-medium text-gray-700">Sort by</label> <select id="order_by" name="order_by" class="block py-2 pr-10 pl-3 mt-1 w-full text-base rounded-md border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"> <option value="updated_date" selected>Date</option> <option value="like" >Likes</option> <option value="comments" >Comments</option> </select> </div> <button type="submit" data-action="dropdown#toggle" class="inline-flex items-center px-2.5 py-1.5 text-xs font-medium text-gray-700 bg-white rounded border border-gray-300 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"> Filter </button> </form> </div> </div> </div> <div> <a type="button" href="/projects/new/" class="inline-flex items-center px-4 py-2 text-base font-medium text-green-700 bg-green-200 rounded-md border border-transparent border-solid hover:bg-green-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"> Submit a Project </a> </div> </div> <div class="grid grid-cols-1 gap-6 mb-10 lg:grid-cols-3 md:grid-cols-2"> <div class=" flex flex-col justify-start bg-white rounded border-solid border-4 border-yellow-500 shadow-2xl " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/hovercode"> <img class=" object-cover object-left-top w-full h-auto border-0 " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Hovercode.png" alt="Hovercode | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/hovercode">Hovercode</a> </h2> <p class="text-sm leading-normal text-grey-700"> Drive engagement and track results with dynamic QR codes </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://hovercode.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-sponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=220 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="220_likes"></span> <i id="220_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/checkin"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CheckIN.png" alt="CheckIN | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/checkin">CheckIN</a> </h2> <p class="text-sm leading-normal text-grey-700"> All In One Software For Car Wash Companies. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://cwash.astromean.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=248 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="248_likes"></span> <i id="248_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/chat-ai-gpt-free"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Cha_AI_GPT_Free.png" alt="Chat AI GPT Free | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/chat-ai-gpt-free">Chat AI GPT Free</a> </h2> <p class="text-sm leading-normal text-grey-700"> Chat AI GPT Free - Unlimited AI Chatbot and AI Tools </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://chataigpt.net/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/dilzzzz/ChatAIGPT.NET?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/AIChatGPTFree?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=245 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="245_likes"></span> <i id="245_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/debian-packages-that-need-lovin"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Debian_Packages_that_Need_Lovin.png" alt="Debian Packages that Need Lovin' | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/debian-packages-that-need-lovin">Debian Packages that Need Lovin'</a> </h2> <p class="text-sm leading-normal text-grey-700"> A web search to help current and future Debian developers </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://wnpp.debian.net/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/hartwork/wnpp.debian.net?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=244 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="244_likes"></span> <i id="244_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/jawanndenn"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/jawanndenn.png" alt="jawanndenn | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/jawanndenn">jawanndenn</a> </h2> <p class="text-sm leading-normal text-grey-700"> Simple alternative to Doodle polls and scheduling </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://jawanndenn.de/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/hartwork/jawanndenn/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=243 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="243_likes"></span> <i id="243_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/toolsrocket"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/toolsrocket.png" alt="toolsrocket | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/toolsrocket">toolsrocket</a> </h2> <p class="text-sm leading-normal text-grey-700"> Access free online tools for text analysis, SEO, PDFs, images, and more. Boost productivity with toolsrocket easy-to-use web tools. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.toolsrocket.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=242 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="242_likes"></span> <i id="242_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/free-online-comma-separator-tool"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Free_Online_Comma_Separator_Tool.png" alt="Free Online Comma Separator Tool | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/free-online-comma-separator-tool">Free Online Comma Separator Tool</a> </h2> <p class="text-sm leading-normal text-grey-700"> Online Comma Separator Tool – Quickly format lists with commas, semicolons, or tabs. Free, fast, and secure. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.toolsrocket.com/free-online-comma-separator-tool?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=241 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="241_likes"></span> <i id="241_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/know-your-group"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Know_Your_Group.png" alt="Know Your Group | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/know-your-group">Know Your Group</a> </h2> <p class="text-sm leading-normal text-grey-700"> Community engagement tool </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://gokyg.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=240 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="240_likes"></span> <i id="240_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/canine-blog"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-10-14_at_09.26.472x.png" alt="Canine Blog | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/canine-blog">Canine Blog</a> </h2> <p class="text-sm leading-normal text-grey-700"> Created a responsive pet blogging site using Django, DRF, and React, where enthusiasts can share tales of their beloved canine companions. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://reactjs-pet-blog.netlify.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/shinhosuck/django-reactjS-pet-blog-backend?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=239 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="239_likes"></span> <i id="239_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/service-watch"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Service_Watch.png" alt="Service Watch | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/service-watch">Service Watch</a> </h2> <p class="text-sm leading-normal text-grey-700"> Simple monitoring for websites, apps, API's, and any other internet connected software. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://servicewatch.xyz?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=238 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="238_likes"></span> <i id="238_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/osig"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/OSIG.png" alt="OSIG | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/osig">OSIG</a> </h2> <p class="text-sm leading-normal text-grey-700"> Generate Beautiful OG Images for Your Site... For Free! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://osig.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/rasulkireev/osig?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/rasulkireev?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=237 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="237_likes"></span> <i id="237_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/silk-pearl-luxurious-collection-of-pure-silk-produ"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-10-10_at_09.20.172x.png" alt="Silk Pearl | Luxurious collection of pure silk products | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/silk-pearl-luxurious-collection-of-pure-silk-produ">Silk Pearl | Luxurious collection of pure silk products</a> </h2> <p class="text-sm leading-normal text-grey-700"> Silk Pearl offers premium pure silk pillowcases, sleep masks, and hair accessories. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://silkpearl.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/SilkPearlbrand?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=235 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="235_likes"></span> <i id="235_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/iformatioyour-go-to-platform-for-seamless-digital"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/iformat.ioyour_go-to_platform_for_seamless_digital_content_managemen.png" alt="iformat.io—your go-to platform for seamless digital content management. | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/iformatioyour-go-to-platform-for-seamless-digital">iformat.io—your go-to platform for seamless digital content management.</a> </h2> <p class="text-sm leading-normal text-grey-700"> iformat.io—your go-to platform for seamless digital content management. We offer a comprehensive suite of services to convert your files effortlessly. Whether you need to transform video formats like </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://iformat.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=236 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="236_likes"></span> <i id="236_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/code-review-doctor"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Code_Review_Doctor.png" alt="Code Review Doctor | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/code-review-doctor">Code Review Doctor</a> </h2> <p class="text-sm leading-normal text-grey-700"> Fix more bugs during code review </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://codereview.doctor/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/code-review-doctor?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/CodeReviewDr?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=234 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="234_likes"></span> <i id="234_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/typecard"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Typecard.png" alt="Typecard | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/typecard">Typecard</a> </h2> <p class="text-sm leading-normal text-grey-700"> Create your free digital business card </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://typecard.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/ramykhuffash?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=232 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="232_likes"></span> <i id="232_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pdf-deck"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/PDF_Deck.png" alt="PDF Deck | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pdf-deck">PDF Deck</a> </h2> <p class="text-sm leading-normal text-grey-700"> Share your PDF as a link </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://pdfdeck.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/ramykhuffash?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=231 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="231_likes"></span> <i id="231_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/shoutout"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Shoutout.png" alt="Shoutout | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/shoutout">Shoutout</a> </h2> <p class="text-sm leading-normal text-grey-700"> Collect testimonials & publish them on your site the easy way </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://shoutout.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/shoutoutso_?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=230 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="230_likes"></span> <i id="230_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/antiquoted"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Antiquoted.png" alt="Antiquoted | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/antiquoted">Antiquoted</a> </h2> <p class="text-sm leading-normal text-grey-700"> Fed up of seeing the same faces? Antiquoted connects business writers, podcasters, and event organizers with new voices and fresh faces </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://antiquoted.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=229 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="229_likes"></span> <i id="229_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/usewebhook"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/UseWebhook.png" alt="UseWebhook | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/usewebhook">UseWebhook</a> </h2> <p class="text-sm leading-normal text-grey-700"> Capture and inspect webhooks from your browser. Forward to localhost, or replay requests from history. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://usewebhook.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=228 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="228_likes"></span> <i id="228_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/tech-job-alerts"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Tech_Job_Alerts.png" alt="Tech Job Alerts | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/tech-job-alerts">Tech Job Alerts</a> </h2> <p class="text-sm leading-normal text-grey-700"> Get personal alerts about jobs in the tech world! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://gettjalerts.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/rasulkireev?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/rasulkireev?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=167 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="167_likes"></span> <i id="167_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/lumen5"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Lumen5.png" alt="Lumen5 | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/lumen5">Lumen5</a> </h2> <p class="text-sm leading-normal text-grey-700"> Grow your brand with video creation made easy with AI </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://lumen5.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/Lumen5?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/LumenFive?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=227 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="227_likes"></span> <i id="227_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/significadoxcom"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SignificadoX.com.png" alt="SignificadoX.com | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/significadoxcom">SignificadoX.com</a> </h2> <p class="text-sm leading-normal text-grey-700"> Name meanings in Spanish. Baby name finder. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.significadox.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/significadox?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=226 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="226_likes"></span> <i id="226_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/remote-python-developer-jobs-join-the-global-workf"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Remote_Python_Developer_Jobs_Join_the_Global_Workforce.png" alt="Remote Python Developer Jobs Join the Global Workforce | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/remote-python-developer-jobs-join-the-global-workf">Remote Python Developer Jobs Join the Global Workforce</a> </h2> <p class="text-sm leading-normal text-grey-700"> Innovative Hunt offers a global solution for businesses seeking elite python developer jobs through its Remotebase platform. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://theinnovativehuntcorp.com/python-developer-jobs/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=225 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="225_likes"></span> <i id="225_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/bugsink"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Bugsink.png" alt="Bugsink | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/bugsink">Bugsink</a> </h2> <p class="text-sm leading-normal text-grey-700"> Bugsink offers real-time error tracking with all error details in one place for quick resolution. It’s self-hosted, giving you full control over your data with simple installation instructions. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.bugsink.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=224 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="224_likes"></span> <i id="224_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/internships-in-luxembourg"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Internships_in_Luxembourg.png" alt="Internships in Luxembourg | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/internships-in-luxembourg">Internships in Luxembourg</a> </h2> <p class="text-sm leading-normal text-grey-700"> Internships in Luxembourg. Discover the best entry-level positions and internships in the heart of Europe. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.lintern.lu/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/lintern_lu?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=223 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="223_likes"></span> <i id="223_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/datacake-low-code-iot-platform"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Datacake_-_Low_Code_IoT_Platform.png" alt="Datacake - Low Code IoT Platform | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/datacake-low-code-iot-platform">Datacake - Low Code IoT Platform</a> </h2> <p class="text-sm leading-normal text-grey-700"> Datacake is a low code IoT platform that allows building applications on top of sensor data </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://datacake.co?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/datacake?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/datacake?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=222 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="222_likes"></span> <i id="222_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/surveyloom"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SurveyLoom.png" alt="SurveyLoom | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/surveyloom">SurveyLoom</a> </h2> <p class="text-sm leading-normal text-grey-700"> Create insightful surveys The best survey creation tool that lets users design, distribute, and analyze surveys with ease. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://surveyloom.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/harish-garg?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/harishkgarg?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=221 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="221_likes"></span> <i id="221_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/craftholsters"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-09-03_at_20.41.072x.png" alt="CraftHolsters | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/craftholsters">CraftHolsters</a> </h2> <p class="text-sm leading-normal text-grey-700"> Find holsters custom made for your gun. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.craftholsters.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/craftholsters?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=218 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="218_likes"></span> <i id="218_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/constitution"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-09-03_at_20.38.352x.png" alt="Constitution | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/constitution">Constitution</a> </h2> <p class="text-sm leading-normal text-grey-700"> Analysis and Interpretation of the U.S. Constitution </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://constitution.congress.gov/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=217 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="217_likes"></span> <i id="217_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/crossword-tracker"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Crossword_Tracker.png" alt="Crossword Tracker | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/crossword-tracker">Crossword Tracker</a> </h2> <p class="text-sm leading-normal text-grey-700"> Crossword Tracker solves most popular crossword puzzles every day and maps the relationships, allowing you to improve your puzzle solving skills. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://crosswordtracker.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=219 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="219_likes"></span> <i id="219_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/23andme"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-09-03_at_19.13.382x.png" alt="23andMe | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/23andme">23andMe</a> </h2> <p class="text-sm leading-normal text-grey-700"> DNA testing services, providing customers with insights into their genetic ancestry, health predispositions, and traits from a saliva sample. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.23andme.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/23andMe/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=215 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="215_likes"></span> <i id="215_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/solarbonds-by-tesla"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SolarBonds_by_Tesla.png" alt="SolarBonds by Tesla | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/solarbonds-by-tesla">SolarBonds by Tesla</a> </h2> <p class="text-sm leading-normal text-grey-700"> Enables individuals to invest in solar energy projects, offering returns while supporting renewable energy development and sustainability efforts. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://solarbonds.tesla.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/solarcity?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=216 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="216_likes"></span> <i id="216_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/homehype"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/HomeHype.png" alt="HomeHype | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/homehype">HomeHype</a> </h2> <p class="text-sm leading-normal text-grey-700"> Analysis of the Australian property market. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://homehype.au/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=214 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="214_likes"></span> <i id="214_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/viralmarketer"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/ViralMarketer.png" alt="ViralMarketer | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/viralmarketer">ViralMarketer</a> </h2> <p class="text-sm leading-normal text-grey-700"> Create 14-Day Social Media Marketing Calendars with AI </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://viralmarketer.co?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/viralmarketerco?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=213 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="213_likes"></span> <i id="213_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/empleovino"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/EmpleoVino.png" alt="EmpleoVino | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/empleovino">EmpleoVino</a> </h2> <p class="text-sm leading-normal text-grey-700"> Spanish Job Board for the Wine Indstry. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://empleovino.es/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/EmpleoVino?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=212 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="212_likes"></span> <i id="212_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/shipwithdjango"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/ShipWithDjango.png" alt="ShipWithDjango | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/shipwithdjango">ShipWithDjango</a> </h2> <p class="text-sm leading-normal text-grey-700"> Streamlined Django boilerplate that takes care of the heavy lifting, so you can ship your project faster and more efficiently. Cut the code - let ShipWithDjango handle the rest. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://shipwithdjango.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=209 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="209_likes"></span> <i id="209_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pass4success-certification-exams-discussions-and-p"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Pass4Success__Certification_Exams_Discussions_and_Preparation.png" alt="Pass4Success | Certification Exams Discussions and Preparation | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pass4success-certification-exams-discussions-and-p">Pass4Success | Certification Exams Discussions and Preparation</a> </h2> <p class="text-sm leading-normal text-grey-700"> Get all the official information for free for all certification exams and real exam questions. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.pass4success.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/pass4success?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=206 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="206_likes"></span> <i id="206_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/certsmarket"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CertsMarket.png" alt="CertsMarket | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/certsmarket">CertsMarket</a> </h2> <p class="text-sm leading-normal text-grey-700"> CertsMarket offers real pdf dumps that will assist you to prepare for the microsoft, cisco and other certification exams </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://certsmarket.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=205 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="205_likes"></span> <i id="205_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pingojo"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Pingojo.png" alt="Pingojo | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pingojo">Pingojo</a> </h2> <p class="text-sm leading-normal text-grey-700"> Pingojo is a recruitment platform that connects job seekers, companies, and independent recruiters in a unique and efficient way. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.pingojo.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/pingojo?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/pingojo?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=204 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="204_likes"></span> <i id="204_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/cardie"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Cardie.png" alt="Cardie | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/cardie">Cardie</a> </h2> <p class="text-sm leading-normal text-grey-700"> An open source business card designer and sharing platform </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://cardie-uwtwy.ondigitalocean.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/nfoert/cardie?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=203 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="203_likes"></span> <i id="203_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/plane"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Plane.png" alt="Plane | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/plane">Plane</a> </h2> <p class="text-sm leading-normal text-grey-700"> Project management tool to track issues, run sprints cycles, and manage product roadmaps without the chaos of managing the tool itself. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://plane.so/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/makeplane/plane?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/planepowers?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=202 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="202_likes"></span> <i id="202_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/sa-bursaries"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SA_Bursaries.png" alt="SA Bursaries | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/sa-bursaries">SA Bursaries</a> </h2> <p class="text-sm leading-normal text-grey-700"> SABursaries.site: Your comprehensive guide to South African scholarships, specializing in STEM fields and academic merit bursaries </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://sabursaries.site?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/mavhungutrezzy/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/adivhaho_dev?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=201 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="201_likes"></span> <i id="201_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/django-saas-boilerplate-opensource"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Django_SaaS_Boilerplate_-_Opensource.png" alt="Django SaaS Boilerplate - Opensource | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/django-saas-boilerplate-opensource">Django SaaS Boilerplate - Opensource</a> </h2> <p class="text-sm leading-normal text-grey-700"> A free and open-source django SaaS boilerplate to speed up your django SaaS development. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://django-saas-boilerplate.vercel.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/PaulleDemon/Django-SAAS-Boilerplate?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=200 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="200_likes"></span> <i id="200_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/tacticalrmm"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/TacticalRMM.png" alt="TacticalRMM | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/tacticalrmm">TacticalRMM</a> </h2> <p class="text-sm leading-normal text-grey-700"> A remote monitoring & management tool. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://github.com/amidaware/tacticalrmm?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=199 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="199_likes"></span> <i id="199_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/truv"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Truv.png" alt="Truv | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/truv">Truv</a> </h2> <p class="text-sm leading-normal text-grey-700"> Truv makes it easy to verify income, employment, assets, insurance, and switch direct deposits. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://truv.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/truvhq?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/TruvHQ?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=198 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="198_likes"></span> <i id="198_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/nlp-cloud"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/NLP_Cloud.png" alt="NLP Cloud | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/nlp-cloud">NLP Cloud</a> </h2> <p class="text-sm leading-normal text-grey-700"> NLP Cloud is an artificial intelligence platform that allows you to use the most advanced AI engines, and even train your own engines with your own data. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://nlpcloud.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/nlpcloud?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/cloud_nlp?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=196 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="196_likes"></span> <i id="196_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/punkwebbb"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/PunkwebBB.png" alt="PunkwebBB | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/punkwebbb">PunkwebBB</a> </h2> <p class="text-sm leading-normal text-grey-700"> Django application that provides a modern and simple to use forum board software for your Django website. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://punkweb.net/board/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/Punkweb/PunkwebBB?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=197 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="197_likes"></span> <i id="197_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/gameserver-network-website"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Gameserver_Network_Website.png" alt="Gameserver Network Website | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/gameserver-network-website">Gameserver Network Website</a> </h2> <p class="text-sm leading-normal text-grey-700"> Application with embedded Discord Bot, whose purpose is to query a list of game servers for state and player information, as well as keep track of server information, accept donations and more. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://shadowraptor.net/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/zediious/raptor-web?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=169 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="169_likes"></span> <i id="169_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/sbomify"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/sbomify.png" alt="sbomify | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/sbomify">sbomify</a> </h2> <p class="text-sm leading-normal text-grey-700"> sbomify facilitates sharing Software Bill of Materials (SBOMs), enhancing transparency and security. It manages components and vulnerabilities, ensuring compliance and improving supply chain security. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://sbomify.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/sbomify?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/sbomify?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=195 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="195_likes"></span> <i id="195_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/screenly"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Screenly.png" alt="Screenly | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/screenly">Screenly</a> </h2> <p class="text-sm leading-normal text-grey-700"> Screenly is a secure digital signage solution for displaying web pages, images, and videos on screens. It offers robust content management and scheduling features, with strong security measures to pro </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.screenly.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/Screenly/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://x.com/screenlyapp?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=194 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="194_likes"></span> <i id="194_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/simpledocs"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Simpledocs.png" alt="Simpledocs | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/simpledocs">Simpledocs</a> </h2> <p class="text-sm leading-normal text-grey-700"> Create business documents in a single click, on brand with the help of AI </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://simpledocs.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/simpledocs_io?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=193 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="193_likes"></span> <i id="193_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/shepherd"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-04-30_at_08.45.502x.png" alt="Shepherd | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/shepherd">Shepherd</a> </h2> <p class="text-sm leading-normal text-grey-700"> Shepherd is like wandering the aisles of your favorite bookstore. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://shepherd.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=191 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="191_likes"></span> <i id="191_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/finance-monitor"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Finance_Monitor.png" alt="Finance Monitor | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/finance-monitor">Finance Monitor</a> </h2> <p class="text-sm leading-normal text-grey-700"> The fastest way to view your finances. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.finance-monitor.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=192 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="192_likes"></span> <i id="192_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/getanyplant"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/CleanShot_2024-04-27_at_17.56.472x.png" alt="GetAnyPlant | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/getanyplant">GetAnyPlant</a> </h2> <p class="text-sm leading-normal text-grey-700"> Discover 6,000+ incredible plants </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.getanyplant.com/plants?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=189 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="189_likes"></span> <i id="189_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/ethical-ads"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Ethical_Ads.png" alt="Ethical Ads | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/ethical-ads">Ethical Ads</a> </h2> <p class="text-sm leading-normal text-grey-700"> Advertising for Developers. That Just Works. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.ethicalads.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/ethicaladsio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ethicaladsio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=190 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="190_likes"></span> <i id="190_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/sneat-free-django-admin-template"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Sneat_Free_Django_Admin_Template.png" alt="Sneat Free Django Admin Template | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/sneat-free-django-admin-template">Sneat Free Django Admin Template</a> </h2> <p class="text-sm leading-normal text-grey-700"> Most Powerful & Comprehensive 🤩 Open-source Django Admin Dashboard with Elegant Sneat Design & Unique Layouts. 🏆 </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://themeselection.com/item/sneat-free-bootstrap-html-django-admin-template/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/themeselection/sneat-bootstrap-html-django-admin-template-free?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=188 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="188_likes"></span> <i id="188_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/zakuchess"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/ZakuChess.png" alt="ZakuChess | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/zakuchess">ZakuChess</a> </h2> <p class="text-sm leading-normal text-grey-700"> An open source web game, powered by Django, htmx & Tailwind CSS </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://zakuchess.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/olivierphi/zakuchess?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=187 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="187_likes"></span> <i id="187_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/unfold-admin"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Unfold_Admin.png" alt="Unfold Admin | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/unfold-admin">Unfold Admin</a> </h2> <p class="text-sm leading-normal text-grey-700"> Compose beautiful Django admin interfaces with Unfold application </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://unfoldadmin.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/unfoldadmin/django-unfold?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=186 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="186_likes"></span> <i id="186_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/museed"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Museed.png" alt="Museed | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/museed">Museed</a> </h2> <p class="text-sm leading-normal text-grey-700"> Stream Your Music Directly On Your Website! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://museed.co?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=185 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="185_likes"></span> <i id="185_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/social-network-for-intellectuals"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Social_network_for_intellectuals.png" alt="Social network for intellectuals | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/social-network-for-intellectuals">Social network for intellectuals</a> </h2> <p class="text-sm leading-normal text-grey-700"> Post intelectual reflexion on a subject that matter to you, publish a scientific review articles or simply post a homework challenge to get other student help you. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.sierralustra.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/pclumson?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=184 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="184_likes"></span> <i id="184_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/autotex-garage"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/AUToTEX_Garage_in_WSM_United_Kingdom.png" alt="AUToTEX Garage | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/autotex-garage">AUToTEX Garage</a> </h2> <p class="text-sm leading-normal text-grey-700"> A local garage website in WSM United Kingdom. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://autotexwsm.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=183 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="183_likes"></span> <i id="183_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/instagram"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Instagram.png" alt="Instagram | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/instagram">Instagram</a> </h2> <p class="text-sm leading-normal text-grey-700"> Photo and video based social network </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://instagram.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/instagram/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/instagram?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=182 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="182_likes"></span> <i id="182_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/codeishot"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Codeishot.png" alt="Codeishot | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/codeishot">Codeishot</a> </h2> <p class="text-sm leading-normal text-grey-700"> One place to store, manage and share your code! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://codeishot.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/Codeish0t?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=181 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="181_likes"></span> <i id="181_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/getdeploying"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/GetDeploying.png" alt="GetDeploying | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/getdeploying">GetDeploying</a> </h2> <p class="text-sm leading-normal text-grey-700"> Curated list of cloud providers and managed services </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://getdeploying.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=180 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="180_likes"></span> <i id="180_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/apivault"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Apivault.png" alt="Apivault | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/apivault">Apivault</a> </h2> <p class="text-sm leading-normal text-grey-700"> A completely free and open source portal that contains all the public APIs available online, so you can get inspired for new projects! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://apivault.dev/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/Exifly/ApiVault?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=179 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="179_likes"></span> <i id="179_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mackdin"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Mackdin.png" alt="Mackdin | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mackdin">Mackdin</a> </h2> <p class="text-sm leading-normal text-grey-700"> Mackdin is a social networking project I created using Python with Django and a bit of React. It's a customized clone of LinkedIn. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://mackdin.onrender.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/Macktireh/mackdin?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/macktireh?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=177 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="177_likes"></span> <i id="177_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/reviewit"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/ReviewIt.png" alt="ReviewIt | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/reviewit">ReviewIt</a> </h2> <p class="text-sm leading-normal text-grey-700"> Connect with mentors worldwide for personalized resume feedback on Review It, a free and open-source platform. Elevate your professional story, whether you're entering the job market. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://reviewit.social/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/nikhil25803/ReviewIt?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=178 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="178_likes"></span> <i id="178_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/construction-calculator"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Construction_Calculator.png" alt="Construction Calculator | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/construction-calculator">Construction Calculator</a> </h2> <p class="text-sm leading-normal text-grey-700"> Fast and accurate online calculators for construction and repair </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://stroykalkulyator.ru?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=176 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="176_likes"></span> <i id="176_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/circumeo"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Circumeo.png" alt="Circumeo | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/circumeo">Circumeo</a> </h2> <p class="text-sm leading-normal text-grey-700"> A hosting platform dedicated to the Django Framework. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://circumeo.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=175 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="175_likes"></span> <i id="175_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/english-stuff-online"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/English_Stuff_Online.png" alt="English Stuff Online | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/english-stuff-online">English Stuff Online</a> </h2> <p class="text-sm leading-normal text-grey-700"> Practice and learn English with quizzes for free </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.englishstuff.online/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/ramiboutas/englishquiz?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/EnglishStuffOn?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=137 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="137_likes"></span> <i id="137_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/nice-cv"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Nice_CV.png" alt="Nice CV | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/nice-cv">Nice CV</a> </h2> <p class="text-sm leading-normal text-grey-700"> Create nice CVs for your job applications </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://nicecv.online/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/ramiboutas/nicecv?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/niceCVonline/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=174 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="174_likes"></span> <i id="174_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/tinytourneys"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/tinyTourneys.png" alt="tinyTourneys | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/tinytourneys">tinyTourneys</a> </h2> <p class="text-sm leading-normal text-grey-700"> tinyTourneys.com is a free and easy basketball tournament solution designed to provide a positive experience for directors, teams and fans. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.tinyTourneys.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=173 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="173_likes"></span> <i id="173_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/spectrum-bike-parts"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Spectrum_Bike_Parts.png" alt="Spectrum Bike Parts | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/spectrum-bike-parts">Spectrum Bike Parts</a> </h2> <p class="text-sm leading-normal text-grey-700"> Bicycle parts search engine that determines the cross-compatibility of bike parts. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.spectrumbikeparts.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/edkohler?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/edkohler?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=172 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="172_likes"></span> <i id="172_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/social-dancer"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Social_Dancer.png" alt="Social Dancer | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/social-dancer">Social Dancer</a> </h2> <p class="text-sm leading-normal text-grey-700"> Find and collect your social dance events </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://socialdancer.org/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">3</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=162 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="162_likes"></span> <i id="162_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/proximovie"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Proximovie.png" alt="Proximovie | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/proximovie">Proximovie</a> </h2> <p class="text-sm leading-normal text-grey-700"> Proximovie uses advanced algorithms to analyze a vast collection of movies and identify how similar they are to each other; then we add a layer of user upvotes for perfect recommendations. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://proximovie.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=171 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="171_likes"></span> <i id="171_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/alternativas"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Alternativas.png" alt="Alternativas | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/alternativas">Alternativas</a> </h2> <p class="text-sm leading-normal text-grey-700"> Currently Spanish-only website of crowdsourced software alternatives similar to the famous English version alternativeto(.)net. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.alternativas.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=170 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="170_likes"></span> <i id="170_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/online-job-platform"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Online_Job_Platform.png" alt="Online Job Platform | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/online-job-platform">Online Job Platform</a> </h2> <p class="text-sm leading-normal text-grey-700"> An online job platform </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.lokerhq.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/lokerhq?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/lokerhq?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=168 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="168_likes"></span> <i id="168_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pwoteksyon-bo-lanme"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Pwoteksyon_Bo_Lanme.png" alt="Pwoteksyon Bo Lanme | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pwoteksyon-bo-lanme">Pwoteksyon Bo Lanme</a> </h2> <p class="text-sm leading-normal text-grey-700"> A training course for Haitian journalists covering climate change and sea level rise. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://pwoteksyonbolanme.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=166 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="166_likes"></span> <i id="166_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/neglected-waters"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Neglected_Waters.png" alt="Neglected Waters | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/neglected-waters">Neglected Waters</a> </h2> <p class="text-sm leading-normal text-grey-700"> A multimedia journalism project about the state of Marine Protected Areas in Haiti </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://studiocanek.com/neglectedwaters/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=165 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="165_likes"></span> <i id="165_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/libre-self-hosted"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Libre_Self-hosted.png" alt="Libre Self-hosted | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/libre-self-hosted">Libre Self-hosted</a> </h2> <p class="text-sm leading-normal text-grey-700"> A directory listing of the most useful free and opensource projects that you can self-host on your own server. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://libreselfhosted.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=163 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="163_likes"></span> <i id="163_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/wiking-weather"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Wiking_Weather.png" alt="Wiking Weather | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/wiking-weather">Wiking Weather</a> </h2> <p class="text-sm leading-normal text-grey-700"> Weather prognosis with a moon and viking twist </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://wikingweather.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">2</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=161 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="161_likes"></span> <i id="161_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/aquariums-hiring"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Aquariums_Hiring.png" alt="Aquariums Hiring | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/aquariums-hiring">Aquariums Hiring</a> </h2> <p class="text-sm leading-normal text-grey-700"> AquariumsHiring.com is a job board dedicated to the aquarium industry. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://aquariumshiring.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/AquariumsHiring?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=160 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="160_likes"></span> <i id="160_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/osherai"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/osher.ai.png" alt="osher.ai | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/osherai">osher.ai</a> </h2> <p class="text-sm leading-normal text-grey-700"> The personal AI for your business </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://osher.ai?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/osherai?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/osher_ai?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=159 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="159_likes"></span> <i id="159_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/taiga"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Taiga.png" alt="Taiga | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/taiga">Taiga</a> </h2> <p class="text-sm leading-normal text-grey-700"> The free and open-source project management tool For cross-functional agile teams to work effectively </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.taiga.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/kaleidos-ventures/taiga-back?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=158 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="158_likes"></span> <i id="158_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/posthog"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/PostHog.png" alt="PostHog | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/posthog">PostHog</a> </h2> <p class="text-sm leading-normal text-grey-700"> PostHog is an open-source suite of product and data tools, built for engineers </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://posthog.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/PostHog/posthog-foss?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/posthog?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=157 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="157_likes"></span> <i id="157_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/photoroom"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/PhotoRoom.png" alt="PhotoRoom | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/photoroom">PhotoRoom</a> </h2> <p class="text-sm leading-normal text-grey-700"> Magic photo studio on the go. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.photoroom.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/photoroom_app?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=156 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="156_likes"></span> <i id="156_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/djangxel-a-photo-sharing-social-media"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/DjangXel__A_photo_sharing_Social_media.png" alt="DjangXel : A photo sharing Social media | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/djangxel-a-photo-sharing-social-media">DjangXel : A photo sharing Social media</a> </h2> <p class="text-sm leading-normal text-grey-700"> Djangxel is a web-based photo-sharing platform built with Django, a high-level Python web framework. It allows users to create accounts, upload and share photos, follow and unfollow other users </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://djangxel.pythonanywhere.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/ajinkgupta/djangxel?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ajinkgupta?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=155 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="155_likes"></span> <i id="155_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/kj-tambayan"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/KJ_Tambayan.png" alt="KJ Tambayan | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/kj-tambayan">KJ Tambayan</a> </h2> <p class="text-sm leading-normal text-grey-700"> A podcast website where users can explore new topics and interests that can be listened to whenever they have spare time. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.kj-tambayan.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=154 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="154_likes"></span> <i id="154_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/stacktips"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/StackTips.png" alt="StackTips | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/stacktips">StackTips</a> </h2> <p class="text-sm leading-normal text-grey-700"> StackTips provides developer friendly ways to learn programming. We aim to teach developers in the most efficient ways possible through articles, courses and quizzes. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://stacktips.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/stacktipslab?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/stacktips?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=146 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="146_likes"></span> <i id="146_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/learning-equality"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Learning_Equality.png" alt="Learning Equality | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/learning-equality">Learning Equality</a> </h2> <p class="text-sm leading-normal text-grey-700"> Equity in education to transform lives </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://learningequality.org?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/learningequality?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/LearnEQ?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=153 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="153_likes"></span> <i id="153_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/hn-profiles"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/HN_Profiles.png" alt="HN Profiles | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/hn-profiles">HN Profiles</a> </h2> <p class="text-sm leading-normal text-grey-700"> Searchable Database of HackerNews users Who Want to be Hired. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://hnprofiles.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/rasulkireev?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/rasulkireev?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=152 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="152_likes"></span> <i id="152_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/tiyalo"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SCR-20230313-srj.png" alt="Tiyalo | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/tiyalo">Tiyalo</a> </h2> <p class="text-sm leading-normal text-grey-700"> Tiyalo make it easy to access real estate informations in Africa. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://tiyalo.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=151 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="151_likes"></span> <i id="151_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mozart-data"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SCR-20230305-vrz.png" alt="Mozart Data | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mozart-data">Mozart Data</a> </h2> <p class="text-sm leading-normal text-grey-700"> Your full-service modern data platform for centralizing, organizing, and analyzing your data. Get set up in an hour and start working with our data analysts. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.mozartdata.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/orgs/MozartData?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/MozartData?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=149 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="149_likes"></span> <i id="149_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/devmarks"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/devmarks.jpeg" alt="Devmarks | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/devmarks">Devmarks</a> </h2> <p class="text-sm leading-normal text-grey-700"> Bookmarking for Developers </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://devmarks.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=150 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="150_likes"></span> <i id="150_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/socialwriter"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SocialWriter.png" alt="SocialWriter | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/socialwriter">SocialWriter</a> </h2> <p class="text-sm leading-normal text-grey-700"> A social media platform where a community of writers can connect, share and inspire. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://socialwriter.pythonanywhere.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/mokhelek/SocialWriter.git?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/Mokhele_K?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=148 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="148_likes"></span> <i id="148_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/quickresume"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/QuickResume.png" alt="QuickResume | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/quickresume">QuickResume</a> </h2> <p class="text-sm leading-normal text-grey-700"> The easiest and quickest way to get your resume done. Platform generates PDF resume for you quick & easy </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://resumebuildersite.pythonanywhere.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/Mokhele_K?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=147 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="147_likes"></span> <i id="147_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/p2pexams"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/P2PExams.png" alt="P2PExams | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/p2pexams">P2PExams</a> </h2> <p class="text-sm leading-normal text-grey-700"> P2PExams offers real pdf dumps that will assist you to prepare for the microsoft, cisco and other certification exams </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.p2pexams.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=145 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="145_likes"></span> <i id="145_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/sadservers-troubleshoot-linux-servers"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/SadServers_Troubleshoot_Linux_Servers.png" alt="SadServers – Troubleshoot Linux Servers | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/sadservers-troubleshoot-linux-servers">SadServers – Troubleshoot Linux Servers</a> </h2> <p class="text-sm leading-normal text-grey-700"> "Like LeetCode for Linux". Capture The Flag challenges. Train and prove your debugging skills. Practice for your next SRE/DevOps interview. Get a full remote Linux server with a problem and fix it. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://sadservers.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/fduran/sadservers?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/sadservers_com?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=144 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="144_likes"></span> <i id="144_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/djangodevs"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Djangodevs.png" alt="Djangodevs | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/djangodevs">Djangodevs</a> </h2> <p class="text-sm leading-normal text-grey-700"> Reverse job board for django developers. let companies and employers find YOU. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://djangodevs.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=143 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="143_likes"></span> <i id="143_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/triviaroyale"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/TriviaRoyale.png" alt="TriviaRoyale | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/triviaroyale">TriviaRoyale</a> </h2> <p class="text-sm leading-normal text-grey-700"> Test your knowledge against friends and strangers! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://triviaroyale.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/triviaroyaleio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=142 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="142_likes"></span> <i id="142_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/zignative"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Zignative - Logos, UX/UI_Graphic_Design__More..png" alt="Zignative | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/zignative">Zignative</a> </h2> <p class="text-sm leading-normal text-grey-700"> High-quality custom design and software development. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://zignative.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=140 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="140_likes"></span> <i id="140_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/findworkdev"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Findwork.dev.png" alt="Findwork.dev | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/findworkdev">Findwork.dev</a> </h2> <p class="text-sm leading-normal text-grey-700"> Developer jobs aggregator </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://findwork.dev?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=139 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="139_likes"></span> <i id="139_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mayan-edms"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Mayan_EDMS.png" alt="Mayan EDMS | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mayan-edms">Mayan EDMS</a> </h2> <p class="text-sm leading-normal text-grey-700"> Enterprise Document and Business Process Manager </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.mayan-edms.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://gitlab.com/mayan-edms/mayan-edms?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/mayanedms/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=138 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="138_likes"></span> <i id="138_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/django-hurricane"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Django-Hurricane.png" alt="Django-Hurricane | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/django-hurricane">Django-Hurricane</a> </h2> <p class="text-sm leading-normal text-grey-700"> Hurricane is an initiative to fit Django perfectly with Kubernetes. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://django-hurricane.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/django-hurricane/django-hurricane?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=136 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="136_likes"></span> <i id="136_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/djangobrothers"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/DjangoBrothers.png" alt="DjangoBrothers | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/djangobrothers">DjangoBrothers</a> </h2> <p class="text-sm leading-normal text-grey-700"> Django tutorials in Japanese. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://djangobrothers.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=135 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="135_likes"></span> <i id="135_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/paperless-ngx"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Screen_Shot_2022-04-13_at_10.54.48_AM.jpg" alt="Paperless-NGX | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/paperless-ngx">Paperless-NGX</a> </h2> <p class="text-sm leading-normal text-grey-700"> Paperless-ngx is a self-hosted document management system that transforms your physical documents into a searchable online archive so you can keep, well, less paper. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://github.com/paperless-ngx/paperless-ngx?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/paperless-ngx/paperless-ngx?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">4</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=134 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="134_likes"></span> <i id="134_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/trailcamorg"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/TrailCam.org.png" alt="TrailCam.org | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/trailcamorg">TrailCam.org</a> </h2> <p class="text-sm leading-normal text-grey-700"> TrailCam.org project provides unbiased trail camera reviews, ratings, and the option to share wildlife photos and videos. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://trailcam.org/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/trailcam_org?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=133 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="133_likes"></span> <i id="133_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/appliku"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/appliku.jpg" alt="Appliku | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/appliku">Appliku</a> </h2> <p class="text-sm leading-normal text-grey-700"> Server Management, designed specially for Django. Deploy Django in 5 minutes. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://appliku.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/appliku?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/appliku?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=132 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="132_likes"></span> <i id="132_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/flixnet"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Flixnet.png" alt="Flixnet | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/flixnet">Flixnet</a> </h2> <p class="text-sm leading-normal text-grey-700"> Flixnet is an indexer of movies that are on Youtube. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://flixnetmovies.herokuapp.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/MarceloRomeuGo1?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">2</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=131 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="131_likes"></span> <i id="131_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pinry"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/pinry.jpg" alt="Pinry | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pinry">Pinry</a> </h2> <p class="text-sm leading-normal text-grey-700"> Pinry, a tiling image board system for people who want to save, tag, and share images, videos and webpages in an easy to skim through format. It's open-source and self-hosted. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://docs.getpinry.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/pinry/pinry?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=130 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="130_likes"></span> <i id="130_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pretalx"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/pretalx.jpg" alt="Pretalx | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pretalx">Pretalx</a> </h2> <p class="text-sm leading-normal text-grey-700"> Conference planning tool: CfP, scheduling, speaker management </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://pretalx.com/p/about/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/pretalx/pretalx?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/pretalx?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=129 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="129_likes"></span> <i id="129_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/archivebox"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/archivebox.jpg" alt="Archivebox | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/archivebox">Archivebox</a> </h2> <p class="text-sm leading-normal text-grey-700"> Open source self-hosted web archiving. Takes URLs/browser history/bookmarks/Pocket/Pinboard/etc., saves HTML, JS, PDFs, media, and more... </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://archivebox.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/ArchiveBox/ArchiveBox?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ArchiveBoxApp?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=128 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="128_likes"></span> <i id="128_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/baby-buddy"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/babybuddy.jpg" alt="Baby Buddy | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/baby-buddy">Baby Buddy</a> </h2> <p class="text-sm leading-normal text-grey-700"> A baby buddy to help caregivers track sleep, feedings, diaper changes, and tummy time to learn about and predict baby's needs without (as much) guess work. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://github.com/babybuddy/babybuddy?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/babybuddy/babybuddy?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=127 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="127_likes"></span> <i id="127_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/website-hunt"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Website_Hunt.png" alt="Website Hunt | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/website-hunt">Website Hunt</a> </h2> <p class="text-sm leading-normal text-grey-700"> Best websites you didn't know </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.websitehunt.co/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=126 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="126_likes"></span> <i id="126_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/pretix"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/pretix.png" alt="pretix | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/pretix">pretix</a> </h2> <p class="text-sm leading-normal text-grey-700"> Reinventing event ticketing </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://pretix.eu/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/pretix?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/pretixeu?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=125 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="125_likes"></span> <i id="125_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/shulesuite"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/ShuleSuite.png" alt="ShuleSuite | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/shulesuite">ShuleSuite</a> </h2> <p class="text-sm leading-normal text-grey-700"> School management, E-learning, plus Powerful Data & Communication Tools For Modern Schools </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://shulesuite.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ShuleSuite?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=118 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="118_likes"></span> <i id="118_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/lekhani"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Lekhani.png" alt="Lekhani | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/lekhani">Lekhani</a> </h2> <p class="text-sm leading-normal text-grey-700"> Micro-blogging social-media website. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://thelekhani.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/TLekhani?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=117 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="117_likes"></span> <i id="117_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/intruder"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/intruder.jpg" alt="Intruder | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/intruder">Intruder</a> </h2> <p class="text-sm leading-normal text-grey-700"> Intruder is an online vulnerability scanner that finds cyber security weaknesses in your digital infrastructure, to avoid costly data breaches. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.intruder.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/intruder_io?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=110 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="110_likes"></span> <i id="110_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mercury"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/mercury.jpg" alt="Mercury | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mercury">Mercury</a> </h2> <p class="text-sm leading-normal text-grey-700"> Mercury is the easiest way to turn your Python Notebooks into interactive web applications. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://mljar.com/mercury/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/mljar/mercury?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/MLJARofficial?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=109 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="109_likes"></span> <i id="109_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/baserow"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/baserow.png" alt="Baserow | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/baserow">Baserow</a> </h2> <p class="text-sm leading-normal text-grey-700"> Open source online database tool. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://baserow.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://gitlab.com/bramw/baserow?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=29 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="29_likes"></span> <i id="29_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/arcarta"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/arcarta.jpg" alt="Arcarta | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/arcarta">Arcarta</a> </h2> <p class="text-sm leading-normal text-grey-700"> Customer Due Diligence platform that helps you avoid fines or losing clients due to AML while protecting you from cybercrime. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.arcarta.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/Arcarta?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=108 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="108_likes"></span> <i id="108_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/datapane"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/datapane.jpg" alt="Datapane | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/datapane">Datapane</a> </h2> <p class="text-sm leading-normal text-grey-700"> Create API-powered reports using data and plots from Python and SQL. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://datapane.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=107 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="107_likes"></span> <i id="107_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/cloudtrucks"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/cloudtrucks.jpg" alt="CloudTrucks | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/cloudtrucks">CloudTrucks</a> </h2> <p class="text-sm leading-normal text-grey-700"> Maximize revenue and minimize headaches with a technology-driven carrier that gives you everything you need to make the most of every run. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.cloudtrucks.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/CloudTrucks?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=83 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="83_likes"></span> <i id="83_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/simple-poll"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/simplepolls.jpg" alt="Simple Poll | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/simple-poll">Simple Poll</a> </h2> <p class="text-sm leading-normal text-grey-700"> Simple, native polls right within Slack </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://simplepoll.rocks?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=85 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="85_likes"></span> <i id="85_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/presbot"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/presbot.PNG" alt="Presbot | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/presbot">Presbot</a> </h2> <p class="text-sm leading-normal text-grey-700"> No-Code No-Workflow Personal Chatbot Platform, Free! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://presbot.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=8 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="8_likes"></span> <i id="8_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/listen-notes"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/listennotes.jpg" alt="Listen Notes | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/listen-notes">Listen Notes</a> </h2> <p class="text-sm leading-normal text-grey-700"> The Best Podcast Search Engine ™ </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.listennotes.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/ListenNotes?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ListenNotes?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=104 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="104_likes"></span> <i id="104_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/madewithdjango"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/madewithdjango.jpg" alt="MadewithDjango | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/madewithdjango">MadewithDjango</a> </h2> <p class="text-sm leading-normal text-grey-700"> Collection of sites made with our favorite Python web framework </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.madewithdjango.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/madewith_django?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=98 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="98_likes"></span> <i id="98_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/impresskit"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/impresskit.jpg" alt="ImpressKit | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/impresskit">ImpressKit</a> </h2> <p class="text-sm leading-normal text-grey-700"> Easily create nice Press Kit for your mobile app. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://impresskit.net/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=103 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="103_likes"></span> <i id="103_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/watervize"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/waterwize.jpg" alt="Watervize | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/watervize">Watervize</a> </h2> <p class="text-sm leading-normal text-grey-700"> Watervize provides tools for irrigation and water district resource management </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.watervize.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/watervize?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=99 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="99_likes"></span> <i id="99_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/horserecords"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/horserecords.jpg" alt="HorseRecords | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/horserecords">HorseRecords</a> </h2> <p class="text-sm leading-normal text-grey-700"> The fast and easy way to manage the history of your Horses! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://horserecords.info?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/HorseRecords2?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=93 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="93_likes"></span> <i id="93_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mockend"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/mockend.jpg" alt="Mockend | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mockend">Mockend</a> </h2> <p class="text-sm leading-normal text-grey-700"> Quickly design mock backends for your frontends </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://mockend.in?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=100 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="100_likes"></span> <i id="100_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/recordwise"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/recordwise.jpg" alt="Recordwise | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/recordwise">Recordwise</a> </h2> <p class="text-sm leading-normal text-grey-700"> Helping founders incorporate in Switzerland </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://recordwise.ch?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/recordwiseCH?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=95 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="95_likes"></span> <i id="95_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/clubhouse"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/clubhouse.jpg" alt="Clubhouse | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/clubhouse">Clubhouse</a> </h2> <p class="text-sm leading-normal text-grey-700"> The Social Audio App. Bounce around the hallways of the Internet and meet incredible people </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.clubhouse.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/Clubhouse?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">3</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=92 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="92_likes"></span> <i id="92_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/widelands"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/widelands.jpg" alt="Widelands | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/widelands">Widelands</a> </h2> <p class="text-sm leading-normal text-grey-700"> Widelands is a free, open source real-time strategy game with singleplayer campaigns and a multiplayer mode. The game was inspired by Settlers II™ </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.widelands.org?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/widelands/widelands-website?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/widelands?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=91 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="91_likes"></span> <i id="91_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mediacms"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/mediacms.jpg" alt="_MediaCMS | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mediacms">_MediaCMS</a> </h2> <p class="text-sm leading-normal text-grey-700"> Modern, fully featured open source video and media CMS </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://mediacms.io/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/mediacms-io/mediacms?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=74 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="74_likes"></span> <i id="74_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/octopus-energy"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/octopus.gif" alt="Octopus Energy | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/octopus-energy">Octopus Energy</a> </h2> <p class="text-sm leading-normal text-grey-700"> Django-powered energy retail site the subject of a DjangoCon Europe keynote </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://octopus.energy?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/OctopusEnergy?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=84 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="84_likes"></span> <i id="84_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/1st-things-1st"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/firstthingsfirst.jpg" alt="1st things 1st | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/1st-things-1st">1st things 1st</a> </h2> <p class="text-sm leading-normal text-grey-700"> The first of a kind strategic prioritizer, "1st things 1st", helps you make up your mind. Start for free. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.1st-things-1st.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/thePrioritizer?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=82 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="82_likes"></span> <i id="82_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/buttondown"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/buttondown.gif" alt="Buttondown | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/buttondown">Buttondown</a> </h2> <p class="text-sm leading-normal text-grey-700"> Buttondown is a small, elegant tool for producing newsletters. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://buttondown.email/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/buttondown?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">2</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=81 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="81_likes"></span> <i id="81_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/cashflowcareers"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Screen_Shot_2020-02-15_at_21.03.241.png" alt="CashFlowCareers | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/cashflowcareers">CashFlowCareers</a> </h2> <p class="text-sm leading-normal text-grey-700"> Aggregator of investment banking and private equity jobs. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='http://www.cashflowcareers.net?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=13 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="13_likes"></span> <i id="13_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/unscramblerercom"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/unscrambler.jpg" alt="Unscramblerer.com | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/unscramblerercom">Unscramblerer.com</a> </h2> <p class="text-sm leading-normal text-grey-700"> English dictionary words search tool </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.unscramblerer.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/unscramblerer?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=57 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="57_likes"></span> <i id="57_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/best-of-swiss-gastro"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/best_of_swiss_gastro.jpg" alt="Best of Swiss Gastro | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/best-of-swiss-gastro">Best of Swiss Gastro</a> </h2> <p class="text-sm leading-normal text-grey-700"> An online Guide for restaurants, bars and cafes in Switzerland. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://bestofswissgastro.ch?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=47 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="47_likes"></span> <i id="47_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/cronitor"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Cronitor.jpg" alt="Cronitor | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/cronitor">Cronitor</a> </h2> <p class="text-sm leading-normal text-grey-700"> Continuous monitoring for the jobs, pipelines, daemons and APIs that power your business. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://cronitor.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/cronitorio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=79 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="79_likes"></span> <i id="79_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/gonevis-blogging-platform"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/gonevis.jpg" alt="GoNevis Blogging Platform | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/gonevis-blogging-platform">GoNevis Blogging Platform</a> </h2> <p class="text-sm leading-normal text-grey-700"> GoNevis lets you start your blog, write and share for free. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.gonevis.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=45 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="45_likes"></span> <i id="45_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/truework"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/trueworks.jpg" alt="Truework | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/truework">Truework</a> </h2> <p class="text-sm leading-normal text-grey-700"> Verify income and employment for any applicant, all on one platform. Data returned instantly for 35 million U.S. employees (and growing). </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.truework.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">1</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=80 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="80_likes"></span> <i id="80_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/school-desk"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/homeschool.jpg" alt="School Desk | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/school-desk">School Desk</a> </h2> <p class="text-sm leading-normal text-grey-700"> Set your students on the right path without being buried in scheduling. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.theschooldesk.app?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/mblayman/homeschool?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=78 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="78_likes"></span> <i id="78_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mailbrew"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/mailbrew.jpg" alt="Mailbrew | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mailbrew">Mailbrew</a> </h2> <p class="text-sm leading-normal text-grey-700"> Your personal daily newsletter </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://mailbrew.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/mailbrew?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=77 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="77_likes"></span> <i id="77_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/prodos-academy"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/prodosacagemy_a9Z6fMD.jpg" alt="Prodos Academy | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/prodos-academy">Prodos Academy</a> </h2> <p class="text-sm leading-normal text-grey-700"> European funds and project online courses </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.prodosacademy.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ProdosAcademy?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=70 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="70_likes"></span> <i id="70_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/testdrivenio"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/testdriven.jpg" alt="TestDriven.io | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/testdrivenio">TestDriven.io</a> </h2> <p class="text-sm leading-normal text-grey-700"> Teaching practical programming through real-world applications. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://testdriven.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/testdrivenio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/testdrivenio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=68 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="68_likes"></span> <i id="68_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/talent-hackers"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/talenthackers.gif" alt="Talent Hackers | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/talent-hackers">Talent Hackers</a> </h2> <p class="text-sm leading-normal text-grey-700"> (Currently) Spanish job board with rewards for people who bring talent. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://talenthackers.net?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/talenthackerses?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=59 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="59_likes"></span> <i id="59_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/blenderkit"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/blenderkit.jpg" alt="BlenderKit | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/blenderkit">BlenderKit</a> </h2> <p class="text-sm leading-normal text-grey-700"> Online database of Blender assets either free or under one subscribtion easily accessible through add-on. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://blenderkit.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=58 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="58_likes"></span> <i id="58_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/panelbear"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/panelbear.jpg" alt="Panelbear | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/panelbear">Panelbear</a> </h2> <p class="text-sm leading-normal text-grey-700"> Simple. Fast. Private. Powerful, privacy-friendly analytics to grow your website. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://panelbear.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/panelbearhq/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/PanelbearHQ/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=49 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="49_likes"></span> <i id="49_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/socialtracker"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/socialtracker.png" alt="SocialTracker | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/socialtracker">SocialTracker</a> </h2> <p class="text-sm leading-normal text-grey-700"> Track Social Media performance of Influencers and Brands </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.socialtracker.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=31 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="31_likes"></span> <i id="31_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/kollood"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/kollood.jpg" alt="Kollood | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/kollood">Kollood</a> </h2> <p class="text-sm leading-normal text-grey-700"> Build in public together. Collaborate with other founders in simple, actionable and fun ways. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://kollood.co?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/kolloodco?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=46 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="46_likes"></span> <i id="46_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/disqors"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/disqors_lNbmzZe.jpg" alt="Disqors | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/disqors">Disqors</a> </h2> <p class="text-sm leading-normal text-grey-700"> Discourse about politics and society, organized into discussion threads. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.disqors.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=32 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="32_likes"></span> <i id="32_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/litt"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/littapp.jpg" alt="Litt | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/litt">Litt</a> </h2> <p class="text-sm leading-normal text-grey-700"> Platform for meeting new people at events. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://getlitt.app?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/getlittapp?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=38 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="38_likes"></span> <i id="38_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/robinhood"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/robinhood.jpg" alt="Robinhood | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/robinhood">Robinhood</a> </h2> <p class="text-sm leading-normal text-grey-700"> Commission-free investing, plus the tools you need to put your money in motion. Sign up and get your first stock for free. Certain limitations apply. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://robinhood.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/robinhood?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/RobinhoodApp?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=56 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="56_likes"></span> <i id="56_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/embedsafe"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/embedsafe.jpg" alt="EmbedSafe | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/embedsafe">EmbedSafe</a> </h2> <p class="text-sm leading-normal text-grey-700"> Share embedded content with your team - securely and easily. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://embedsafe.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=55 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="55_likes"></span> <i id="55_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/sentry"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/sentry.jpg" alt="Sentry | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/sentry">Sentry</a> </h2> <p class="text-sm leading-normal text-grey-700"> Sentry's application monitoring platform helps every developer diagnose, fix, and optimize the performance of their code. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://sentry.io/welcome/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/getsentry/sentry?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/getsentry/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=54 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="54_likes"></span> <i id="54_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mentorcruise"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/mentorcruise.gif" alt="Mentorcruise | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mentorcruise">Mentorcruise</a> </h2> <p class="text-sm leading-normal text-grey-700"> Work with leading tech mentors and gain access to personalized guidance to reach your potential. Ongoing sessions and expert advice, on your terms, all for a flat monthly price. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://mentorcruise.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/mentorcruise?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/mentorcruise/?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=53 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="53_likes"></span> <i id="53_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/todoist"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/todoist.jpg" alt="Todoist | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/todoist">Todoist</a> </h2> <p class="text-sm leading-normal text-grey-700"> A task manager you can trust for life. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://todoist.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/doist?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/todoist?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=52 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="52_likes"></span> <i id="52_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/readwise"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/readwise.jpg" alt="Readwise | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/readwise">Readwise</a> </h2> <p class="text-sm leading-normal text-grey-700"> Readwise makes it easy to revisit and learn from your ebook & article highlights. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://readwise.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/readwiseio?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">2</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=48 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="48_likes"></span> <i id="48_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/justdjango"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/justdjango.jpg" alt="JustDjango | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/justdjango">JustDjango</a> </h2> <p class="text-sm leading-normal text-grey-700"> Become a Professional Django Developer </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://learn.justdjango.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/justdjangocode?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=42 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="42_likes"></span> <i id="42_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/mijobs"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/mijobs.png" alt="MiJobs | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/mijobs">MiJobs</a> </h2> <p class="text-sm leading-normal text-grey-700"> The very best mining, energy and resource jobs worldwide. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.mijobs.co/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=34 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="34_likes"></span> <i id="34_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/webgazer"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/webgazer.png" alt="WebGazer | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/webgazer">WebGazer</a> </h2> <p class="text-sm leading-normal text-grey-700"> Uptime monitoring and analytics platform </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.webgazer.io?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/WebGazerIO?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=28 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="28_likes"></span> <i id="28_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/remote-leaf"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/remoteleaf.png" alt="Remote Leaf | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/remote-leaf">Remote Leaf</a> </h2> <p class="text-sm leading-normal text-grey-700"> Get hand-picked remote jobs straight to your inbox. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://remoteleaf.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=27 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="27_likes"></span> <i id="27_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/ai-domain-search"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/aidomainsearch.jpg" alt="AI Domain Search | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/ai-domain-search">AI Domain Search</a> </h2> <p class="text-sm leading-normal text-grey-700"> AI powered Domain Name Search and Generator </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://aidomainsearch.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=21 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="21_likes"></span> <i id="21_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/armory-gaming-gear"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/armory_l88p5NS.PNG" alt="Armory Gaming Gear | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/armory-gaming-gear">Armory Gaming Gear</a> </h2> <p class="text-sm leading-normal text-grey-700"> Explore awesome gaming setups and share your own. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://ArmoryGamingGear.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://twitter.com/ArmoryGear?ref=builtwithdjango.com" target="_blank"> <i class="lab la-twitter"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=5 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="5_likes"></span> <i id="5_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/work-in-craft-beer"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/work_in_craft_beer.PNG" alt="Work in Craft Beer | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/work-in-craft-beer">Work in Craft Beer</a> </h2> <p class="text-sm leading-normal text-grey-700"> Teaming up with craft breweries and tap rooms around the world to find motivated job candidates! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='http://www.workincraftbeer.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=6 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="6_likes"></span> <i id="6_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/seeking-visa"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/seeking_visa.png" alt="Seeking Visa | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/seeking-visa">Seeking Visa</a> </h2> <p class="text-sm leading-normal text-grey-700"> Get instant alerts, see charts and historical data to track USCIS Visa Bulletin changes. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.seekingvisa.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=24 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="24_likes"></span> <i id="24_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/task-a-thon"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/taskathon.PNG" alt="Task-a-Thon | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/task-a-thon">Task-a-Thon</a> </h2> <p class="text-sm leading-normal text-grey-700"> Micro Fundraising Platform for Schools. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://task-a-thon.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=7 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="7_likes"></span> <i id="7_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/puzzlehuntcmu"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/puzzlehunt.png" alt="PuzzlehuntCMU | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/puzzlehuntcmu">PuzzlehuntCMU</a> </h2> <p class="text-sm leading-normal text-grey-700"> A project to host puzzlehunts and manage all of the related stuff like registration, puzzle unlocking, answer submissions, and team communication. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.puzzlehunt.club?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href="https://github.com/dlareau/puzzlehunt_server?ref=builtwithdjango.com" target="_blank"> <i class="lab la-github"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=25 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="25_likes"></span> <i id="25_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/saas-pegasus"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Screen_Shot_2020-02-15_at_21.19.12.png" alt="SaaS Pegasus | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/saas-pegasus">SaaS Pegasus</a> </h2> <p class="text-sm leading-normal text-grey-700"> A Django-powered SaaS Template </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.saaspegasus.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=20 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="20_likes"></span> <i id="20_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/place-card-me"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Screen_Shot_2020-02-15_at_21.12.35.png" alt="Place Card Me | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/place-card-me">Place Card Me</a> </h2> <p class="text-sm leading-normal text-grey-700"> The best way to make place cards online. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.placecard.me/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=19 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="19_likes"></span> <i id="19_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/unicorn-platform"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/unicornplatform.PNG" alt="Unicorn Platform | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/unicorn-platform">Unicorn Platform</a> </h2> <p class="text-sm leading-normal text-grey-700"> Landing page builder for startups. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://unicornplatform.com/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=16 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="16_likes"></span> <i id="16_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/crossword-puzzle-maker"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/Screen_Shot_2020-02-15_at_20.57.45.png" alt="Crossword Puzzle Maker | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/crossword-puzzle-maker">Crossword Puzzle Maker</a> </h2> <p class="text-sm leading-normal text-grey-700"> Make a crossword puzzle and print, share or solve online. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://crosswordlabs.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=15 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="15_likes"></span> <i id="15_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/faundev"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/faun.PNG" alt="Faun.dev | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/faundev">Faun.dev</a> </h2> <p class="text-sm leading-normal text-grey-700"> Join thousands of developers and IT experts, get must-read articles, chat with like-minded people, get job offers and more </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://faun.dev?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=14 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="14_likes"></span> <i id="14_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/fwdeveryone"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/fwdeveryone.PNG" alt="FWD:Everyone | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/fwdeveryone">FWD:Everyone</a> </h2> <p class="text-sm leading-normal text-grey-700"> Read, share, search & discover the most useful email discussions happening within your business. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.fwdeveryone.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=12 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="12_likes"></span> <i id="12_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/prettyfwd"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/prettyFWD.PNG" alt="PrettyFWD | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/prettyfwd">PrettyFWD</a> </h2> <p class="text-sm leading-normal text-grey-700"> PrettyFWD makes forwarded emails easy to read and share. </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://www.prettyfwd.com?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=11 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="11_likes"></span> <i id="11_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" flex flex-col justify-start bg-white rounded border-solid shadow border-1 " > <div class="border-b border-gray-300 border-solid"> <a href="/projects/seeker"> <img class=" object-cover object-left-top w-full h-auto border-0 rounded-t " src="https://minio-api.cr.lvtd.dev/bwd-prod/website_homepage_screenshot/seeker.PNG" alt="Seeker | Screenshot" /> </a> </div> <div class="flex-auto p-4 h-full border-b border-gray-300 border-solid"> <h2 class="mb-2 text-lg font-semibold text-gray-900"> <a href="/projects/seeker">Seeker</a> </h2> <p class="text-sm leading-normal text-grey-700"> The easiest way to host your own job board for your site or community! </p> </div> <div class="flex justify-between items-center px-4 py-2"> <div> <a class="inline-block p-2 text-xl bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-300" href='https://seeker.company?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=list-of-projects-November-2024-unsponsored' target="_blank"> <i class="las la-link"></i> </a> </div> <div class="flex flex-row space-x-2"> <div class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg"> <span class="text-base">0</span> <i class="las la-comments"></i> </div> <div data-controller="like" class="flex items-center p-2 text-lg border border-gray-300 border-solid rounded-lg hover:border-gray-600 hover:bg-gray-100"> <input type="hidden" data-like-target="projectId" value=9 /> <input type="hidden" data-like-target="currentUser" value=None /> <input type="hidden" name="csrfmiddlewaretoken" value="fMlogH50M7cA2DhKbRPAXFf9Pdc8KaF6h5sIfEA43LkIHBMO2D26haY8XSCcWJZI"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" class="flex items-center"> <span class="text-base" data-like-target="numberOfLikes" id="9_likes"></span> <i id="9_heart"></i> </button> <div data-like-target="modal" class="fixed inset-0 z-10 hidden overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0" data-transition-enter-end="opacity-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100" data-transition-leave-end="opacity-0"></div>  <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">  </span> <div class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" data-transition-enter="ease-out duration-300" data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100" data-transition-leave="ease-in duration-200" data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100" data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"> <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > <span class="sr-only">Close</span>  <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="sm:flex sm:items-start"> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Please login </h3> <div class="mt-2"> <p class="text-sm text-gray-500"> In order to ❤️ projects you need to <a class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800" href="/users/login/"> login </a> or <a href="/users/signup/" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-200 text-green-800"> signup </a> if you don't have an account yet. </p> </div> </div> </div> </div> <div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse"> <a href="/users/login/" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"> Login </a> <button data-action="click-> like#toggleModal" data-like-target="modalButton" type="button" class="inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> Cancel </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="bg-white"> <a class="fixed bottom-0 left-0 z-10 px-2 py-1 font-semibold text-gray-900 no-underline bg-gray-200 rounded-tr border-t border-l border-white border-solid" href="https://rasulkireev.com" target="_blank">  <p class="inline m-0 ml-1 text-sm font-normal align-middle">by Rasul</p> </a> <div class="px-6 py-12 mx-auto max-w-7xl md:flex md:items-center md:justify-between lg:px-8"> <div class="flex justify-center space-x-6 md:order-2"> <a href="https://statushen.com/builtwithdjango" class="text-gray-400 hover:text-gray-500"> Status </a> <a href="https://x.com/builtwithdjango" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">X</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" /> </svg> </a> <a href="https://github.com/builtwithdjango" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">GitHub</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /> </svg> </a> </div> <div class="mt-8 md:order-1 md:mt-0"> <p class="text-xs leading-5 text-center text-gray-500"> © 2024 <a href="https://lvtd.dev">LVTD, LLC</a>. </p> </div> </div> </footer> <div id="ad-container-mobile" class="fixed bottom-0 left-0 z-50 w-full bg-white border shadow-lg transition-all duration-500 ease-in-out lg:hidden"> <div class="flex justify-between items-center p-2 mx-auto max-w-6xl"> <div class="flex items-center"> <div class="mx-4"> <a target="_blank" href='https://osig.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=mobile-bottom-ad-November-2024'> <img src="https://osig.app/static/vendors/images/logo.png" alt="OSIG" class="object-contain mr-2 w-8 h-8" /> </a> </div> <div> <p class="text-sm font-bold text-blue-500"> <a target="_blank" href='https://osig.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=mobile-bottom-ad-November-2024'> OSIG </a> <span class="text-sm text-gray-700">- Ad</span> </p> <p class="text-xs text-gray-600">Automatically create beautiful OG images for your site.</p> </div> </div> <button class="ml-2 text-gray-500 close-ad hover:text-gray-700"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <div id="ad-container-desktop" class="hidden fixed right-4 bottom-4 z-50 w-64 bg-white rounded-lg border shadow-lg transition-all duration-500 ease-in-out lg:block"> <div class="flex flex-row items-center"> <div class="mx-2"> <a target="_blank" href='https://osig.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=desktop-bottom-right-corner-ad-November-2024'> <img src="https://osig.app/static/vendors/images/logo.png" alt="OSIG" class="object-contain w-36 h-36" /> </a> </div> <div class="mr-4"> <p class="mb-1 text-lg font-bold text-blue-500"><a target="_blank" href='https://osig.app/?ref=builtwithdjango.com&utm_source=builtwithdjango.com/projects/&utm_campaign=desktop-bottom-right-corner-ad-November-2024'>OSIG</a></p> <p class="text-sm text-gray-600">Automatically create beautiful OG images for your site.</p> </div> </div> <p class="absolute top-1 left-1 p-1 text-sm text-gray-500">Ad</p> <button class="absolute top-1 right-1 text-gray-500 close-ad hover:text-gray-700"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <script> document.addEventListener('DOMContentLoaded', (event) => { const adContainerMobile = document.getElementById('ad-container-mobile'); const adContainerDesktop = document.getElementById('ad-container-desktop'); const closeAdButtons = document.querySelectorAll('.close-ad'); function hideAd() { if (window.innerWidth < 1024) { adContainerMobile.style.transform = 'translateY(100%)'; } else { adContainerDesktop.style.transform = 'scale(0.1) rotate(360deg)'; adContainerDesktop.style.opacity = '0'; } setTimeout(() => { adContainerMobile.style.display = 'none'; adContainerDesktop.style.display = 'none'; }, 500); // Set a cookie to remember the ad was closed const date = new Date(); date.setTime(date.getTime() + (24 * 60 * 60 * 1000)); // Set expiry to 24 hours const expires = "expires=" + date.toUTCString(); document.cookie = "adClosed=true;" + expires + ";path=/"; } function showAd() { if (window.innerWidth < 1024) { adContainerMobile.style.display = 'block'; setTimeout(() => { adContainerMobile.style.transform = 'translateY(0)'; }, 100); } else { adContainerDesktop.style.display = 'block'; setTimeout(() => { adContainerDesktop.style.transform = 'scale(1) rotate(0deg)'; adContainerDesktop.style.opacity = '1'; }, 100); } } closeAdButtons.forEach(button => { button.addEventListener('click', hideAd); }); // Check and show the ad when the page loads if (document.cookie.indexOf("adClosed=true") === -1) { showAd(); } // Adjust layout on window resize window.addEventListener('resize', () => { if (document.cookie.indexOf("adClosed=true") === -1) { if (window.innerWidth < 1024) { adContainerDesktop.style.display = 'none'; showAd(); } else { adContainerMobile.style.display = 'none'; showAd(); } } }); }); </script> <style> #ad-container-mobile, #ad-container-desktop { display: none; } #ad-container-mobile { transform: translateY(100%); transition: transform 0.5s ease-in-out; } #ad-container-desktop { transform-origin: bottom right; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Projects Built with Django", "description": "Collection of cool projects people built with Django", "thumbnailUrl": "https://builtwithdjango.com/static/vendors/images/logo.ee701a5f0ffc.png", "url": "https://builtwithdjango.com", "author": { "@type": "Person", "givenName": "Rasul", "familyName": "Kireev", "url": "https://rasulkireev.com/" } } </script> </body> </html>

CINXE.COM

Built with Django