<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta name="generator" content="Funkwhale" />
    <title>Funkwhale</title>
    <meta name="description" content="Your free and federated audio platform" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=1" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=1" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=1" />
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=1" color="#009fe3" />
    <link rel="shortcut icon" href="/favicon.ico?v=1" />
    <meta name="apple-mobile-web-app-title" content="Funkwhale" />
    <meta name="application-name" content="Funkwhale" />
    <meta name="msapplication-TileColor" content="#009fe3" />
    <meta name="theme-color" content="#f2711c" />
    <style>
      #fake-app {
        width: 100vw;
        height: 100vh;
        z-index: -1;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        font-family: sans-serif;
      }
      #fake-sidebar {
        width: 275px;
        height: 100vh;
        background-color: #2D2F33;
      }
      #fake-sidebar.loaded,  #fake-content.loaded {
        display: none;
      }
      #orange-square {
        width: 56px;
        height: 56px;
        background-color: #f2711c;
      }
      #fake-content {
        height: 100vh;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      #fake-content h1 {
        margin-bottom: 2em;
      }
      #fake-content .placeholder {
        width: 20em;
        max-width: 95%;
      }
      @media only screen and (max-width: 768px) {
        #fake-app {
          flex-direction: column;
        }
        #fake-sidebar {
          width: 100%;
          height: 56px;
        }
      }

      :root {
          background-color: color-mix(in oklab, var(--color-background-150) 30%, var(--color-background-200));
          padding: 0;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-xsMTRoI6.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Bhmf7a9N.js">
    <link rel="modulepreload" crossorigin href="/assets/vue-router-9GNSe6j0.js">
    <link rel="modulepreload" crossorigin href="/assets/standardized-audio-context-CbQ7uFLm.js">
    <link rel="modulepreload" crossorigin href="/assets/audio-api-BITC5Y0S.js">
    <link rel="modulepreload" crossorigin href="/assets/axios-DXH5-X7t.js">
    <link rel="modulepreload" crossorigin href="/assets/lodash-BN6ohNHM.js">
    <link rel="modulepreload" crossorigin href="/assets/moment-fBxvS-fD.js">
    <link rel="modulepreload" crossorigin href="/assets/store-D_qcv-R4.js">
    <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-jUItB9cv.js">
    <link rel="modulepreload" crossorigin href="/assets/iconify-DKSkDyLS.js">
    <link rel="modulepreload" crossorigin href="/assets/vue-i18n.runtime-Csqva-EH.js">
    <link rel="modulepreload" crossorigin href="/assets/vue-scoCt0Af.js">
    <link rel="modulepreload" crossorigin href="/assets/dompurify-BqO3YOst.js">
    <link rel="modulepreload" crossorigin href="/assets/upload-2n9bxqDb.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-DhLOGjXk.js">
    <link rel="modulepreload" crossorigin href="/assets/data-DiNtpZi1.js">
    <link rel="modulepreload" crossorigin href="/assets/attributes-CAW7vlCG.js">
    <link rel="modulepreload" crossorigin href="/assets/Alert-DjSs-7pJ.js">
    <link rel="modulepreload" crossorigin href="/assets/Button-Cb8a3y18.js">
    <link rel="modulepreload" crossorigin href="/assets/Spacer-CRelDnMi.js">
    <link rel="modulepreload" crossorigin href="/assets/Modal-Bb6w3rvO.js">
    <link rel="modulepreload" crossorigin href="/assets/SanitizedHtml-B1aHaJpT.js">
    <link rel="modulepreload" crossorigin href="/assets/RenderedDescription-CeyN0HzF.js">
    <link rel="modulepreload" crossorigin href="/assets/Layout-DCihOqKZ.js">
    <link rel="modulepreload" crossorigin href="/assets/updateQueryString-Bu-4_l91.js">
    <link rel="modulepreload" crossorigin href="/assets/Label-DTPx58cL.js">
    <link rel="modulepreload" crossorigin href="/assets/Input-ByI2iNGk.js">
    <link rel="modulepreload" crossorigin href="/assets/Loader-D540DH0r.js">
    <link rel="modulepreload" crossorigin href="/assets/RemoteSearchForm-SmlkM7a1.js">
    <link rel="modulepreload" crossorigin href="/assets/default-cover-0lofbhnj.js">
    <link rel="modulepreload" crossorigin href="/assets/en_US-BAK5QNTG.js">
    <link rel="modulepreload" crossorigin href="/assets/locale-BC78a_EV.js">
    <link rel="modulepreload" crossorigin href="/assets/PopoverItem-CpClAeFN.js">
    <link rel="modulepreload" crossorigin href="/assets/screen-CbdqfEr-.js">
    <link rel="modulepreload" crossorigin href="/assets/Popover-BUKfhFq3.js">
    <link rel="modulepreload" crossorigin href="/assets/PlayButton-B3K4_gAr.js">
    <link rel="modulepreload" crossorigin href="/assets/router-CpziCSgW.js">
    <link rel="modulepreload" crossorigin href="/assets/routing-D8uXu2_M.js">
    <link rel="modulepreload" crossorigin href="/assets/Gap-B8XAiftb.js">
    <link rel="modulepreload" crossorigin href="/assets/Token-t7f8jsBT.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-DLnG_DKN.js">
    <link rel="modulepreload" crossorigin href="/assets/Link-C8YIrygU.js">
    <link rel="modulepreload" crossorigin href="/assets/filters-D3zU3ZJ3.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-CM-pKksu.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-Em5pFzwM.js">
    <link rel="modulepreload" crossorigin href="/assets/Map-PVvd9oW4.js">
    <link rel="modulepreload" crossorigin href="/assets/Sync-Um92xy_L.js">
    <link rel="modulepreload" crossorigin href="/assets/ArtistCreditLabel-QUp0TvW4.js">
    <link rel="modulepreload" crossorigin href="/assets/ActorLink-DVEiY0Gi.js">
    <link rel="modulepreload" crossorigin href="/assets/ChannelCard-B2Iff9dc.js">
    <link rel="modulepreload" crossorigin href="/assets/TrackFavoriteIcon-D2kZPrY5.js">
    <link rel="modulepreload" crossorigin href="/assets/sentry-vpVfHGSY.js">
    <link rel="modulepreload" crossorigin href="/assets/Pagination-BMwSgoy3.js">
    <link rel="modulepreload" crossorigin href="/assets/Table-Db4n-Ubl.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-bnLWFDTy.js">
    <link rel="modulepreload" crossorigin href="/assets/Table-bEXYTOGA.js">
    <link rel="modulepreload" crossorigin href="/assets/AlbumModal-sp9nYseL.js">
    <link rel="modulepreload" crossorigin href="/assets/AttachmentInput-CTqdyvKt.js">
    <link rel="modulepreload" crossorigin href="/assets/CopyInput-By9IAO3c.js">
    <link rel="modulepreload" crossorigin href="/assets/DangerousButton-DyPOHn5l.js">
    <link rel="modulepreload" crossorigin href="/assets/HumanDate-E541Aoa3.js">
    <link rel="modulepreload" crossorigin href="/assets/time-BtDe0uTB.js">
    <link rel="modulepreload" crossorigin href="/assets/HumanDuration-DillQD0G.js">
    <link rel="modulepreload" crossorigin href="/assets/InlineSearchBar-B6fbHjTF.js">
    <link rel="modulepreload" crossorigin href="/assets/Button-Su9AbKFr.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-Dzchk_Mq.js">
    <link rel="modulepreload" crossorigin href="/assets/ActorCard-BG3sGPal.js">
    <link rel="modulepreload" crossorigin href="/assets/useSharedLabels-4M3u85iZ.js">
    <link rel="modulepreload" crossorigin href="/assets/Select-byI_v2Cj.js">
    <link rel="modulepreload" crossorigin href="/assets/ReportCategoryDropdown-BZoFWuxf.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-CFW5S6T1.js">
    <link rel="modulepreload" crossorigin href="/assets/showdown-BB8gMrwq.js">
    <link rel="modulepreload" crossorigin href="/assets/Markdown-97JsgQRI.js">
    <link rel="modulepreload" crossorigin href="/assets/Slider-CYje5qUZ.js">
    <link rel="modulepreload" crossorigin href="/assets/Toolbar-CPAGxt7X.js">
    <link rel="modulepreload" crossorigin href="/assets/Textarea-C3Fi0eDG.js">
    <link rel="modulepreload" crossorigin href="/assets/Form-DHaWvVxR.js">
    <link rel="modulepreload" crossorigin href="/assets/List-BiHfy6d-.js">
    <link rel="modulepreload" crossorigin href="/assets/useMarkdown-BJ8zVR11.js">
    <link rel="modulepreload" crossorigin href="/assets/useModal-DprkJzVw.js">
    <link rel="modulepreload" crossorigin href="/assets/colorRamp-Bb7ZoiVZ.js">
    <link rel="modulepreload" crossorigin href="/assets/generateThemeCss-DQeSFFap.js">
    <link rel="modulepreload" crossorigin href="/assets/Badge-B6hNYfQ0.js">
    <link rel="modulepreload" crossorigin href="/assets/CursorPagination-IfneZitq.js">
    <link rel="modulepreload" crossorigin href="/assets/Heading-aTx77HeS.js">
    <link rel="modulepreload" crossorigin href="/assets/Section-DEx36PzV.js">
    <link rel="modulepreload" crossorigin href="/assets/components-Cbr63klJ.js">
    <link rel="modulepreload" crossorigin href="/assets/Tokens-JxIq_f5E.js">
    <link rel="stylesheet" crossorigin href="/assets/Alert-Q8DXoqX3.css">
    <link rel="stylesheet" crossorigin href="/assets/Button-D0GeKa-G.css">
    <link rel="stylesheet" crossorigin href="/assets/Spacer-CUaH8PN2.css">
    <link rel="stylesheet" crossorigin href="/assets/Modal-BJmWXVwY.css">
    <link rel="stylesheet" crossorigin href="/assets/RenderedDescription-oyuhhjzo.css">
    <link rel="stylesheet" crossorigin href="/assets/Layout-Bd1Qyrmt.css">
    <link rel="stylesheet" crossorigin href="/assets/Label-R5CZp24b.css">
    <link rel="stylesheet" crossorigin href="/assets/Input-Becz-C6w.css">
    <link rel="stylesheet" crossorigin href="/assets/Loader-B5HMnRVU.css">
    <link rel="stylesheet" crossorigin href="/assets/PopoverItem-M0lq1lly.css">
    <link rel="stylesheet" crossorigin href="/assets/Popover-gCTOtgrg.css">
    <link rel="stylesheet" crossorigin href="/assets/Token-C6AYPdx5.css">
    <link rel="stylesheet" crossorigin href="/assets/Card-ReT1OD2l.css">
    <link rel="stylesheet" crossorigin href="/assets/Link-CsseklI9.css">
    <link rel="stylesheet" crossorigin href="/assets/ChannelCard-CLNxsEq5.css">
    <link rel="stylesheet" crossorigin href="/assets/Pagination-C7-bkUh9.css">
    <link rel="stylesheet" crossorigin href="/assets/Table-CIMza_dE.css">
    <link rel="stylesheet" crossorigin href="/assets/Table-BScQrb4L.css">
    <link rel="stylesheet" crossorigin href="/assets/CopyInput-ryEb868k.css">
    <link rel="stylesheet" crossorigin href="/assets/HumanDate-BM15aZHs.css">
    <link rel="stylesheet" crossorigin href="/assets/Card-C2qJOmCC.css">
    <link rel="stylesheet" crossorigin href="/assets/ActorCard-Cm_rSyJW.css">
    <link rel="stylesheet" crossorigin href="/assets/Select-DiIqFiIr.css">
    <link rel="stylesheet" crossorigin href="/assets/Card-CXO0vHCn.css">
    <link rel="stylesheet" crossorigin href="/assets/Slider-_KDhZiAa.css">
    <link rel="stylesheet" crossorigin href="/assets/Toolbar-BSl7GmUI.css">
    <link rel="stylesheet" crossorigin href="/assets/Textarea-CJzMo-0s.css">
    <link rel="stylesheet" crossorigin href="/assets/Badge-BqNp-8JC.css">
    <link rel="stylesheet" crossorigin href="/assets/Heading-jp5aIitl.css">
    <link rel="stylesheet" crossorigin href="/assets/Section-B2EUV5Rr.css">
    <link rel="stylesheet" crossorigin href="/assets/Tokens-B4yBY9jW.css">
    <link rel="stylesheet" crossorigin href="/assets/index-C7kbnMO5.css">
  <link rel="manifest" href="/manifest.json"></head>

  <body id="body" style="margin:0" class="color-default-solid">
    <div id="fake-app">
      <div id="fake-sidebar">
        <div id="orange-square"></div>
      </div>
      <div id="fake-content">
        <noscript>
          <strong>We're sorry but Funkwhale doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
        </noscript>
        <h1>Loading Funkwhale…</h1>
        <div class="ui placeholder">
          <div class="image header">
            <div class="full line"></div>
            <div class="line"></div>
          </div>
          <div class="image header">
            <div class="line"></div>
            <div class="full line"></div>
          </div>
          <div class="image header">
            <div class="medium line"></div>
            <div class="full line"></div>
          </div>
        </div>
      </div>
    </div>
    <div id="app"></div>
  </body>
</html>
