Spaces:
Runtime error
Runtime error
Update src/playground/index.ejs
Browse files- src/playground/index.ejs +53 -53
src/playground/index.ejs
CHANGED
@@ -1,53 +1,53 @@
|
|
1 |
-
<!DOCTYPE html>
|
2 |
-
<html>
|
3 |
-
<head>
|
4 |
-
<meta charset="UTF-8">
|
5 |
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6 |
-
<meta name="google" value="notranslate">
|
7 |
-
<meta name="description" content="
|
8 |
-
<title><%= htmlWebpackPlugin.options.title %></title>
|
9 |
-
<link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.root %>images/apple-touch-icon.png">
|
10 |
-
<link rel="icon" type="image/x-icon" href="
|
11 |
-
<% if (htmlWebpackPlugin.options.root === "/" || htmlWebpackPlugin.options.root === "") { %>
|
12 |
-
<link rel="manifest" href="<%= htmlWebpackPlugin.options.root %>manifest.webmanifest">
|
13 |
-
<% } %>
|
14 |
-
<style>
|
15 |
-
#splash {
|
16 |
-
position: absolute; width: 100%; height: 100%; top: 0; left: 0;
|
17 |
-
display: flex; align-items: center; justify-content: center;
|
18 |
-
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00c3ff;
|
19 |
-
}
|
20 |
-
.tw-loaded #splash, #splash-content { display: none; }
|
21 |
-
#splash[splash-theme="dark"] { background-color: #333; color: #fff; }
|
22 |
-
#splash-spinner:after {
|
23 |
-
content: " "; display: block; width: 64px; height: 64px;
|
24 |
-
border-radius: 50%; border: 6px solid; border-color: currentColor transparent currentColor transparent;
|
25 |
-
animation: splash-spinner 1.2s linear infinite;
|
26 |
-
}
|
27 |
-
@keyframes splash-spinner {
|
28 |
-
0% { transform: rotate(0deg); }
|
29 |
-
100% { transform: rotate(360deg); }
|
30 |
-
}
|
31 |
-
</style>
|
32 |
-
</head>
|
33 |
-
<body>
|
34 |
-
<div id="splash" aria-hidden="true">
|
35 |
-
<noscript>
|
36 |
-
<h1>Enable JavaScript</h1>
|
37 |
-
</noscript>
|
38 |
-
<div id="splash-content">
|
39 |
-
<div id="splash-spinner"></div>
|
40 |
-
</div>
|
41 |
-
</div>
|
42 |
-
<script>
|
43 |
-
(function() {
|
44 |
-
document.querySelector('#splash-content').style.display = 'block';
|
45 |
-
<% if (!htmlWebpackPlugin.options.noTheme) { %>
|
46 |
-
try {var localTheme = localStorage.getItem('tw:theme');} catch (e) {}
|
47 |
-
if (localTheme ? localTheme === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches) document.querySelector('#splash').setAttribute('splash-theme', 'dark');
|
48 |
-
<% } %>
|
49 |
-
})();
|
50 |
-
</script>
|
51 |
-
<div id="app"></div>
|
52 |
-
</body>
|
53 |
-
</html>
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
+
<html>
|
3 |
+
<head>
|
4 |
+
<meta charset="UTF-8">
|
5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6 |
+
<meta name="google" value="notranslate">
|
7 |
+
<meta name="description" content="s4sは、クレイジーなプロジェクトを可能にするために大量のクールなものを追加するために作成されたTurboWarpとPenguinmodのモッドです。" />
|
8 |
+
<title><%= htmlWebpackPlugin.options.title %></title>
|
9 |
+
<link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.root %>images/apple-touch-icon.png">
|
10 |
+
<link rel="icon" type="image/x-icon" href="<%= htmlWebpackPlugin.options.root %>images/192.png">
|
11 |
+
<% if (htmlWebpackPlugin.options.root === "/" || htmlWebpackPlugin.options.root === "") { %>
|
12 |
+
<link rel="manifest" href="<%= htmlWebpackPlugin.options.root %>manifest.webmanifest">
|
13 |
+
<% } %>
|
14 |
+
<style>
|
15 |
+
#splash {
|
16 |
+
position: absolute; width: 100%; height: 100%; top: 0; left: 0;
|
17 |
+
display: flex; align-items: center; justify-content: center;
|
18 |
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00c3ff;
|
19 |
+
}
|
20 |
+
.tw-loaded #splash, #splash-content { display: none; }
|
21 |
+
#splash[splash-theme="dark"] { background-color: #333; color: #fff; }
|
22 |
+
#splash-spinner:after {
|
23 |
+
content: " "; display: block; width: 64px; height: 64px;
|
24 |
+
border-radius: 50%; border: 6px solid; border-color: currentColor transparent currentColor transparent;
|
25 |
+
animation: splash-spinner 1.2s linear infinite;
|
26 |
+
}
|
27 |
+
@keyframes splash-spinner {
|
28 |
+
0% { transform: rotate(0deg); }
|
29 |
+
100% { transform: rotate(360deg); }
|
30 |
+
}
|
31 |
+
</style>
|
32 |
+
</head>
|
33 |
+
<body>
|
34 |
+
<div id="splash" aria-hidden="true">
|
35 |
+
<noscript>
|
36 |
+
<h1>Enable JavaScript</h1>
|
37 |
+
</noscript>
|
38 |
+
<div id="splash-content">
|
39 |
+
<div id="splash-spinner"></div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
<script>
|
43 |
+
(function() {
|
44 |
+
document.querySelector('#splash-content').style.display = 'block';
|
45 |
+
<% if (!htmlWebpackPlugin.options.noTheme) { %>
|
46 |
+
try {var localTheme = localStorage.getItem('tw:theme');} catch (e) {}
|
47 |
+
if (localTheme ? localTheme === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches) document.querySelector('#splash').setAttribute('splash-theme', 'dark');
|
48 |
+
<% } %>
|
49 |
+
})();
|
50 |
+
</script>
|
51 |
+
<div id="app"></div>
|
52 |
+
</body>
|
53 |
+
</html>
|