gzip, exit tutorial auto on mobile

2019-11-05 16:39:31 +11:00
parent 74a6e70c37
commit 990803583c
6 changed files with 29 additions and 9 deletions
@@ -15,6 +15,8 @@
    <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
    <link rel="stylesheet" href="assets/styles/normalize.css">
    <link rel="stylesheet" href="assets/styles/skeleton.css">
+    <link rel="icon" sizes="512x512" href="assets/icons/mnml.png">
+    <link rel="apple-touch-icon" href="assets/icons/mnml.png">
  </head>
  </head>
  <body>
@@ -15,7 +15,7 @@
        }
    ],
    "start_url": "/index.html",
-    "display": "fullscreen",
+    "display": "standalone",
    "orientation": "landscape",
    "theme_color": "#000000",
    "background_color": "#000000"
@@ -199,13 +199,16 @@ function tutorialStage(tutorial, ws, clearTutorial, instance) {
        }

        if (tutorial === 8) {
+            if (window.innerWidth < 1000) {
+                return exit();
+            }
+
            return (
                <div>
                    <h2>Tutorial</h2>
                    <p>You've completed the tutorial! Try to create more skill and spec combinations. </p>
                    <p>You can unequip skills and specs back into the inventory by double clicking. <br />
                        Reclaim can be used to refund the cost of items in your inventory. </p>
-                    <p>Click the <b>EXIT TUTORIAL</b> button to replace this section with more information.</p>
                </div>
            );
        }
@@ -213,10 +216,11 @@ function tutorialStage(tutorial, ws, clearTutorial, instance) {
    };

    const classes = tutorial === 8 ? 'focus' : '';
+    const text = tutorial === 8 ? 'Continue' : 'Close Tutorial'
    const exitTutorial = <button
        class={classes}
        onClick={e => e.stopPropagation()}
-        onMouseDown={exit}> Exit Tutorial </button>;
+        onMouseDown={exit}> {text} </button>;

    return (
        <div class='tutorial'>