Initial commit :four_leaf_clover:

2 files changed, 45 insertions, 0 deletions

diff --git a/src/web/app/client/script.js b/src/web/app/client/script.js
new file mode 100644
index 0000000000..d8531e9cc8
--- /dev/null
+++ b/src/web/app/client/script.js
@@ -0,0 +1,40 @@
+const head = document.getElementsByTagName('head')[0];
+const ua = navigator.userAgent.toLowerCase();
+const isMobile = /mobile|iphone|ipad|android/.test(ua);
+
+if (isMobile) {
+	mountMobile();
+} else {
+	mountDesktop();
+}
+
+function mountDesktop() {
+	const style = document.createElement('link');
+	style.setAttribute('href', '/_/resources/desktop/style.css');
+	style.setAttribute('rel', 'stylesheet');
+	head.appendChild(style);
+
+	const script = document.createElement('script');
+	script.setAttribute('src', '/_/resources/desktop/script.js');
+	script.setAttribute('async', 'true');
+	script.setAttribute('defer', 'true');
+	head.appendChild(script);
+}
+
+function mountMobile() {
+	const meta = document.createElement('meta');
+	meta.setAttribute('name', 'viewport');
+	meta.setAttribute('content', 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no');
+	head.appendChild(meta);
+
+	const style = document.createElement('link');
+	style.setAttribute('href', '/_/resources/mobile/style.css');
+	style.setAttribute('rel', 'stylesheet');
+	head.appendChild(style);
+
+	const script = document.createElement('script');
+	script.setAttribute('src', '/_/resources/mobile/script.js');
+	script.setAttribute('async', 'true');
+	script.setAttribute('defer', 'true');
+	head.appendChild(script);
+}
diff --git a/src/web/app/client/view.pug b/src/web/app/client/view.pug
new file mode 100644
index 0000000000..6f0ff3cd5c
--- /dev/null
+++ b/src/web/app/client/view.pug
@@ -0,0 +1,5 @@
+extends ../base
+
+block head
+	script
+		include ./../../../../built/web/resources/client/script.js