soiz1 commited on
Commit
6cad503
·
verified ·
1 Parent(s): 39c505a

Update src/playground/index.ejs

Browse files
Files changed (1) hide show
  1. 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="PenguinMod is a TurboWarp mod that was made to add tons of cool stuff to allow for crazy projects." />
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="./penguinmod.github.io/favicon.ico">
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>