modify recommend page

package-lock.json

@@ -449,6 +449,16 @@
         "picomatch": "^2.0.4"
       }
     },
+    "aplayer": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/aplayer/-/aplayer-1.10.1.tgz",
+      "integrity": "sha512-HAfyxgCUTLAqtYlxzzK9Fyqg6y+kZ9CqT1WfeWE8FSzwspT6oBqWOZHANPHF3RGTtC33IsyEgrfthPDzU5r9kQ==",
+      "requires": {
+        "balloon-css": "^0.5.0",
+        "promise-polyfill": "7.1.0",
+        "smoothscroll": "0.4.0"
+      }
+    },
     "asap": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
@@ -491,6 +501,11 @@
         "@babel/types": "^7.9.6"
       }
     },
+    "balloon-css": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/balloon-css/-/balloon-css-0.5.2.tgz",
+      "integrity": "sha512-zheJpzwyNrG4t39vusA67v3BYg1HTVXOF8cErPEHzWK88PEOFwgo6Ea9VHOgOWNMgeuOtFVtB73NE2NWl9uDyQ=="
+    },
     "binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -1450,6 +1465,11 @@
         "asap": "~2.0.3"
       }
     },
+    "promise-polyfill": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-7.1.0.tgz",
+      "integrity": "sha512-P6NJ2wU/8fac44ENORsuqT8TiolKGB2u0fEClPtXezn7w5cmLIjM/7mhPlTebke2EPr6tmqZbXvnX0TxwykGrg=="
+    },
     "pug": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.2.tgz",
@@ -1673,6 +1693,11 @@
         "object-inspect": "^1.9.0"
       }
     },
+    "smoothscroll": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/smoothscroll/-/smoothscroll-0.4.0.tgz",
+      "integrity": "sha512-sggQ3U2Un38b3+q/j1P4Y4fCboCtoUIaBYoge+Lb6Xg1H8RTIif/hugVr+ErMtIDpvBbhQfTjtiTeYAfbw1ZGQ=="
+    },
     "sortablejs": {
       "version": "1.14.0",
       "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",