#90 Use discoverable as a stop gap
Commit f8e00 pushed by Anže Pečar

43 tests 41 passed 2 failed Duration
self = <starter_packs.tests.TestShareStarterPack testMethod=test_logged_in>

    def test_logged_in(self):
        self.client.force_login(self.user)
        response = self.client.get(reverse("share_starter_pack", args=[self.starter_pack.slug]))
        self.assertEqual(response.status_code, 200)
        self.assertContains(response, self.starter_pack.title)
        self.assertContains(response, self.starter_pack.description)
    
        for account in self.starter_pack.starterpackaccount_set.all():
            with self.subTest("Check account"):
>               self.assertContains(response, account.account.username)

starter_packs/tests.py:206: 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 
.venv/lib/python3.13/site-packages/django/test/testcases.py:623: in assertContains
    self.assertTrue(
E   AssertionError: False is not true : Couldn't find 'eQCMtyLIyaMJdXFRzDInPzbCEfjRDxoofwHYArmlQcSErkkzuDDnMqYMeFBnmZAKdGSHJtpNTYYcwUqgdblThPbcTxvrehhBDiFsvaKviLDfokWdzuQQLpyQWwojEyQiyQryBAEsspqPHIRTEYWCqFEGDwefWyhbUhtzoRqlsECZYJfukPlpohWtaCPeFsBKUeOtQXGMjEiUJhzKCiLyfGREetiRHWLnssopzgQFPQdKdgdNDucAxDapaxkUFtrqzbzDYYNtMBartVyvrMvrUQVJtihkxsqMiMxJQhYSumQY' 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.e27142dffa18.css">\n\n\n\n\n        <meta name="keywords"\n              content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n        <title>PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom - Mastodon Starter Pack</title>\n        <meta name="description"\n              content="vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez">\n        \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"\n              sizes="180x180"\n              href="/apple-touch-icon.png?v=2">\n        <link rel="icon"\n              type="image/png"\n              sizes="32x32"\n              href="/favicon-32x32.png?v=2">\n        <link rel="icon"\n              type="image/png"\n              sizes="16x16"\n              href="/favicon-16x16.png?v=2">\n        <link rel="manifest" href="/site.webmanifest?v=2">\n        <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#1a1a1a">\n        <link rel="shortcut icon" href="/favicon.ico?v=2">\n        <meta name="msapplication-TileColor" content="#1a1a1a">\n        <meta name="theme-color" content="#1a1a1a">\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="PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom - Mastodon Starter Pack">\n        <meta property="og:description"\n              content="vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez">\n        \n            <meta property="og:image"\n                  content="http:///static/og-starterpack.9c8486c2d6f5.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="PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom - Mastodon Starter Pack">\n        <meta name="twitter:description"\n              content="vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez">\n        \n            <meta name="twitter:image"\n                  content="http:///static/og-starterpack.9c8486c2d6f5.png">\n        \n        <!-- Page specific head -->\n        \n        \n        <script src="/static/src/components.ed36882c6509.js"></script>\n        <script defer\n                data-domain="fedidevs.com"\n                integrity="sha384-0FyNfDEk8Ux9AwEnjnG/nv6JmxPfajOhE5BQPlJXQ+Vv4ksrXZZVBVVRNtPsQqKQ"\n                src="https://plausible.io/js/script.tagged-events.js"\n                crossorigin="anonymous"></script>\n    </head>\n    <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-black dark:text-white"\n          hx-headers=\'{"X-CSRFToken": "lnqDSE3Ma3nK2GB2S9XQ3931Hd1tYzb8AkqIwHgDMQkEfdkgTJB2BPMQRSGwb4Wj"}\'>\n        <div class="fixed top-20 right-4 z-50">\n            \n        </div>\n        <div id="top-bar"\n             class="z-50 flex fixed w-full -top-16 backdrop-blur-2xl px-4 sm:px-12 py-4 pt-[72px] 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-2xl w-8 hidden md:block md:w-60">\n                    <a class="flex gap-2" href="/">\n                        <img src="/static/logo.939722613d86.png"\n                             alt="logo"\n                             class="w-8 h-8"\n                             width="32"\n                             height="32">\n                        <span>FEDIDEVS</span>\n                    </a>\n                </h1>\n                <h2 class="block md:hidden text-3xl font-semibold   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="opacity-50 hover:opacity-75">Accounts</span></a>\n                    <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n                    <a class="pl-4" href="/starter-packs/"><span class="">Starter&nbsp;Packs</span></a>\n                    <a class="pl-4" href="/stats/"><span class="opacity-50 hover:opacity-75">Stats</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                        <img src=http://www.VYmWuedmlCBpkKzSQXeMkcHJVljgXT.com/ loading="lazy" alt="avatar" class="w-8 h-8 rounded-full" />\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                                <a href="/mastodon_logout/"\n                                   class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Sign out</a>\n                            </li>\n                        </ul>\n                    </div>\n                \n            </div>\n        </div>\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="opacity-50 hover:opacity-75">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                        <li>\n                            <a href="/starter-packs/"><span class="">Starter Packs</span></a>\n                        </li>\n                        <li>\n                            <a href="/stats/"><span class="opacity-50 hover:opacity-75">Stats</span></a>\n                        </li>\n                    </ul>\n                </nav>\n                <div class="align-top">\n                    \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 prose dark:prose-invert">\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    <main>\n        <div class="max-w-4xl mb-8">\n            <div class="w-full p-4 text-center bg-blue-100 border border-gray-200 rounded-lg shadow sm:p-8 dark:bg-blue-950 dark:border-blue-800">\n                <h5 class="mb-2 text-3xl font-bold text-gray-900 dark:text-white">PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom</h5>\n                <p class="mb-5 text-base text-gray-500 sm:text-sm dark:text-gray-400">by RwTopvRiBmOACalWkJgGfggpVbnERbgDixbgqgguMugziqaSMUiOvQzougAkVRULcHcIsOvoQIzybFFuXhSiqTYgINntlOfSIHxoOMQbMdhNPGcBviJkAlByYCmXVxseSchrxgFabWRCOfsTXnUtAk</p>\n                <p class="mb-5 text-base sm:text-lg">vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez</p>\n                <div class="items-center justify-center space-y-4 sm:flex sm:space-y-0 sm:space-x-4 rtl:space-x-reverse">\n                    \n                        <form method="post"\n                              action="/starter-packs/PtVWCsXJDcqjQcntLF7HZ0zO7qeveykwpeIrHMcc7a_hiXRq5fPCtGEkPAlXZBJvzsubK8oIP4cRJ9Lb9esG8-Xhsm1LZOdYrDX5zFCG5RZo0iaSkl8_TC1SXJgRS3tXMjsBKaMiGfHmNDn-HzkiFJA2kbcp3-pC15Ls0urUL-Pqh_t_zuFQLFyeNFzald_SVKtLOmvPJz-lG9FhljRON0GquBxaIL2ruS-WPS4c--zDt6nDjw02AUxdAyJ58e9/follow/">\n                            <input type="hidden" name="csrfmiddlewaretoken" value="lnqDSE3Ma3nK2GB2S9XQ3931Hd1tYzb8AkqIwHgDMQkEfdkgTJB2BPMQRSGwb4Wj">\n                            <button type="submit"\n                                    class="plausible-event-name=follow-all 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-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n                                Follow all 2 accounts\n                            </button>\n                        </form>\n                    \n                    <button id="openMoreDropdown"\n                            data-dropdown-toggle="starter-pack-dropdown"\n                            type="button"\n                            class="py-2.5 px-5 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-full border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">\n                        ...\n                    </button>\n                    <!-- Dropdown menu -->\n                    <div id="starter-pack-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                            \n                            <li>\n                                <a href="/faq/#report-issue"\n                                   class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Report</a>\n                            </li>\n                            \n                                <li>\n                                    <a href="/starter-packs/PtVWCsXJDcqjQcntLF7HZ0zO7qeveykwpeIrHMcc7a_hiXRq5fPCtGEkPAlXZBJvzsubK8oIP4cRJ9Lb9esG8-Xhsm1LZOdYrDX5zFCG5RZo0iaSkl8_TC1SXJgRS3tXMjsBKaMiGfHmNDn-HzkiFJA2kbcp3-pC15Ls0urUL-Pqh_t_zuFQLFyeNFzald_SVKtLOmvPJz-lG9FhljRON0GquBxaIL2ruS-WPS4c--zDt6nDjw02AUxdAyJ58e9/edit/"\n                                       class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Edit</a>\n                                </li>\n                                <li>\n                                    <a href="/starter-packs/PtVWCsXJDcqjQcntLF7HZ0zO7qeveykwpeIrHMcc7a_hiXRq5fPCtGEkPAlXZBJvzsubK8oIP4cRJ9Lb9esG8-Xhsm1LZOdYrDX5zFCG5RZo0iaSkl8_TC1SXJgRS3tXMjsBKaMiGfHmNDn-HzkiFJA2kbcp3-pC15Ls0urUL-Pqh_t_zuFQLFyeNFzald_SVKtLOmvPJz-lG9FhljRON0GquBxaIL2ruS-WPS4c--zDt6nDjw02AUxdAyJ58e9/delete/"\n                                       class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Delete</a>\n                                </li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n\n\n<div class="max-w-4xl">\n    \n        <div class="p-3 mb-12 bg-white shadow-md rounded-2xl dark:bg-gray-800 break-inside-avoid-column">\n            <div class="relative rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 min-h-24 -z-0">\n                <div class="absolute flex flex-row gap-4 p-3 bg-white rounded-bl-xl dark:bg-gray-800 -top-2 -right-2">\n                    \n                </div>\n                <div class="overflow-hidden rounded-lg max-h-64">\n                    <img loading="lazy"\n                         src="http://www.aimUEldhGjUSPpWmXhUbgPvKkNkIOs.com/"\n                         alt="Header Image"\n                         class="object-cover" />\n                </div>\n                <img loading="lazy"\n                     class="absolute bottom-0 translate-y-1/2 bg-white rounded-full outline-8 outline outline-white dark:outline-gray-800 left-4 dark:bg-gray-800 -outline-offset-1"\n                     src="http://www.dgExhkLFzXiPMoXQsALNkcTDyxTnXx.com/"\n                     alt=""\n                     width="80"\n                     height="80" />\n                \n    <button hx-post="/follow/13"\n            hx-swap="outerHTML"\n            data-umami-event="follow"\n            class="plausible-event-name=follow absolute -bottom-12 end-2 rounded-lg bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n        Follow\n    </button>\n    <style nonce=FGmWMwbzXRWtmTUDG39c2A==>\n        .htmx-request {\n            cursor: not-allowed;\n            opacity: 0.2;\n            content: "Following...";\n        }\n    </style>\n\n\n            </div>\n            <div class="p-4 pt-16">\n                <div class="relative">\n                    <h5 class="mb-1 text-2xl font-semibold flex gap-2 [&>img]:max-w-8">cWvATLYLhTNCOlddddQqUWIJEIOuyrJOUCwZVtKFDJbOrnDCDaLFupUWGghoawxqxsAiqVmokRZZkSfyULoGcmVmxBScZbQQqtCoIVskFalYxAEWOTnBjykNtcxcVpxOTitndygvxxpgppqzZRkafJJXExmWNtSNpoyGqNcozYznJuYfIPRBZjyMUNjSaQMQCYjRtqSCWAxXteAAurSSGgBgeZOsVkrrMYqpdSerGyKNbfAphuKWLYzZWJLlhFvqHwwNZmoneNCynSvrUqrgnFeydyITRCAIQqXvROUOnvzV</h5>\n                    \n                        <a href="https://www.JOzvFRvYiZdFDHepmcYsaUaoYIJVzt.com/@KSnAZdlysZLkTqpdFjJnunxwuZrJGtVVUtLiSaLINLATlIvNNPcWkEPswKNwSfGGFqWyXHgeqDYwRPPLvOehKuTxItQCKNmgPcBxKFkwKMJnttDsEnysXjQjChbWEvpghVXIWHLlfGEGeDKGGpKHqworxeohPKdDgtwZxRKNMFdWOVcFvgMBqpqfhOatjqVBqGyfMZoqnDVvEEBuFeDBKboTqzitSPXiwntGBHKBtPdhcCXnKgjyfQnbxopQnimPbgmADikwaGoBdrZIwwszDBtXKIGtimGMlrmpGzmUbtAw"\n                           target="_blank"\n                           class="border-b border-color-gray-700 dark:border-gray-500 text-gray-700 dark:text-gray-400 text-sm [&>img]:max-h-4 inline-flex gap-2">\n                            None\n                        </a>\n                    \n                </div>\n                <div class="mt-6 mb-2 font-normal text-gray-700 dark:text-gray-400 prose dark:prose-invert text-balance break-all [&_img]:max-h-4 [&_img]:inline-block [&_img]:m-0">\n                    lhaEyUVDTOFNAyWGexTvGaJLYQxGqwnPyHgRrKKfkJqysFZYbobpZBJDYgzYaNPennkRUipkrlYLzPEpGBiXFxDAQKiqJwOkpuOZOddvjTXCRvloVSmfbFXtkEXYSCuGrMevrkcydikTuGiwGEPwyEVjfIverKUdbzPWtXKpTaqrsMsHwIgYzFdcAJqRcPbSEnLDkBSickbnDNwGRbJClWqYDunWIqQIQvBWlPAVlscToxqZuWHcRfppZMKhOONRxdsVpqIlJOcVUvQYqqxHxRwrvBktCjhaTDfiOiQRUvNM\n                </div>\n                \n                <div class="grid grid-cols-4 gap-2 pt-4 mt-4 text-sm text-gray-500 border-t divide-x dark:text-gray-500 border-color-gray-700 dark:border-gray-700 divide-color-gray-700 dark:divide-gray-700">\n                    <div class="flex flex-col gap-0 text-center" title="Last status">\n                        <span class="text-xs">Last posted</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                        Never posted</span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Statuses">\n                        <span class="text-xs">Posts</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>1,305,500,989</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Followers">\n                        <span class="text-xs">Followers</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>147,458,652</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Following">\n                        <span class="text-xs">Following</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>-36,723,674</span>\n                            \n                        </span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    \n        <div class="p-3 mb-12 bg-white shadow-md rounded-2xl dark:bg-gray-800 break-inside-avoid-column">\n            <div class="relative rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 min-h-24 -z-0">\n                <div class="absolute flex flex-row gap-4 p-3 bg-white rounded-bl-xl dark:bg-gray-800 -top-2 -right-2">\n                    \n                </div>\n                <div class="overflow-hidden rounded-lg max-h-64">\n                    <img loading="lazy"\n                         src="http://www.npPPRGBjvlXJjUTXcqIkSGzWeBYDcC.com/"\n                         alt="Header Image"\n                         class="object-cover" />\n                </div>\n                <img loading="lazy"\n                     class="absolute bottom-0 translate-y-1/2 bg-white rounded-full outline-8 outline outline-white dark:outline-gray-800 left-4 dark:bg-gray-800 -outline-offset-1"\n                     src="http://www.anPNeDEKGNittqdfHKdLumIrmyFMsv.com/"\n                     alt=""\n                     width="80"\n                     height="80" />\n                \n    <button hx-post="/follow/12"\n            hx-swap="outerHTML"\n            data-umami-event="follow"\n            class="plausible-event-name=follow absolute -bottom-12 end-2 rounded-lg bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n        Follow\n    </button>\n    <style nonce=FGmWMwbzXRWtmTUDG39c2A==>\n        .htmx-request {\n            cursor: not-allowed;\n            opacity: 0.2;\n            content: "Following...";\n        }\n    </style>\n\n\n            </div>\n            <div class="p-4 pt-16">\n                <div class="relative">\n                    <h5 class="mb-1 text-2xl font-semibold flex gap-2 [&>img]:max-w-8">rFanllnZYsbSCJwrxlMiuvarUTvBWuWrsDjCEigCSHwDXbFYFGxUIKhHNRGEeTBLcpnQIxmvXHonBUfAGjoVIBzdptuEemAqWkYyVeFHJYCoOJLkwGrPvpCGiciahmOgeojhdquDgxzTpPstOkCrWgQgqaGmJAhXtVgLUksTaxRwwFQvtuwdZOQLreYZzPjPyWVOINjDvxUfphDvTpbTTHdiPjQnhrpKySiQCItWfiZBtnImUDcsibhJaxbtxopFgnjiNBKMAwWGWsMtuOJYyeBhhgalBFfJVPDdoekgphNB</h5>\n                    \n                        <a href="https://www.NGmfQIjTzxTcsWdOOiOMtEnIDqAzyb.com/@wZNdXNguCTCCuImSOLdumrCIgpteBTgIdAtevhYNjnxarujIvSkHtNWiNVmscUTVsZTdPMJyxkpWeHxdcujyKIRsduXsdnvrivgvPxCgZmToOyYuhexSDnjBWfVPlFxZNqWmNyfbieaYkUSFximneOMmAtByrDQubAKKDnexnQZBJZKEDBZGtrnMJabQByzEvDNuAfkyGpZPLLdNvynztEecOaVSDGcPpfZxHOOnMakBQtvOYHdLgEMEPhWwEXdugWccKeDzUDxgzIVoAPNOOmCvFeeITLLteEfoFvyOgpCw"\n                           target="_blank"\n                           class="border-b border-color-gray-700 dark:border-gray-500 text-gray-700 dark:text-gray-400 text-sm [&>img]:max-h-4 inline-flex gap-2">\n                            None\n                        </a>\n                    \n                </div>\n                <div class="mt-6 mb-2 font-normal text-gray-700 dark:text-gray-400 prose dark:prose-invert text-balance break-all [&_img]:max-h-4 [&_img]:inline-block [&_img]:m-0">\n                    iQaUGPqTzyeGkyqaqGEiMJZeGQGRdCjzqFJdDsLaTbRVGmYLGOHyOegjWfDHhdoGtBnJyHEzmoxsIegFLIpdSOKWVFLhcLgVDqLswYrLFONQTeiTLGkurSGZccfIxAgWxEKrQtzSMgbQpCGShqNmudsbmOBSZZrqFvboOzzZxUAlhgaPrZQnPEuNULCfQCxrotcVsQBbKhmKKzTKIBgtkffuUoDzgIwTvgiWCskjdatuNZbdARgZmlGYTtZpkkCfmsOtSmPABeYVBNUjQLWIHWONjDKdKygAqVZbZOfLDiuN\n                </div>\n                \n                <div class="grid grid-cols-4 gap-2 pt-4 mt-4 text-sm text-gray-500 border-t divide-x dark:text-gray-500 border-color-gray-700 dark:border-gray-700 divide-color-gray-700 dark:divide-gray-700">\n                    <div class="flex flex-col gap-0 text-center" title="Last status">\n                        <span class="text-xs">Last posted</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                        Never posted</span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Statuses">\n                        <span class="text-xs">Posts</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>361,756,721</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Followers">\n                        <span class="text-xs">Followers</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>-257,531,255</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Following">\n                        <span class="text-xs">Following</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>-1,632,461,514</span>\n                            \n                        </span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    \n</div>\n\n\n    </main>\n\n            </div>\n        </div>\n        \n        <script src="/static/htmx.min.24fd00f6366e.js"></script>\n        <script src="/static/flowbite.min.c8fe27298415.js"></script>\n    </body>\n</html>\n'
self = <starter_packs.tests.TestShareStarterPack testMethod=test_share_starter_pack>

    def test_share_starter_pack(self):
        response = self.client.get(reverse("share_starter_pack", args=[self.starter_pack.slug]))
        self.assertEqual(response.status_code, 200)
        self.assertContains(response, self.starter_pack.title)
        self.assertContains(response, self.starter_pack.description)
    
        for account in self.starter_pack.starterpackaccount_set.all():
            with self.subTest("Check account"):
>               self.assertContains(response, account.account.username)

starter_packs/tests.py:191: 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 
.venv/lib/python3.13/site-packages/django/test/testcases.py:623: in assertContains
    self.assertTrue(
E   AssertionError: False is not true : Couldn't find 'eQCMtyLIyaMJdXFRzDInPzbCEfjRDxoofwHYArmlQcSErkkzuDDnMqYMeFBnmZAKdGSHJtpNTYYcwUqgdblThPbcTxvrehhBDiFsvaKviLDfokWdzuQQLpyQWwojEyQiyQryBAEsspqPHIRTEYWCqFEGDwefWyhbUhtzoRqlsECZYJfukPlpohWtaCPeFsBKUeOtQXGMjEiUJhzKCiLyfGREetiRHWLnssopzgQFPQdKdgdNDucAxDapaxkUFtrqzbzDYYNtMBartVyvrMvrUQVJtihkxsqMiMxJQhYSumQY' 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.e27142dffa18.css">\n\n\n\n\n        <meta name="keywords"\n              content="fedidevs,mastodon,developers,developer,fediverse,discover,discover developers" />\n        <title>PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom - Mastodon Starter Pack</title>\n        <meta name="description"\n              content="vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez">\n        \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"\n              sizes="180x180"\n              href="/apple-touch-icon.png?v=2">\n        <link rel="icon"\n              type="image/png"\n              sizes="32x32"\n              href="/favicon-32x32.png?v=2">\n        <link rel="icon"\n              type="image/png"\n              sizes="16x16"\n              href="/favicon-16x16.png?v=2">\n        <link rel="manifest" href="/site.webmanifest?v=2">\n        <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#1a1a1a">\n        <link rel="shortcut icon" href="/favicon.ico?v=2">\n        <meta name="msapplication-TileColor" content="#1a1a1a">\n        <meta name="theme-color" content="#1a1a1a">\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="PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom - Mastodon Starter Pack">\n        <meta property="og:description"\n              content="vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez">\n        \n            <meta property="og:image"\n                  content="http:///static/og-starterpack.9c8486c2d6f5.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="PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom - Mastodon Starter Pack">\n        <meta name="twitter:description"\n              content="vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez">\n        \n            <meta name="twitter:image"\n                  content="http:///static/og-starterpack.9c8486c2d6f5.png">\n        \n        <!-- Page specific head -->\n        \n        \n        <script src="/static/src/components.ed36882c6509.js"></script>\n        <script defer\n                data-domain="fedidevs.com"\n                integrity="sha384-0FyNfDEk8Ux9AwEnjnG/nv6JmxPfajOhE5BQPlJXQ+Vv4ksrXZZVBVVRNtPsQqKQ"\n                src="https://plausible.io/js/script.tagged-events.js"\n                crossorigin="anonymous"></script>\n    </head>\n    <body class="min-h-screen bg-gray-100 dark:bg-gray-950 text-black dark:text-white"\n          hx-headers=\'{"X-CSRFToken": "aYZTNxMldwGRSikDXCS6GQ0VuBupmx2k4KG9IifntvzzouCRvJixSXnjB1h6PoHW"}\'>\n        <div class="fixed top-20 right-4 z-50">\n            \n        </div>\n        <div id="top-bar"\n             class="z-50 flex fixed w-full -top-16 backdrop-blur-2xl px-4 sm:px-12 py-4 pt-[72px] 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-2xl w-8 hidden md:block md:w-60">\n                    <a class="flex gap-2" href="/">\n                        <img src="/static/logo.939722613d86.png"\n                             alt="logo"\n                             class="w-8 h-8"\n                             width="32"\n                             height="32">\n                        <span>FEDIDEVS</span>\n                    </a>\n                </h1>\n                <h2 class="block md:hidden text-3xl font-semibold   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="opacity-50 hover:opacity-75">Accounts</span></a>\n                    <a class="pl-4" href="/conferences/"><span class="opacity-50 hover:opacity-75">Conferences</span></a>\n                    <a class="pl-4" href="/starter-packs/"><span class="">Starter&nbsp;Packs</span></a>\n                    <a class="pl-4" href="/stats/"><span class="opacity-50 hover:opacity-75">Stats</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        \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="opacity-50 hover:opacity-75">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                        <li>\n                            <a href="/starter-packs/"><span class="">Starter Packs</span></a>\n                        </li>\n                        <li>\n                            <a href="/stats/"><span class="opacity-50 hover:opacity-75">Stats</span></a>\n                        </li>\n                    </ul>\n                </nav>\n                <div class="align-top">\n                    \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 prose dark:prose-invert">\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    <main>\n        <div class="max-w-4xl mb-8">\n            <div class="w-full p-4 text-center bg-blue-100 border border-gray-200 rounded-lg shadow sm:p-8 dark:bg-blue-950 dark:border-blue-800">\n                <h5 class="mb-2 text-3xl font-bold text-gray-900 dark:text-white">PSTnnctLEVKngeqvUObFqwmLPCLmNeWCsDgUftxdWXXOLnfMdCGpVfWYVSJfKCTuRcPTFocZWeiVJWwFcgOjDIRUqHiPlChHtrulbISziRStOPuxSSijLHpmXnOzftbrPzjluiMtCQoqDZJsCmjBUtfnaQFrqVQiuAftZATmGfBfAGssprgsOxhAKSMifMQwlHKeitCGINyJYbpFLUEikppTYpdkMUsVTxvCDCjvvzOvVQXGapnalcXmEUozSom</h5>\n                <p class="mb-5 text-base text-gray-500 sm:text-sm dark:text-gray-400">by RwTopvRiBmOACalWkJgGfggpVbnERbgDixbgqgguMugziqaSMUiOvQzougAkVRULcHcIsOvoQIzybFFuXhSiqTYgINntlOfSIHxoOMQbMdhNPGcBviJkAlByYCmXVxseSchrxgFabWRCOfsTXnUtAk</p>\n                <p class="mb-5 text-base sm:text-lg">vQbOFxXkcdATJcmuHPORZVtrXHYUejYBZzbKRiDARPrPZTSZLyNExSycKQKCcnhCuryArVPISSjziIZBKZSUOxQzRYiquyDQbpTJyAgxNDtqhjKkbbOOmcOTedAGjYqIODgEjPlucFXFJubVEbprSFlItXEOKDQxjCTBkcNVdfihFMYwwdeitkgoYRsiNCwpQghpfaMmVStsRCgEfIysgeMRgxIknKfqnczwnFLMhzYXLQUcxeiCHdpgwWLbfFuxMlhgOlzCeXLjnAyJHBljlGNggSBArojALSjNkCAseTez</p>\n                <div class="items-center justify-center space-y-4 sm:flex sm:space-y-0 sm:space-x-4 rtl:space-x-reverse">\n                    \n                        <button data-modal-target="authentication-modal"\n                                data-modal-toggle="authentication-modal"\n                                data-umami-event="follow-signup-modal"\n                                class="plausible-event-name=follow-signup-modal 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-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">\n                            Follow all 2 accounts\n                        </button>\n                    \n                    <button id="openMoreDropdown"\n                            data-dropdown-toggle="starter-pack-dropdown"\n                            type="button"\n                            class="py-2.5 px-5 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-full border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">\n                        ...\n                    </button>\n                    <!-- Dropdown menu -->\n                    <div id="starter-pack-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                            \n                            <li>\n                                <a href="/faq/#report-issue"\n                                   class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Report</a>\n                            </li>\n                            \n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n\n\n<div class="max-w-4xl">\n    \n        <div class="p-3 mb-12 bg-white shadow-md rounded-2xl dark:bg-gray-800 break-inside-avoid-column">\n            <div class="relative rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 min-h-24 -z-0">\n                <div class="absolute flex flex-row gap-4 p-3 bg-white rounded-bl-xl dark:bg-gray-800 -top-2 -right-2">\n                    \n                </div>\n                <div class="overflow-hidden rounded-lg max-h-64">\n                    <img loading="lazy"\n                         src="http://www.aimUEldhGjUSPpWmXhUbgPvKkNkIOs.com/"\n                         alt="Header Image"\n                         class="object-cover" />\n                </div>\n                <img loading="lazy"\n                     class="absolute bottom-0 translate-y-1/2 bg-white rounded-full outline-8 outline outline-white dark:outline-gray-800 left-4 dark:bg-gray-800 -outline-offset-1"\n                     src="http://www.dgExhkLFzXiPMoXQsALNkcTDyxTnXx.com/"\n                     alt=""\n                     width="80"\n                     height="80" />\n                \n    <button data-modal-target="authentication-modal"\n            data-modal-toggle="authentication-modal"\n            data-umami-event="follow-signup-modal"\n            class="plausible-event-name=follow-signup-modal text-white absolute end-2 -bottom-12 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        Follow\n    </button>\n\n\n            </div>\n            <div class="p-4 pt-16">\n                <div class="relative">\n                    <h5 class="mb-1 text-2xl font-semibold flex gap-2 [&>img]:max-w-8">cWvATLYLhTNCOlddddQqUWIJEIOuyrJOUCwZVtKFDJbOrnDCDaLFupUWGghoawxqxsAiqVmokRZZkSfyULoGcmVmxBScZbQQqtCoIVskFalYxAEWOTnBjykNtcxcVpxOTitndygvxxpgppqzZRkafJJXExmWNtSNpoyGqNcozYznJuYfIPRBZjyMUNjSaQMQCYjRtqSCWAxXteAAurSSGgBgeZOsVkrrMYqpdSerGyKNbfAphuKWLYzZWJLlhFvqHwwNZmoneNCynSvrUqrgnFeydyITRCAIQqXvROUOnvzV</h5>\n                    \n                        <a href="https://www.JOzvFRvYiZdFDHepmcYsaUaoYIJVzt.com/@KSnAZdlysZLkTqpdFjJnunxwuZrJGtVVUtLiSaLINLATlIvNNPcWkEPswKNwSfGGFqWyXHgeqDYwRPPLvOehKuTxItQCKNmgPcBxKFkwKMJnttDsEnysXjQjChbWEvpghVXIWHLlfGEGeDKGGpKHqworxeohPKdDgtwZxRKNMFdWOVcFvgMBqpqfhOatjqVBqGyfMZoqnDVvEEBuFeDBKboTqzitSPXiwntGBHKBtPdhcCXnKgjyfQnbxopQnimPbgmADikwaGoBdrZIwwszDBtXKIGtimGMlrmpGzmUbtAw"\n                           target="_blank"\n                           class="border-b border-color-gray-700 dark:border-gray-500 text-gray-700 dark:text-gray-400 text-sm [&>img]:max-h-4 inline-flex gap-2">\n                            None\n                        </a>\n                    \n                </div>\n                <div class="mt-6 mb-2 font-normal text-gray-700 dark:text-gray-400 prose dark:prose-invert text-balance break-all [&_img]:max-h-4 [&_img]:inline-block [&_img]:m-0">\n                    lhaEyUVDTOFNAyWGexTvGaJLYQxGqwnPyHgRrKKfkJqysFZYbobpZBJDYgzYaNPennkRUipkrlYLzPEpGBiXFxDAQKiqJwOkpuOZOddvjTXCRvloVSmfbFXtkEXYSCuGrMevrkcydikTuGiwGEPwyEVjfIverKUdbzPWtXKpTaqrsMsHwIgYzFdcAJqRcPbSEnLDkBSickbnDNwGRbJClWqYDunWIqQIQvBWlPAVlscToxqZuWHcRfppZMKhOONRxdsVpqIlJOcVUvQYqqxHxRwrvBktCjhaTDfiOiQRUvNM\n                </div>\n                \n                <div class="grid grid-cols-4 gap-2 pt-4 mt-4 text-sm text-gray-500 border-t divide-x dark:text-gray-500 border-color-gray-700 dark:border-gray-700 divide-color-gray-700 dark:divide-gray-700">\n                    <div class="flex flex-col gap-0 text-center" title="Last status">\n                        <span class="text-xs">Last posted</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                        Never posted</span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Statuses">\n                        <span class="text-xs">Posts</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>1,305,500,989</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Followers">\n                        <span class="text-xs">Followers</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>147,458,652</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Following">\n                        <span class="text-xs">Following</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>-36,723,674</span>\n                            \n                        </span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    \n        <div class="p-3 mb-12 bg-white shadow-md rounded-2xl dark:bg-gray-800 break-inside-avoid-column">\n            <div class="relative rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 min-h-24 -z-0">\n                <div class="absolute flex flex-row gap-4 p-3 bg-white rounded-bl-xl dark:bg-gray-800 -top-2 -right-2">\n                    \n                </div>\n                <div class="overflow-hidden rounded-lg max-h-64">\n                    <img loading="lazy"\n                         src="http://www.npPPRGBjvlXJjUTXcqIkSGzWeBYDcC.com/"\n                         alt="Header Image"\n                         class="object-cover" />\n                </div>\n                <img loading="lazy"\n                     class="absolute bottom-0 translate-y-1/2 bg-white rounded-full outline-8 outline outline-white dark:outline-gray-800 left-4 dark:bg-gray-800 -outline-offset-1"\n                     src="http://www.anPNeDEKGNittqdfHKdLumIrmyFMsv.com/"\n                     alt=""\n                     width="80"\n                     height="80" />\n                \n    <button data-modal-target="authentication-modal"\n            data-modal-toggle="authentication-modal"\n            data-umami-event="follow-signup-modal"\n            class="plausible-event-name=follow-signup-modal text-white absolute end-2 -bottom-12 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        Follow\n    </button>\n\n\n            </div>\n            <div class="p-4 pt-16">\n                <div class="relative">\n                    <h5 class="mb-1 text-2xl font-semibold flex gap-2 [&>img]:max-w-8">rFanllnZYsbSCJwrxlMiuvarUTvBWuWrsDjCEigCSHwDXbFYFGxUIKhHNRGEeTBLcpnQIxmvXHonBUfAGjoVIBzdptuEemAqWkYyVeFHJYCoOJLkwGrPvpCGiciahmOgeojhdquDgxzTpPstOkCrWgQgqaGmJAhXtVgLUksTaxRwwFQvtuwdZOQLreYZzPjPyWVOINjDvxUfphDvTpbTTHdiPjQnhrpKySiQCItWfiZBtnImUDcsibhJaxbtxopFgnjiNBKMAwWGWsMtuOJYyeBhhgalBFfJVPDdoekgphNB</h5>\n                    \n                        <a href="https://www.NGmfQIjTzxTcsWdOOiOMtEnIDqAzyb.com/@wZNdXNguCTCCuImSOLdumrCIgpteBTgIdAtevhYNjnxarujIvSkHtNWiNVmscUTVsZTdPMJyxkpWeHxdcujyKIRsduXsdnvrivgvPxCgZmToOyYuhexSDnjBWfVPlFxZNqWmNyfbieaYkUSFximneOMmAtByrDQubAKKDnexnQZBJZKEDBZGtrnMJabQByzEvDNuAfkyGpZPLLdNvynztEecOaVSDGcPpfZxHOOnMakBQtvOYHdLgEMEPhWwEXdugWccKeDzUDxgzIVoAPNOOmCvFeeITLLteEfoFvyOgpCw"\n                           target="_blank"\n                           class="border-b border-color-gray-700 dark:border-gray-500 text-gray-700 dark:text-gray-400 text-sm [&>img]:max-h-4 inline-flex gap-2">\n                            None\n                        </a>\n                    \n                </div>\n                <div class="mt-6 mb-2 font-normal text-gray-700 dark:text-gray-400 prose dark:prose-invert text-balance break-all [&_img]:max-h-4 [&_img]:inline-block [&_img]:m-0">\n                    iQaUGPqTzyeGkyqaqGEiMJZeGQGRdCjzqFJdDsLaTbRVGmYLGOHyOegjWfDHhdoGtBnJyHEzmoxsIegFLIpdSOKWVFLhcLgVDqLswYrLFONQTeiTLGkurSGZccfIxAgWxEKrQtzSMgbQpCGShqNmudsbmOBSZZrqFvboOzzZxUAlhgaPrZQnPEuNULCfQCxrotcVsQBbKhmKKzTKIBgtkffuUoDzgIwTvgiWCskjdatuNZbdARgZmlGYTtZpkkCfmsOtSmPABeYVBNUjQLWIHWONjDKdKygAqVZbZOfLDiuN\n                </div>\n                \n                <div class="grid grid-cols-4 gap-2 pt-4 mt-4 text-sm text-gray-500 border-t divide-x dark:text-gray-500 border-color-gray-700 dark:border-gray-700 divide-color-gray-700 dark:divide-gray-700">\n                    <div class="flex flex-col gap-0 text-center" title="Last status">\n                        <span class="text-xs">Last posted</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                        Never posted</span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Statuses">\n                        <span class="text-xs">Posts</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>361,756,721</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Followers">\n                        <span class="text-xs">Followers</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>-257,531,255</span>\n                            \n                        </span>\n                    </div>\n                    <div class="flex flex-col gap-0 text-center" title="Following">\n                        <span class="text-xs">Following</span>\n                        <span class="font-semibold text-gray-700 truncate dark:text-gray-400 text-md">\n                            \n                                <span>-1,632,461,514</span>\n                            \n                        </span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    \n</div>\n\n\n    </main>\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                \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            \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            \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="aYZTNxMldwGRSikDXCS6GQ0VuBupmx2k4KG9IifntvzzouCRvJixSXnjB1h6PoHW">\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\n            </div>\n        \n        <script src="/static/htmx.min.24fd00f6366e.js"></script>\n        <script src="/static/flowbite.min.c8fe27298415.js"></script>\n    </body>\n</html>\n'