Update splash screen

This commit is contained in:
Thomas Weber committed 2020-09-19 13:11:22 -05:00
1 parent 623c772e0c
commit fbf7bcf402
1 file changed
+10 -2
+10 -2
View File
@@ -10,12 +10,13 @@
<title><%= htmlWebpackPlugin.options.title %></title>
<style>
#splash {
pointer-events: none; user-select: none;
user-select: none;
background-color: hsla(0, 100%, 65%, 1); color: white; font-family: sans-serif;
position: absolute; width: 100%; height: 100%; top: 0; left: 0;
display: flex; align-items: center; justify-content: center; text-align: center;
}
#splash h1 { font-size: 2rem; font-weight: bold; }
#splash a { color: inherit; text-decoration: underline; }
.tw-loaded #splash { display: none; }
@media (prefers-color-scheme: dark) { #splash { background-color: #333; color: #ddd; } }
</style>
@@ -29,6 +30,13 @@
<% } %>
</head>
<body>
<div id="splash" aria-hidden="true"><div><h1>Downloading TurboWarp</h1><p>This may take a while...</p></div></div>
<div id="splash" aria-hidden="true">
<div>
<h1>Loading scripts</h1>
<p>This may take a while…</p>
<p><a href="https://github.com/TurboWarp/scratch-gui/wiki/Troubleshooting">Troubleshooting</a></p>
<noscript><p>Enable JavaScript.</p></noscript>
</div>
</div>
</body>
</html>