Clean up

gulpfile.ts

@@ -174,11 +174,7 @@ gulp.task('build:client:scripts', () => new Promise(async (ok) => {
 			.pipe(babel({
 				presets: ['es2015']
 			}))
-			.pipe(uglify({
-				mangle: {
-					toplevel: true
-				}
-			}));
+			.pipe(uglify());
 	}
 
 	es.merge(

src/web/app/base.pug

@@ -16,8 +16,8 @@ html(lang='ja', dir='ltr')
 		block head
 
 	body
-		noscript: div: p JavaScriptを有効にしてください
-		div#init: p
+		noscript: p JavaScriptを有効にしてください
+		div#ini: p
 			span .
 			span .
 			span .

src/web/app/boot.js

@@ -94,7 +94,7 @@ module.exports = callback => {
 
 		mixins(me);
 
-		const init = document.getElementById('init');
+		const init = document.getElementById('ini');
 		init.parentNode.removeChild(init);
 
 		const app = document.createElement('div');

src/web/app/client/script.js

@@ -1,3 +1,4 @@
+(() => {
 	const head = document.getElementsByTagName('head')[0];
 	const ua = navigator.userAgent.toLowerCase();
 	const isMobile = /mobile|iphone|ipad|android/.test(ua);
@@ -24,3 +25,4 @@ function mountMobile() {
 		script.setAttribute('defer', 'true');
 		head.appendChild(script);
 	}
+})();

src/web/app/init.css

@@ -4,9 +4,9 @@ html {
 	font-family: sans-serif;
 }
 
-body > noscript > div {
+body > noscript {
 	position: fixed;
-	z-index: 32768;
+	z-index: 2;
 	top: 0;
 	left: 0;
 	width: 100%;
@@ -14,16 +14,16 @@ body > noscript > div {
 	text-align: center;
 	background: #fff;
 }
-	body > noscript > div > p {
+	body > noscript > p {
 		display: block;
 		margin: 32px;
 		font-size: 2em;
 		color: #555;
 	}
 
-#init {
+#ini {
 	position: fixed;
-	z-index: 16384;
+	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 100%;
@@ -32,27 +32,27 @@ body > noscript > div {
 	background: #fff;
 	cursor: wait;
 }
-	#init > p {
+	#ini > p {
 		display: block;
 		user-select: none;
 		margin: 32px;
 		font-size: 4em;
 		color: #555;
 	}
-		#init > p > span {
-			animation: init 1.4s infinite ease-in-out both;
+		#ini > p > span {
+			animation: ini 1.4s infinite ease-in-out both;
 		}
-		#init > p > span:nth-child(1) {
+		#ini > p > span:nth-child(1) {
 			animation-delay: 0s;
 		}
-		#init > p > span:nth-child(2) {
+		#ini > p > span:nth-child(2) {
 			animation-delay: 0.16s;
 		}
-		#init > p > span:nth-child(3) {
+		#ini > p > span:nth-child(3) {
 			animation-delay: 0.32s;
 		}
 
-@keyframes init {
+@keyframes ini {
 	0%, 80%, 100% {
 		opacity: 1;
 	}