Stowage/godot
2
0
Fork 0
mirror of https://github.com/godotengine/godot.git synced 2025-11-05 16:11:22 +00:00
Code Issues Projects Releases Packages Wiki Activity
godot/misc/dist/html/offline.html

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

45 lines
1.1 KiB
HTML
Raw Normal View History

[HTML5] Add PWA support to the editor page. This allows to install it as an app, and provide offline support (after the first run). Practically, this boils down to adding a JSON file as a manifest, an offline page to be displayed when the cached files are not avaialble, and a JS file to cache resources and return them. The reason for the "first run requirements" is that some browsers, will emit an "install" by just visiting the page (to see if the JS code is compatibile), and we do not want to force casual visitors to just download the 10 MiB+ compressed editor WebAssembly file without pressing the start button. Special thanks to Hugo Locurcio (Calinou) for the initial work.
2021-03-08 15:39:14 +01:00
<!DOCTYPE html>
<html lang="en">
[Web] Add auto-formatting to HTML files. Uses html-eslint for HTML file and eslint-plugin-html for inline JavaScript. Use HTML5 (not XHTML), remove CDATA and trailing slashes for self closing tags. Add format checks to CI.
2022-10-11 13:48:16 +02:00
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#202531">
<meta name="msapplication-navbutton-color" content="#202531">
<title>You are offline</title>
<style>
html {
background-color: #333b4f;
color: #e0e0e0;
}
[HTML5] Add PWA support to the editor page. This allows to install it as an app, and provide offline support (after the first run). Practically, this boils down to adding a JSON file as a manifest, an offline page to be displayed when the cached files are not avaialble, and a JS file to cache resources and return them. The reason for the "first run requirements" is that some browsers, will emit an "install" by just visiting the page (to see if the JS code is compatibile), and we do not want to force casual visitors to just download the 10 MiB+ compressed editor WebAssembly file without pressing the start button. Special thanks to Hugo Locurcio (Calinou) for the initial work.
2021-03-08 15:39:14 +01:00
[Web] Add auto-formatting to HTML files. Uses html-eslint for HTML file and eslint-plugin-html for inline JavaScript. Use HTML5 (not XHTML), remove CDATA and trailing slashes for self closing tags. Add format checks to CI.
2022-10-11 13:48:16 +02:00
body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 2rem;
}
[HTML5] Add PWA support to the editor page. This allows to install it as an app, and provide offline support (after the first run). Practically, this boils down to adding a JSON file as a manifest, an offline page to be displayed when the cached files are not avaialble, and a JS file to cache resources and return them. The reason for the "first run requirements" is that some browsers, will emit an "install" by just visiting the page (to see if the JS code is compatibile), and we do not want to force casual visitors to just download the 10 MiB+ compressed editor WebAssembly file without pressing the start button. Special thanks to Hugo Locurcio (Calinou) for the initial work.
2021-03-08 15:39:14 +01:00
[Web] Add auto-formatting to HTML files. Uses html-eslint for HTML file and eslint-plugin-html for inline JavaScript. Use HTML5 (not XHTML), remove CDATA and trailing slashes for self closing tags. Add format checks to CI.
2022-10-11 13:48:16 +02:00
p {
margin-block: 1rem;
}
[HTML5] Add PWA support to the editor page. This allows to install it as an app, and provide offline support (after the first run). Practically, this boils down to adding a JSON file as a manifest, an offline page to be displayed when the cached files are not avaialble, and a JS file to cache resources and return them. The reason for the "first run requirements" is that some browsers, will emit an "install" by just visiting the page (to see if the JS code is compatibile), and we do not want to force casual visitors to just download the 10 MiB+ compressed editor WebAssembly file without pressing the start button. Special thanks to Hugo Locurcio (Calinou) for the initial work.
2021-03-08 15:39:14 +01:00
[Web] Add auto-formatting to HTML files. Uses html-eslint for HTML file and eslint-plugin-html for inline JavaScript. Use HTML5 (not XHTML), remove CDATA and trailing slashes for self closing tags. Add format checks to CI.
2022-10-11 13:48:16 +02:00
button {
display: block;
padding: 1rem 2rem;
margin: 3rem auto 0;
}
</style>
</head>
<body>
<h1>You are offline</h1>
<p>This application requires an Internet connection to run for the first time.</p>
<p>Press the button below to try reloading:</p>
<button type="button">Reload</button>
[HTML5] Add PWA support to the editor page. This allows to install it as an app, and provide offline support (after the first run). Practically, this boils down to adding a JSON file as a manifest, an offline page to be displayed when the cached files are not avaialble, and a JS file to cache resources and return them. The reason for the "first run requirements" is that some browsers, will emit an "install" by just visiting the page (to see if the JS code is compatibile), and we do not want to force casual visitors to just download the 10 MiB+ compressed editor WebAssembly file without pressing the start button. Special thanks to Hugo Locurcio (Calinou) for the initial work.
2021-03-08 15:39:14 +01:00
[Web] Add auto-formatting to HTML files. Uses html-eslint for HTML file and eslint-plugin-html for inline JavaScript. Use HTML5 (not XHTML), remove CDATA and trailing slashes for self closing tags. Add format checks to CI.
2022-10-11 13:48:16 +02:00
<script>
document.querySelector('button').addEventListener('click', () => {
window.location.reload();
});
</script>
</body>
[HTML5] Add PWA support to the editor page. This allows to install it as an app, and provide offline support (after the first run). Practically, this boils down to adding a JSON file as a manifest, an offline page to be displayed when the cached files are not avaialble, and a JS file to cache resources and return them. The reason for the "first run requirements" is that some browsers, will emit an "install" by just visiting the page (to see if the JS code is compatibile), and we do not want to force casual visitors to just download the 10 MiB+ compressed editor WebAssembly file without pressing the start button. Special thanks to Hugo Locurcio (Calinou) for the initial work.
2021-03-08 15:39:14 +01:00
</html>
Reference in a new issue Copy permalink