auto commit at 11/02/2019 Sat

index.html

@@ -44,9 +44,9 @@
 
     <div class="header-top">
       <!--index cover image-->
-      <figure id="cover-img-container">
-        <div id="img-view" data-depth="0.2">
-          <img id="cover-img" src="https://view.moezx.cc/images/2019/10/17/vector-flying-plane-sunny-blue-sky_79451-230.jpg">
+      <figure data="mark" id="cover-img-container">
+        <div data="layer" id="img-view" data-depth="0.2">
+          <img data="cover" id="cover-img" src="https://api.2heng.xin/cover/">
         </div>
       </figure>
       <div class="cover-video-container"></div>

package-lock.json

@@ -7378,6 +7378,46 @@
       "integrity": "sha512-unoCll1+l+YK4i4F8f22TaNVPRHcD9PA3yCuZ8g5e0qGqlVlJ/8FSateOLLSagn+Yg5+ZwuPkL8LFUc0Jcvksg==",
       "dev": true
     },
+    "uglify-js": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.6.6.tgz?cache=0&sync_timestamp=1572608436853&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuglify-js%2Fdownload%2Fuglify-js-3.6.6.tgz",
+      "integrity": "sha1-fsKMkscTHGoJa2nNSHImAMxTQgc=",
+      "dev": true,
+      "requires": {
+        "commander": "~2.20.3",
+        "source-map": "~0.6.1"
+      }
+    },
+    "uglifyjs-webpack-plugin": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/uglifyjs-webpack-plugin/download/uglifyjs-webpack-plugin-2.2.0.tgz",
+      "integrity": "sha1-51vIDn8ZN/cllUybTFoeln6p0Nc=",
+      "dev": true,
+      "requires": {
+        "cacache": "^12.0.2",
+        "find-cache-dir": "^2.1.0",
+        "is-wsl": "^1.1.0",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^1.7.0",
+        "source-map": "^0.6.1",
+        "uglify-js": "^3.6.0",
+        "webpack-sources": "^1.4.0",
+        "worker-farm": "^1.7.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/schema-utils/download/schema-utils-1.0.0.tgz?cache=0&sync_timestamp=1571141316329&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fschema-utils%2Fdownload%2Fschema-utils-1.0.0.tgz",
+          "integrity": "sha1-C3mpMgTXtgDUsoUNH2bCo0lRx3A=",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        }
+      }
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",

package.json

@@ -28,7 +28,8 @@
     "babel-loader": "^8.0.6",
     "postcss-loader": "^3.0.0",
     "ts-loader": "^6.2.1",
-    "typescript": "^3.6.4"
+    "typescript": "^3.6.4",
+    "uglifyjs-webpack-plugin": "^2.2.0"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

src/ts/index.ts

@@ -8,7 +8,7 @@ import * as components from "./components/index"
 import coverImgIni from "./modules/coverImgIni"
 import headerBarScrollHandler from "./modules/headerBarScrollHandler"
 
-//TODO: move to ./particails
+//TODO: rewrite
 let componentsIni = components
 
 window.onscroll = function () {

src/ts/modules/coverImgIni.ts

@@ -15,18 +15,23 @@ export default function () {
     let coverImageContainer: HTMLElement = document.querySelector("#cover-img-container")
     coverImageContainer.style.height = `${window.innerHeight}px`
 
-    let scene = document.querySelector('#cover-img-container')
-    let parallaxInstance = new Parallax(scene);
-
-    let cover: {
-        e: HTMLImageElement,
-        w: number,
-        h: number
+    interface LooseObject {
+        [key: string]: any
     }
 
-    cover.e = document.querySelector("#cover-img") as HTMLImageElement
-    cover.w = cover.e.naturalWidth
-    cover.h = cover.e.naturalHeight
+    let coverImg: LooseObject = {}
+    let coverView: LooseObject = {}
+
+    coverImg.e = <HTMLImageElement>document.querySelector("#cover-img") as HTMLImageElement
+    coverImg.w = <number>cover.e.naturalWidth
+    coverImg.h = <number>cover.e.naturalHeight
+
+    coverView=<HTMLImageElement>document.querySelector("#cover-img") as HTMLImageElement
+    // Parallax view box
+    cover.e.style.height = `${window.innerHeight}px`
 
-    console.log(cover.w)
+
+
+    let scene = document.querySelector('#cover-img-container')
+    let parallaxInstance = new Parallax(scene);
 }

webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const autoprefixer = require('autoprefixer');
+//const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
 module.exports = [{
   mode: "development", // "production" | "development" | "none"
@@ -59,4 +60,9 @@ module.exports = [{
   resolve: {
     extensions: [ '.tsx', '.ts', '.js' ]
   },
+  // plugins: [
+  //   new UglifyJsPlugin({
+  //     test: /\.js($|\?)/i
+  //   })
+  // ]
 }];