<!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;
        }
      }
    </style>
    <script type="module" crossorigin src="/assets/index-BRedch81.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-tX5UdD3f.js">
    <link rel="modulepreload" crossorigin href="/assets/standardized-audio-context-D9dHG-HS.js">
    <link rel="modulepreload" crossorigin href="/assets/axios-B82XdJ3Z.js">
    <link rel="modulepreload" crossorigin href="/assets/vue-router-D6mGRgoF.js">
    <link rel="modulepreload" crossorigin href="/assets/dompurify-CFfV-C0g.js">
    <link rel="modulepreload" crossorigin href="/assets/lodash-iHxpboIu.js">
    <link rel="modulepreload" crossorigin href="/assets/moment-Dz0AC3yy.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CB9fmrkG.css">
  <link rel="manifest" href="/manifest.json"></head>

  <body id="body" style="margin:0">
    <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>
