asdfasfd

3 files changed, 19 insertions, 2 deletions

diff --git a/src/mobile/ImageUpload.tsx b/src/mobile/ImageUpload.tsx
new file mode 100644
index 000000000..566fe9d6c
--- /dev/null
+++ b/src/mobile/ImageUpload.tsx
@@ -0,0 +1,11 @@
+ReactDOM.render((
+    <div
+        style={{
+            position: "absolute",
+            width: "100%",
+            height: "100%",
+            background: "yellow"
+        }}
+    ></div>),
+    document.getElementById('root')
+);
\ No newline at end of file
diff --git a/src/mobile/InkControls.tsx b/src/mobile/InkControls.tsx
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/src/mobile/InkControls.tsx
diff --git a/src/server/index.ts b/src/server/index.ts
index fcf74c08a..f83532a2f 100644
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -27,6 +27,7 @@ import * as expressValidator from 'express-validator';
 import expressFlash = require('express-flash');
 import * as bodyParser from 'body-parser';
 import * as session from 'express-session';
+import * as mobileDetect from 'mobile-detect';
 import c = require("crypto");
 const MongoStore = require('connect-mongo')(session);
 const mongoose = require('mongoose');
@@ -100,8 +101,13 @@ app.use('/images', express.static(__dirname + '/public'))
 let FieldStore: ObservableMap<FieldId, Field> = new ObservableMap();
 
 // define a route handler for the default home page
-app.get("/", (req, res) => {
-    res.sendFile(path.join(__dirname, '../../deploy/index.html'));
+app.get("/", (req: express.Request, res: express.Response) => {
+    let detector = new mobileDetect(req.headers['user-agent'] || "");
+    if (detector.mobile() != null) {
+        res.sendFile(path.join(__dirname, '../../deploy/mobile/image_upload.html'));
+    } else {
+        res.sendFile(path.join(__dirname, '../../deploy/index.html'));
+    }
 });
 
 app.get("/pull", (req, res) => {