@page
@{
    Layout = null;
}
@* ReSharper disable Html.PathError *@
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"/>
    <title>Iceshrimp.Frontend</title>
    <base href="/"/>
    <link rel="stylesheet" href="~/css/app.css"/>
    <link rel="stylesheet" href="~/_content/Iceshrimp.Assets.PhosphorIcons/css/ph-regular.css"/>
    <link rel="stylesheet" href="~/_content/Iceshrimp.Assets.PhosphorIcons/css/ph-fill.css"/>
    <link rel="icon" type="image/png" href="~/_content/Iceshrimp.Assets.Branding/favicon.png"/>
    <link rel="stylesheet" href="~/Iceshrimp.Frontend.styles.css"/>
    <link href="manifest.webmanifest" rel="manifest"/>
    <link rel="apple-touch-icon" sizes="512x512" href="~/_content/Iceshrimp.Assets.Branding/512.png"/>
    <link rel="apple-touch-icon" sizes="192x192" href="~/_content/Iceshrimp.Assets.Branding/192.png"/>
    <link rel="stylesheet" href="~/_content/Iceshrimp.Assets.Fonts/fonts/inter/inter.css" />
</head>

<body>
<div id="app">
    <div class="lds-ellipsis">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>

    @* We need text on screen so chrome actually renders the loading animation *@
    &nbsp;
</div>

<div id="blazor-error-ui">
    An unhandled error has occurred.
    <a href="" class="reload">Reload</a>
    <a class="dismiss">🗙</a>
</div>

<script src="~/_framework/blazor.webassembly.js"></script>
<script src="~/Utility.js"></script>
<script>navigator.serviceWorker.register('service-worker.js');</script>
</body>

</html>
@* ReSharper restore Html.PathError *@
