Update splash screen
This commit is contained in:
1 file changed
+10
-2
@@ -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>
|
||||
Reference in new issue
Block a user