diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..5d3a441 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index 38e2fa0..be55c5b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,8 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <meta name="referrer" content="no-referrer">
-    <link rel="icon" href="/logo.png">
+    <link rel="icon" href="/favicon.ico">
     <title>Hill's Treasure Hunt</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/src/img/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/src/img/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/src/img/favicon-16x16.png">
+    <link rel="manifest" href="/src/img/site.webmanifest">
+    <link rel="mask-icon" href="/src/img/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
     <meta
       name="description"
       content="Explore to get chests, boost to full power!"
diff --git a/public/src/img/android-chrome-192x192.png b/public/src/img/android-chrome-192x192.png
new file mode 100644
index 0000000..01f8dc8
Binary files /dev/null and b/public/src/img/android-chrome-192x192.png differ
diff --git a/public/src/img/android-chrome-512x512.png b/public/src/img/android-chrome-512x512.png
new file mode 100644
index 0000000..bbeb9ca
Binary files /dev/null and b/public/src/img/android-chrome-512x512.png differ
diff --git a/public/src/img/apple-touch-icon.png b/public/src/img/apple-touch-icon.png
new file mode 100644
index 0000000..77f7b8e
Binary files /dev/null and b/public/src/img/apple-touch-icon.png differ
diff --git a/public/src/img/browserconfig.xml b/public/src/img/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/public/src/img/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/src/img/favicon-16x16.png b/public/src/img/favicon-16x16.png
new file mode 100644
index 0000000..967b2ab
Binary files /dev/null and b/public/src/img/favicon-16x16.png differ
diff --git a/public/src/img/favicon-32x32.png b/public/src/img/favicon-32x32.png
new file mode 100644
index 0000000..0a5445c
Binary files /dev/null and b/public/src/img/favicon-32x32.png differ
diff --git a/public/src/img/favicon.ico b/public/src/img/favicon.ico
new file mode 100644
index 0000000..5d3a441
Binary files /dev/null and b/public/src/img/favicon.ico differ
diff --git a/public/src/img/mstile-150x150.png b/public/src/img/mstile-150x150.png
new file mode 100644
index 0000000..17dbf51
Binary files /dev/null and b/public/src/img/mstile-150x150.png differ
diff --git a/public/src/img/safari-pinned-tab.svg b/public/src/img/safari-pinned-tab.svg
new file mode 100644
index 0000000..4582c16
--- /dev/null
+++ b/public/src/img/safari-pinned-tab.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2290 5110 c-30 -4 -80 -11 -110 -15 -30 -5 -64 -9 -75 -10 -11 -1
+-27 -5 -35 -7 -8 -3 -67 -17 -130 -33 -354 -86 -692 -252 -980 -481 -112 -89
+-328 -307 -411 -414 -223 -287 -394 -635 -475 -965 -55 -224 -67 -325 -70
+-590 -1 -137 2 -279 7 -315 5 -36 12 -83 15 -105 58 -426 274 -908 563 -1255
+55 -66 261 -274 317 -320 337 -277 697 -454 1105 -543 205 -45 279 -52 564
+-51 290 0 386 11 615 69 224 57 502 170 658 269 23 14 44 26 47 26 6 0 198
+131 205 140 3 3 21 17 40 30 19 14 42 32 51 40 8 8 46 42 84 75 96 85 185 178
+264 275 20 25 39 47 42 50 12 11 148 209 181 265 180 302 312 692 345 1025 15
+144 9 546 -10 665 -66 425 -225 807 -477 1150 -82 112 -124 160 -255 290 -345
+345 -749 570 -1220 680 -127 30 -182 39 -315 54 -88 11 -460 11 -540 1z"/>
+</g>
+</svg>
diff --git a/public/src/img/site.webmanifest b/public/src/img/site.webmanifest
new file mode 100644
index 0000000..b20abb7
--- /dev/null
+++ b/public/src/img/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/src/router/index.js b/src/router/index.js
index f40e418..ae8da6a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,7 +11,7 @@ const routes = [
     component: HomeView
   },
   {
-    path: '/home/:name/:box/:boxId',
+    path: '/home/:code',
     name: 'home',
     component: HomeView
   },
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ed2fa0b..18ed80d 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -749,8 +749,8 @@ export default {
   mounted() {
     this.initData()
     this.$nextTick(() => {
-      if (this.$route.params.name) {
-        if(this.$route.params.boxId.split("id=")[1] != 'undefined') {
+      if (this.$route.params.code) {
+        if(this.$route.params.code.split("=")[0] == 'box') {
           this.helpDialogVisible = true
         }
       }