<!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-DBHvn-ru.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-D4n2VOCE.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-CBscywQD.js">
    <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-jUItB9cv.js">
    <link rel="modulepreload" crossorigin href="/assets/iconify-BZ633pPA.js">
    <link rel="modulepreload" crossorigin href="/assets/vue-i18n.runtime-Csqva-EH.js">
    <link rel="modulepreload" crossorigin href="/assets/vue-IExZeXrk.js">
    <link rel="modulepreload" crossorigin href="/assets/dompurify-BqO3YOst.js">
    <link rel="modulepreload" crossorigin href="/assets/upload-Dbds0Ufa.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-DhLOGjXk.js">
    <link rel="modulepreload" crossorigin href="/assets/data-DEICMKLy.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-BAaTyZKN.js">
    <link rel="modulepreload" crossorigin href="/assets/SanitizedHtml-B1aHaJpT.js">
    <link rel="modulepreload" crossorigin href="/assets/RenderedDescription-D0cB6ANJ.js">
    <link rel="modulepreload" crossorigin href="/assets/Layout-DCihOqKZ.js">
    <link rel="modulepreload" crossorigin href="/assets/updateQueryString-DMI9VBTv.js">
    <link rel="modulepreload" crossorigin href="/assets/Label-DTPx58cL.js">
    <link rel="modulepreload" crossorigin href="/assets/Input-DDah8_ZN.js">
    <link rel="modulepreload" crossorigin href="/assets/Loader-D540DH0r.js">
    <link rel="modulepreload" crossorigin href="/assets/RemoteSearchForm-C3yq-2Ra.js">
    <link rel="modulepreload" crossorigin href="/assets/default-cover-RggbfHak.js">
    <link rel="modulepreload" crossorigin href="/assets/en_US-UB97EOok.js">
    <link rel="modulepreload" crossorigin href="/assets/locale-XhqCVdSA.js">
    <link rel="modulepreload" crossorigin href="/assets/PopoverItem-Dpx3N1fN.js">
    <link rel="modulepreload" crossorigin href="/assets/screen-CwGaYDb9.js">
    <link rel="modulepreload" crossorigin href="/assets/Popover-CMB1vonk.js">
    <link rel="modulepreload" crossorigin href="/assets/PlayButton-DrVKFKhK.js">
    <link rel="modulepreload" crossorigin href="/assets/router-C6EoLFky.js">
    <link rel="modulepreload" crossorigin href="/assets/routing-DcjNPhyl.js">
    <link rel="modulepreload" crossorigin href="/assets/Gap-G232XBoR.js">
    <link rel="modulepreload" crossorigin href="/assets/Token-DE4dJbxQ.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-C6VeVCdu.js">
    <link rel="modulepreload" crossorigin href="/assets/Link-B7pQHa8T.js">
    <link rel="modulepreload" crossorigin href="/assets/filters-D3zU3ZJ3.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-DhBIKPxe.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-C-djcITP.js">
    <link rel="modulepreload" crossorigin href="/assets/Map-DJuTKOD7.js">
    <link rel="modulepreload" crossorigin href="/assets/Sync-BcGapmfd.js">
    <link rel="modulepreload" crossorigin href="/assets/ArtistCreditLabel-iYx2kFw0.js">
    <link rel="modulepreload" crossorigin href="/assets/ActorLink-B0zgSyWF.js">
    <link rel="modulepreload" crossorigin href="/assets/ChannelCard-DJSxnRv0.js">
    <link rel="modulepreload" crossorigin href="/assets/TrackFavoriteIcon-DLC8sVIv.js">
    <link rel="modulepreload" crossorigin href="/assets/sentry-CHG19qav.js">
    <link rel="modulepreload" crossorigin href="/assets/Pagination-B_YmqImP.js">
    <link rel="modulepreload" crossorigin href="/assets/Table-BJWk603Z.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-bnLWFDTy.js">
    <link rel="modulepreload" crossorigin href="/assets/Table-CviR85bg.js">
    <link rel="modulepreload" crossorigin href="/assets/AlbumModal-BAF4dEn9.js">
    <link rel="modulepreload" crossorigin href="/assets/AttachmentInput-iKLh1XoC.js">
    <link rel="modulepreload" crossorigin href="/assets/CopyInput-CbmlNWRq.js">
    <link rel="modulepreload" crossorigin href="/assets/DangerousButton-BJ87v1M9.js">
    <link rel="modulepreload" crossorigin href="/assets/HumanDate-DM9dUtQ_.js">
    <link rel="modulepreload" crossorigin href="/assets/time-BtDe0uTB.js">
    <link rel="modulepreload" crossorigin href="/assets/HumanDuration-f36MZtvJ.js">
    <link rel="modulepreload" crossorigin href="/assets/InlineSearchBar-Dzw2K9Md.js">
    <link rel="modulepreload" crossorigin href="/assets/Button-CKrJF8UJ.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-D5685jRf.js">
    <link rel="modulepreload" crossorigin href="/assets/ActorCard-2i7SZJP6.js">
    <link rel="modulepreload" crossorigin href="/assets/useSharedLabels-2ltYC0Q7.js">
    <link rel="modulepreload" crossorigin href="/assets/Select-Baxw85iB.js">
    <link rel="modulepreload" crossorigin href="/assets/ReportCategoryDropdown-TUALZpPm.js">
    <link rel="modulepreload" crossorigin href="/assets/Card-xmUOM95c.js">
    <link rel="modulepreload" crossorigin href="/assets/showdown-BB8gMrwq.js">
    <link rel="modulepreload" crossorigin href="/assets/Markdown-CxycxPze.js">
    <link rel="modulepreload" crossorigin href="/assets/Slider-D3OFz2aR.js">
    <link rel="modulepreload" crossorigin href="/assets/Toolbar-CPAGxt7X.js">
    <link rel="modulepreload" crossorigin href="/assets/Textarea-BD2kPHgc.js">
    <link rel="modulepreload" crossorigin href="/assets/Form-Ma4dcUop.js">
    <link rel="modulepreload" crossorigin href="/assets/List-Dx7-HMTl.js">
    <link rel="modulepreload" crossorigin href="/assets/useMarkdown-36g7lyAn.js">
    <link rel="modulepreload" crossorigin href="/assets/useModal-J_nxdbD3.js">
    <link rel="modulepreload" crossorigin href="/assets/Badge-Y1rvYb67.js">
    <link rel="modulepreload" crossorigin href="/assets/CursorPagination-UorKiZv4.js">
    <link rel="modulepreload" crossorigin href="/assets/Heading-C-Ch6bc8.js">
    <link rel="modulepreload" crossorigin href="/assets/Section-cg4KXh4r.js">
    <link rel="modulepreload" crossorigin href="/assets/components-DS94RcZC.js">
    <link rel="modulepreload" crossorigin href="/assets/Tokens-DUlKvsRH.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-C0a9PUZ6.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-DE6nQihw.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-DlSDqwgh.css">
    <link rel="stylesheet" crossorigin href="/assets/Card-ReT1OD2l.css">
    <link rel="stylesheet" crossorigin href="/assets/Link-DproDDeS.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-D4cqsTs5.css">
    <link rel="stylesheet" crossorigin href="/assets/CopyInput-B5Vtp8HG.css">
    <link rel="stylesheet" crossorigin href="/assets/HumanDate-BM15aZHs.css">
    <link rel="stylesheet" crossorigin href="/assets/Card-B4VBrrBN.css">
    <link rel="stylesheet" crossorigin href="/assets/ActorCard-BrjspbZZ.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-DMfajZfM.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>
