Spaces:
Running
Running
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<meta name="google" value="notranslate"> | |
<meta name="description" content="PenguinMod is a TurboWarp mod that was made to add tons of cool stuff to allow for crazy projects." /> | |
<title><%= htmlWebpackPlugin.options.title %></title> | |
<link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.root %>images/apple-touch-icon.png"> | |
<link rel="icon" type="image/x-icon" href="./penguinmod.github.io/favicon.ico"> | |
<% if (htmlWebpackPlugin.options.root === "/" || htmlWebpackPlugin.options.root === "") { %> | |
<link rel="manifest" href="<%= htmlWebpackPlugin.options.root %>manifest.webmanifest"> | |
<% } %> | |
<style> | |
#splash { | |
position: absolute; width: 100%; height: 100%; top: 0; left: 0; | |
display: flex; align-items: center; justify-content: center; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00c3ff; | |
} | |
.tw-loaded #splash, #splash-content { display: none; } | |
#splash[splash-theme="dark"] { background-color: #333; color: #fff; } | |
#splash-spinner:after { | |
content: " "; display: block; width: 64px; height: 64px; | |
border-radius: 50%; border: 6px solid; border-color: currentColor transparent currentColor transparent; | |
animation: splash-spinner 1.2s linear infinite; | |
} | |
@keyframes splash-spinner { | |
0% { transform: rotate(0deg); } | |
100% { transform: rotate(360deg); } | |
} | |
</style> | |
</head> | |
<body> | |
<div id="splash" aria-hidden="true"> | |
<noscript> | |
<h1>Enable JavaScript</h1> | |
</noscript> | |
<div id="splash-content"> | |
<div id="splash-spinner"></div> | |
</div> | |
</div> | |
<script> | |
(function() { | |
document.querySelector('#splash-content').style.display = 'block'; | |
<% if (!htmlWebpackPlugin.options.noTheme) { %> | |
try {var localTheme = localStorage.getItem('tw:theme');} catch (e) {} | |
if (localTheme ? localTheme === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches) document.querySelector('#splash').setAttribute('splash-theme', 'dark'); | |
<% } %> | |
})(); | |
</script> | |
<div id="app"></div> | |
</body> | |
</html> | |