flakytest.dev

Classifier!
Commit eb467 pushed by Anže Pečar

12 tests 4 passed 8 failed	Duration
accounts/tests.py::TestSelectedInstance::test_invalid_selected_instance	1.0950s
self = <accounts.tests.TestSelectedInstance testMethod=test_invalid_selected_instance> def test_invalid_selected_instance(self): response = self.client.get("/?selected_instance=invalid") self.assertEqual(response.status_code, 200) self.assertIsNone(response.context["selected_instance"]) self.assertIsNone(self.client.session.get("selected_instance")) > self.assertContains( response, '<a href="https://fosstodon.org/@fosstest"', ) accounts/tests.py:163: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://fosstodon.org/@fosstest"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "qp2ntL2d0t2gNSFRrK8SdgMHAX14eG2111QWCgN5gtuJ0wWTLbpHyNQRNnUcucPf"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/?selected_instance=invalid"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?selected_instance=invalid&o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?selected_instance=invalid&o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?selected_instance=invalid&o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?selected_instance=invalid&p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?selected_instance=invalid&p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?selected_instance=invalid&p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?selected_instance=invalid&p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="qp2ntL2d0t2gNSFRrK8SdgMHAX14eG2111QWCgN5gtuJ0wWTLbpHyNQRNnUcucPf">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n' Stdout `Done 🎉`
accounts/tests.py::TestSelectedInstance::test_no_selected_instance	0.2853s
self = <accounts.tests.TestSelectedInstance testMethod=test_no_selected_instance> def test_no_selected_instance(self): response = self.client.get("/") self.assertEqual(response.status_code, 200) self.assertIsNone(response.context["selected_instance"]) self.assertIsNone(self.client.session.get("selected_instance")) > self.assertContains( response, '<a href="https://fosstodon.org/@fosstest"', ) accounts/tests.py:73: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://fosstodon.org/@fosstest"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "3mf7HhUuGzz8eTRuKVNiZD6Gn9nqE7ntDZTW63TGujvYpzEkGIdmFjXuQB6R87SD"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="3mf7HhUuGzz8eTRuKVNiZD6Gn9nqE7ntDZTW63TGujvYpzEkGIdmFjXuQB6R87SD">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'
accounts/tests.py::TestSelectedInstance::test_selected_instance	0.2894s
self = <accounts.tests.TestSelectedInstance testMethod=test_selected_instance> def test_selected_instance(self): response = self.client.get("/?selected_instance=mastodon.social") self.assertEqual(response.status_code, 200) self.assertEqual(response.context["selected_instance"], "mastodon.social") self.assertEqual(self.client.session["selected_instance"], "mastodon.social") > self.assertContains( response, '<a href="https://mastodon.social/@[email protected]"', ) accounts/tests.py:88: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://mastodon.social/@[email protected]"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "bKdJoTpH92Ch42Vj10EhMEHYq97u9qxQKZ5br8qNTEeImx9p0szKRBWzQ4ZK9LLB"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/?selected_instance=mastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?selected_instance=mastodon.social&o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?selected_instance=mastodon.social&o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?selected_instance=mastodon.social&o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?selected_instance=mastodon.social&p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?selected_instance=mastodon.social&p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?selected_instance=mastodon.social&p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?selected_instance=mastodon.social&p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="bKdJoTpH92Ch42Vj10EhMEHYq97u9qxQKZ5br8qNTEeImx9p0szKRBWzQ4ZK9LLB">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'
accounts/tests.py::TestSelectedInstance::test_selected_instance_https_truncate	0.2917s
self = <accounts.tests.TestSelectedInstance testMethod=test_selected_instance_https_truncate> def test_selected_instance_https_truncate(self): response = self.client.get("/?selected_instance=https://mastodon.social") self.assertEqual(response.status_code, 200) self.assertEqual(response.context["selected_instance"], "mastodon.social") self.assertEqual(self.client.session["selected_instance"], "mastodon.social") > self.assertContains( response, '<a href="https://mastodon.social/@[email protected]"', ) accounts/tests.py:119: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://mastodon.social/@[email protected]"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "PBqyrRsVU7Z6IXSHB96fEuX8D2dJ7VLXxz7VxjtCIF5iZRTBTOGElALnNwgTnM84"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="PBqyrRsVU7Z6IXSHB96fEuX8D2dJ7VLXxz7VxjtCIF5iZRTBTOGElALnNwgTnM84">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'
accounts/tests.py::TestSelectedInstance::test_selected_instance_http_truncate	0.3310s
self = <accounts.tests.TestSelectedInstance testMethod=test_selected_instance_http_truncate> def test_selected_instance_http_truncate(self): response = self.client.get("/?selected_instance=https://mastodon.social") self.assertEqual(response.status_code, 200) self.assertEqual(response.context["selected_instance"], "mastodon.social") self.assertEqual(self.client.session["selected_instance"], "mastodon.social") > self.assertContains( response, '<a href="https://mastodon.social/@[email protected]"', ) accounts/tests.py:134: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://mastodon.social/@[email protected]"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "UDXnmMK7OYBoDL2nTVxMdTHzLuxVgLalZWO92QICqSb48JZWm2Hfys75AUSN3gs2"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/?selected_instance=https%3A%2F%2Fmastodon.social"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social&p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="UDXnmMK7OYBoDL2nTVxMdTHzLuxVgLalZWO92QICqSb48JZWm2Hfys75AUSN3gs2">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'
accounts/tests.py::TestSelectedInstance::test_selected_instance_slash_truncate	0.2918s
self = <accounts.tests.TestSelectedInstance testMethod=test_selected_instance_slash_truncate> def test_selected_instance_slash_truncate(self): response = self.client.get("/?selected_instance=https://mastodon.social/") self.assertEqual(response.status_code, 200) self.assertEqual(response.context["selected_instance"], "mastodon.social") self.assertEqual(self.client.session["selected_instance"], "mastodon.social") > self.assertContains( response, '<a href="https://mastodon.social/@[email protected]"', ) accounts/tests.py:149: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://mastodon.social/@[email protected]"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "TNwz95qvAvraovOYTM6PeXqsV3qjevtftHri4tjVe1WhyWuOm8xUxHgSplkyOVlI"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/?selected_instance=https%3A%2F%2Fmastodon.social%2F"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?selected_instance=https%3A%2F%2Fmastodon.social%2F&p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="TNwz95qvAvraovOYTM6PeXqsV3qjevtftHri4tjVe1WhyWuOm8xUxHgSplkyOVlI">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'
accounts/tests.py::TestSelectedInstance::test_selected_instance_through_session	0.4845s
self = <accounts.tests.TestSelectedInstance testMethod=test_selected_instance_through_session> def test_selected_instance_through_session(self): self.client.get("/?selected_instance=mastodon.social") response = self.client.get("/") self.assertEqual(response.status_code, 200) self.assertEqual(response.context["selected_instance"], "mastodon.social") self.assertEqual(self.client.session["selected_instance"], "mastodon.social") > self.assertContains( response, '<a href="https://mastodon.social/@[email protected]"', ) accounts/tests.py:179: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://mastodon.social/@[email protected]"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "hqEMqiOJfq2kWVSDSGUNe6xVmkpTWJBHWS59s2t22MUE88xdSB4nyE3cvYyB00gA"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/"\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="hqEMqiOJfq2kWVSDSGUNe6xVmkpTWJBHWS59s2t22MUE88xdSB4nyE3cvYyB00gA">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'
accounts/tests.py::TestSelectedInstance::test_unselected_instance	0.4829s
self = <accounts.tests.TestSelectedInstance testMethod=test_unselected_instance> def test_unselected_instance(self): self.client.get("/?selected_instance=mastodon.social") response = self.client.get("/?selected_instance=") self.assertEqual(response.status_code, 200) self.assertIsNone(response.context["selected_instance"]) self.assertIsNone(self.client.session.get("selected_instance")) > self.assertContains( response, '<a href="https://fosstodon.org/@fosstest"', ) accounts/tests.py:104: _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ /opt/hostedtoolcache/Python/3.12.4/x64/lib/python3.12/site-packages/django/test/testcases.py:623: in assertContains self.assertTrue( E AssertionError: False is not true : Couldn't find '<a href="https://fosstodon.org/@fosstest"' in the following response E b'\n\n\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n\n<link rel="stylesheet" href="/static/css/dist/styles.fa6d1f2a13f7.css">\n\n\n\n\n <meta name="keywords"\n content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n <title>FediDevs \| List of software developers on Mastodon</title>\n <meta name="description"\n content="Discover amazing developers from across the Fediverse.">\n <!-- PWA -->\n <meta name="apple-mobile-web-app-status-bar-style"\n content="black-translucent" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />\n <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />\n <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />\n <link rel="manifest" href="/site.webmanifest" />\n <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />\n <meta name="msapplication-TileColor" content="#da532c" />\n <!-- Facebook Meta Tags -->\n <meta property="og:url" content="https://fedidevs.com">\n <meta property="og:type" content="website">\n <meta property="og:title" content="FediDevs \| List of software developers on Mastodon">\n <meta property="og:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta property="og:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Twitter Meta Tags -->\n <meta name="twitter:card" content="summary_large_image">\n <meta property="twitter:domain" content="fedidevs.com">\n <meta property="twitter:url" content="https://fedidevs.com">\n <meta name="twitter:title" content="FediDevs \| List of software developers on Mastodon">\n <meta name="twitter:description"\n content="Discover amazing developers from across the Fediverse.">\n \n <meta name="twitter:image"\n content="http:///static/og.2b4f3245ada0.png">\n \n <!-- Page specific head -->\n \n \n\n <script src="/static/src/components.06a6bc116d75.js"></script>\n <script defer\n data-domain="fedidevs.com"\n src="https://plausible.io/js/script.tagged-events.js"></script>\n </head>\n <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-gray-900 dark:text-white"\n hx-headers=\'{"X-CSRFToken": "Ss5PsIOoGjePiim0L2pRatlirlyldxo6e6qr9TWrF1iTWyXh7yb5JIJnkXuzOqEa"}\'>\n <div class="fixed top-4 right-4 z-50">\n \n </div>\n <nav class="fixed top-0 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">\n <div class="z-50 flex fixed w-full top-0 backdrop-blur bg-gray-100/[0.5] dark:bg-gray-950/[0.5] px-4 sm:px-12 py-4 flex-row justify-between items-center">\n <div class="flex items-center flex-1 gap-4 sm:gap-8 overflow-hidden">\n <button data-drawer-target="logo-sidebar"\n data-drawer-toggle="logo-sidebar"\n aria-controls="logo-sidebar"\n type="button"\n class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">\n <span class="sr-only">Open sidebar</span>\n <svg class="w-6 h-6"\n aria-hidden="true"\n fill="currentColor"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg">\n <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z">\n </path>\n </svg>\n </button>\n <h1 class="text-3xl font-bold w-8 hidden md:block md:w-60">\n <a class="flex gap-4" href="/">\n <img src="/static/logo.53104abe3072.png" alt="logo" width="32">\n <span class="hidden md:block">FEDIDEVS</span>\n </a>\n </h1>\n <h2 class="block md:hidden text-3xl font-semibold text-transparent bg-clip-text text-black dark:text-white ">\n FEDIDEVS\n </h2>\n <nav class="hidden md:flex gap-2 sm:gap-4 pl-1 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <a href="/"><span class="">Accounts</span></a>\n <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </nav>\n </div>\n <div class="flex justify-between sm:gap-2">\n <theme-toggle>\n <button type="button"\n class="hidden sm:inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Toggle Theme</span>\n <span class="hidden dark:block"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\n</svg></span>\n <span class="block w-6 h-6 dark:hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />\n</svg></span>\n </button>\n </theme-toggle>\n \n <button type="button"\n data-dropdown-toggle="dropdown"\n class="inline-flex items-center justify-center text-gray-900 transition rounded-full h-14 w-14 dark:text-white ring-gray-600 hover:bg-primary-500/10 focus:outline-none focus-visible:ring-2 dark:hover:bg-primary-400/10">\n <span class="sr-only">Account</span>\n <span class="block w-6 h-6"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\n</svg></span>\n </button>\n <div id="dropdown"\n class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">\n <ul class="py-2 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownDefaultButton">\n <li>\n <button data-modal-target="authentication-modal"\n data-modal-toggle="authentication-modal"\n data-umami-event="signin-modal"\n class="block px-4 py-2 w-full text-left hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white plausible-event-name=signin-modal">\n Sign in\n </button>\n </li>\n </ul>\n </div>\n \n </div>\n </div>\n </nav>\n \n \n \n <aside id="logo-sidebar"\n class="fixed top-0 left-0 z-40 min-w-[10rem] max-w-[35rem] h-screen mt-20 transition-transform -translate-x-full md:translate-x-0 bg-gray-100 dark:bg-gray-950"\n aria-label="Sidebar">\n <div class="flex flex-col justify-between p-12 pt-4 md:pt-8 pr-8 overflow-y-auto text-gray-900 min-w-60 max-w-[25rem] dark:text-white max-h-svh">\n <nav class="flex md:hidden gap-2 sm:gap-4 text-lg font-semibold divide-x justify-stretch dark:divide-slate-800 divide-slate-300">\n <ul class="pb-8">\n <li>\n <a href="/"><span class="">Accounts</span></a>\n </li>\n <li>\n <a class="pt-8" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n </li>\n </ul>\n </nav>\n <div class="align-top">\n \n <header>\n <blockquote>\n <p class="text-xl italic font-medium">\n Discover <mark>2</mark> superb devs from across the <a class="underline" href="/developers-on-mastodon/">Fediverse</a>!\n </p>\n </blockquote>\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b pt-8">\n Filter\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <form method="get"\n role="group"\n class="mb-8"\n action="/">\n <label for="default-search"\n class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>\n <div class="relative">\n <div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">\n <svg class="w-4 h-4 text-gray-500 dark:text-gray-400"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 20 20">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />\n </svg>\n </div>\n <button type="submit"\n class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Go\n </button>\n <input type="search"\n name="q"\n class="block w-full p-4 pr-16 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"\n placeholder="Filter by name, bio, or instance..."\n value="" />\n <input type="hidden" name="o" value="" />\n </div>\n </form>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Programming Language\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4 text-small ">\n \n <li class="m-1 inline-block">\n <a href="/python/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/python.bf5bfc101795.png"\n alt="python"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Python <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/typescript/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/typescript.4a522623a089.png"\n alt="typescript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n TypeScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/javascript/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/javascript.5a4576430c0f.png"\n alt="javascript"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n JavaScript <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rust/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/rust.98e0a0375c87.png"\n alt="rust"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rust <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ruby/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ruby.71496ca98315.png"\n alt="ruby"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Ruby <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/golang/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/golang.7475b9def15b.png"\n alt="golang"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Go <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/java/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/java.82a87f5543e6.png"\n alt="java"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Java <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kotlin/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/kotlin.c6499705562c.png"\n alt="kotlin"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kotlin <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/scala/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/scala.7db572488422.png"\n alt="scala"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Scala <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/swift/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/swift.f80169225dfb.png"\n alt="swift"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Swift <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rstats/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/r.2b85b00b026f.png"\n alt="rstats"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n R <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/csharp/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/csharp.0bd728402a0c.png"\n alt="csharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fsharp/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/fsharp.e83a5025efa7.png"\n alt="fsharp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n F# <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/cpp/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/cpp.22a5816e7136.png"\n alt="cpp"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n C++ <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/css/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/css.38736e683909.svg"\n alt="css"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n CSS <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/php/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/php.2300695f28f8.png"\n alt="php"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n PHP <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/haskell/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/haskell.3f87ea7539b8.png"\n alt="haskell"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Haskell <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/ocaml/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/ocaml.e23c2421a9a4.png"\n alt="ocaml"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OCaml <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nix/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/nix.b3b76b341231.png"\n alt="nix"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Nix <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/julia/?selected_instance="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/julia.37f6c87f7d40.png"\n alt="julia"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Julia <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n <section class="mb-8">\n <h2 class="flex items-center gap-2 pb-2 mb-4 text-sm font-semibold align-middle border-b">\n Frameworks, Libraries, and others\n <span class="hidden"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />\n</svg></span>\n <span class="hidden [&>svg]:h-4"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">\n <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />\n</svg></span>\n </h2>\n <ul class="px-4 -mx-4">\n \n <li class="m-1 inline-block">\n <a href="/django/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/django.f219f6390789.svg"\n alt="django"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Django <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/flask/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/flask.2ec656ebe76f.png"\n alt="flask"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Flask <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/fastapi/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/fastapi.96076e38a434.svg"\n alt="fastapi"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n FastAPI <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/rails/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/rails.92bcf5ec4a3c.png"\n alt="rails"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Rails <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/laravel/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/laravel.b0ba6d0d7144.png"\n alt="laravel"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Laravel <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/symfony/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/symfony.ac6884fc8472.png"\n alt="symfony"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Symfony <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/kubernetes/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/kubernetes.f0544331cb2d.png"\n alt="kubernetes"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Kubernetes <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/spring/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/spring.7a02f689a919.png"\n alt="spring"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Spring <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/htmx/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/htmx.b607ea6ad355.png"\n alt="htmx"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n HTMX <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/react/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/react.cd8a984e1f49.png"\n alt="react"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n React <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/vue/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/vue.d6800b5dd99c.png"\n alt="vue"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Vue <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/angular/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/angular.8abae078f0cb.png"\n alt="angular"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Angular <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/nextjs/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/nextjs.3c2a8f81709c.svg"\n alt="nextjs"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Next.js <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/svelte/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/svelte.262669441c73.png"\n alt="svelte"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Svelte <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/tailwind/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/tailwind.dfba58a247e2.svg"\n alt="tailwind"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Tailwind <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/bootstrap/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/bootstrap.80060ae7a4c2.png"\n alt="bootstrap"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Bootstrap <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/dotnet/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/dotnet.49c33b72c3d0.png"\n alt="dotnet"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n .NET <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opensource/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/opensource.8ddf7e6bcf99.png"\n alt="opensource"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Open Source <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/linux/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/languages/linux.577f8db3e9f1.png"\n alt="linux"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Linux <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/terraform/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/terraform.f6cd4ee99222.png"\n alt="terraform"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n Terraform <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n <li class="m-1 inline-block">\n <a href="/opentofu/?q=&o="\n class="flex text-sm gap-2 py-1 px-2 -ml-2 rounded-md hover:bg-white dark:hover:bg-gray-800 justify-between items-center"\n role="button">\n <span class="flex gap-2">\n <img src="/static/frameworks/opentofu.a9706855093a.png"\n alt="opentofu"\n loading="lazy"\n class="object-contain w-4" />\n <span class="leading-loose">\n OpenTofu <small class="text-xs">(0)</small>\n </span>\n </span>\n \n </a>\n </li>\n \n </ul>\n </section>\n </header>\n\n <footer class="align-baseline">\n <nav>\n <div class="flex gap-4 mb-4">\n <a href="https://github.com/anze3db/fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />\n </svg>\n </a>\n <a rel="me" href="https://fosstodon.org/@fedidevs">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />\n </svg>\n </a>\n <a href="mailto:[email protected]">\n <svg xmlns="http://www.w3.org/2000/svg"\n width="18"\n height="18"\n fill="currentColor"\n viewBox="0 0 16 16">\n <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z" />\n </svg>\n </a>\n </div>\n <ul>\n <li>\n <a href="/faq/">FAQ</a>\n </li>\n <li>\n <a href="/developers-on-mastodon/">Mastodon instances</a>\n </li>\n <li>\n <a target="_blank" href="https://anze3db.ck.page/76db70f6e0 ">Newsletter</a>\n </li>\n </ul>\n </nav>\n <p class="mt-4 mb-12 text-sm">\n Created by <a href="https://fosstodon.org/@anze3db">An\xc5\xbee</a>\n and <a href="https://github.com/anze3db/fedidevs/graphs/contributors">friends.</a>\n </p>\n </footer>\n </div>\n </div>\n </aside>\n <div class="p-4 md:ml-[25rem]">\n <div class="container pt-20 pl-0 mx-auto">\n \n <section class="mb-8 mr-2 flex gap-4 justify-end">\n \n <div class="inline-flex rounded-md shadow-sm" role="group">\n <button id="orderByDropdown"\n data-dropdown-toggle="orderByMenu"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-s-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n Order by: Followers\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="orderByMenu"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="orderByDropdown">\n <li>\n <a href="?selected_instance=&o=followers"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Followers</a>\n </li>\n <li>\n <a href="?selected_instance=&o=statuses"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Posts</a>\n </li>\n <li>\n <a href="?selected_instance=&o=last_status_at"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Date of Last Post</a>\n </li>\n </ul>\n </div>\n \n <button id="dropdownRadioButton"\n data-dropdown-toggle="dropdownRadio"\n class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-e-lg text-sm px-3 py-1.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"\n type="button">\n <svg class="w-3 h-3 text-gray-500 dark:text-gray-400 me-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="currentColor"\n viewBox="0 0 20 20">\n <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.982 13.982a1 1 0 0 1-1.414 0l-3.274-3.274A1.012 1.012 0 0 1 9 10V6a1 1 0 0 1 2 0v3.586l2.982 2.982a1 1 0 0 1 0 1.414Z" />\n </svg>\n All time\n <svg class="w-2.5 h-2.5 ms-2.5"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 10 6">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />\n </svg>\n </button>\n <!-- Dropdown menu -->\n <div id="dropdownRadio"\n class="z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"\n data-popper-reference-hidden=""\n data-popper-escaped=""\n data-popper-placement="top"\n style="position: absolute;\n inset: auto auto 0px 0px;\n margin: 0px;\n transform: translate3d(522.5px, 3847.5px, 0px)">\n \n <ul class="p-3 space-y-1 text-sm text-gray-700 dark:text-gray-200"\n aria-labelledby="dropdownRadioButton">\n <li>\n <a href="?selected_instance=&p=daily"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last day</a>\n </li>\n <li>\n <a href="?selected_instance=&p=weekly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 7 days</a>\n </li>\n <li>\n <a href="?selected_instance=&p=monthly"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Last 30 days</a>\n </li>\n <li>\n <a href="?selected_instance=&p=all"\n class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">All time</a>\n </li>\n \n </ul>\n </div>\n \n </div>\n </section>\n \n\n\n<div class="gap-12 columns-1 xl:columns-3 lg:columns-2">\n \n</div>\n\n\n\n </div>\n </div>\n \n <div id="authentication-modal"\n tabindex="-1"\n aria-hidden="true"\n class="hidden backdrop-blur-md bg-white/30 dark:bg-black/30 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">\n <div class="relative p-4 w-full max-w-md max-h-full">\n <!-- Modal content -->\n <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">\n <!-- Modal header -->\n <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">\n <h3 class="text-xl font-semibold">Sign in to your Mastodon instance</h3>\n <button type="button"\n class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"\n data-modal-hide="authentication-modal">\n <svg class="w-3 h-3"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n fill="none"\n viewBox="0 0 14 14">\n <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />\n </svg>\n <span class="sr-only">Close modal</span>\n </button>\n </div>\n <!-- Modal body -->\n <div class="p-4 md:p-5">\n <form method="post"\n action="/mastodon_login/"\n class="plausible-event-name=authorize space-y-4"\n action="#">\n <input type="hidden" name="csrfmiddlewaretoken" value="Ss5PsIOoGjePiim0L2pRatlirlyldxo6e6qr9TWrF1iTWyXh7yb5JIJnkXuzOqEa">\n <div>\n <label for="email" class="block mb-2 text-sm font-medium">Your instance</label>\n <input type="text"\n name="instance"\n id="instance"\n class="bg-gray-50 mb-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"\n placeholder="fosstodon.org"\n list="instances"\n required />\n <datalist id=\'instances\'></datalist>\n <p class="mb-4 text-sm font-medium text-gray-500 dark:text-gray-300">\n <strong>Write</strong> permissions will be requested to be able to follow accounts on your behalf.\n </p>\n <button type="submit"\n data-umami-event="authorize"\n class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n Authorize\n </button>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n \n <script src="/static/htmx.min.24fd00f6366e.js"></script>\n <script src="/static/flowbite.min.c8fe27298415.js"></script>\n <script data-goatcounter="https://fedidevs.goatcounter.com/count"\n async\n src="//gc.zgo.at/count.js"></script>\n </body>\n</html>\n'