blazing-console/wwwroot/index.html

94 lines
3.6 KiB
HTML

<!--
Copyright 2024 Ivy Collective <sys@ivycollective.dev>
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>blazingconsole</title>
<base href="/" />
<link rel="icon" type="image/png" href="favicon.png" />
<link href="blazingconsole.styles.css" rel="stylesheet" />
<link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" />
</head>
<body>
<div id="app">
<style>
#info-container, #nojs-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2rem;
min-height: 100vh;
text-align: center;
}
#load-progress::before {
content: var(--blazor-load-percentage-text);
}
#load-progress::after {
content: " completed";
}
#retry-button, #retry-button:visited, #retry-button:hover {
text-decoration: underline;
cursor: pointer;
color: inherit;
}
</style>
<div id="info-container">
<h1>Setting Up BlazingConsole</h1>
<h3 id="load-progress"></h3>
<p>
This site uses WebAssembly technologies, so it needs to download (and execute) some files to run.
The entire process is automatic, and future site visits will load faster.
<br>
If something goes wrong, you can <a href="#" id="retry-button">refresh the page</a> to try again.
Make sure WebAssembly is also enabled on your browser if the site repetedly fails to load.
</p>
</div>
<noscript>
<div id="nojs-container">
<h1>You have Javascript/WebAssembly disabled on your web browser.</h1>
<p>To use BlazingConsole, you must enable Javascript and WebAssembly on your web browser.</p>
</div>
<style>
#info-container {
display: none !important;
}
</style>
</noscript>
<script>
const refreshButton = document.getElementById("retry-button");
refreshButton.addEventListener("click", (e) => {
e.preventDefault();
location.reload();
});
</script>
</div>
<script src="_framework/blazor.webassembly.js"></script>
<script src="_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lib.module.js" type="module" async></script>
<script src="_content/Microsoft.FluentUI.AspNetCore.Components/js/loading-theme.js" type="text/javascript"></script>
<loading-theme storage-name="theme" />
<fluent-design-theme mode="system" primary-color="onenote" />
</body>
</html>