mobile warning

css/main.css

@@ -515,4 +515,20 @@ a.seeMore.closed>.fui-triangle-down{
 object{
     width:100%;
     margin-bottom: 10px;
+}
+
+#aboutCorner{
+    display: none;
+    position: absolute;
+    z-index: 6;
+    top:0;
+    right:0;
+    background: rgba(40, 40, 40, 0.7);
+    width: 30px;
+    text-align: center;
+    color: white;
+}
+
+#noSupportModal{
+    text-align: center;
 }
\ No newline at end of file

index.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <title>Origami Simulator</title>
 
+    <meta name="viewport" content="width=device-width">
+
     <link href="dependencies/bootstrap.min.css" rel="stylesheet" type="text/css"/>
     <link rel="stylesheet" type="text/css" href="dependencies/flat-ui.min.css"/>
     <link rel="stylesheet" type="text/css" href="dependencies/jquery-ui.min.css"/>
@@ -1856,5 +1858,6 @@
 <div id="recordStatus">
     <a href="#" id="stopRecord" class="btn btn-lg btn-danger">Stop Record <span></span></a>
 </div>
+<a href="#" id="aboutCorner">?</a>
 </body>
 </html>
\ No newline at end of file

js/controls.js

@@ -71,6 +71,9 @@ function initControls(globals){
     setLink("#about", function(){
         $('#aboutModal').modal('show');
     });
+    setLink("#aboutCorner", function(){
+        $('#aboutModal').modal('show');
+    });
     setLink("#tips", function(){
         $('#tipsModal').modal('show');
     });

js/dynamic/GPUMath.js

@@ -28,6 +28,7 @@ function initGPUMath(){
                   '</div>';
                 $(elm).appendTo($("body"));
         $("#noSupportModal").modal("show");
+        $("#aboutCorner").show();
        console.warn("floating point textures are not supported on your system");
     }