From 23825a8d0cd87c1c279a36390b55cc4804ebbcfc Mon Sep 17 00:00:00 2001 From: Amine Bouyarmane Date: Thu, 3 May 2018 13:51:12 +0200 Subject: [PATCH] Refined Demo Page --- config/index.js | 2 +- index.html | 1 + package-lock.json | 74 +++++++ package.json | 6 +- src/App.vue | 307 +++++++++++++++++++------- src/assets/css/highlighter.css | 60 +++++ src/assets/img/aminerman-logo.png | Bin 0 -> 67504 bytes src/assets/img/aminerman-logo.svg | 13 ++ src/assets/img/github-logo.svg | 38 ++++ src/assets/js/prism.js | 7 + src/components/parallax-container.vue | 13 +- src/components/parallax-element.vue | 7 +- src/js/throttle.js | 1 - src/main.js | 5 + 14 files changed, 444 insertions(+), 90 deletions(-) create mode 100644 src/assets/css/highlighter.css create mode 100644 src/assets/img/aminerman-logo.png create mode 100644 src/assets/img/aminerman-logo.svg create mode 100644 src/assets/img/github-logo.svg create mode 100644 src/assets/js/prism.js diff --git a/config/index.js b/config/index.js index c5eded7..1f0f155 100644 --- a/config/index.js +++ b/config/index.js @@ -43,7 +43,7 @@ module.exports = { // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', - assetsPublicPath: '/', + assetsPublicPath: './', /** * Source Maps diff --git a/index.html b/index.html index e5d682e..8f697e3 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ + vue-parallax diff --git a/package-lock.json b/package-lock.json index 8a8aec1..1adf141 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1736,6 +1736,18 @@ "integrity": "sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==", "dev": true }, + "clipboard": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.1.tgz", + "integrity": "sha512-7yhQBmtN+uYZmfRjjVjKa0dZdWuabzpSKGtyQZN+9C8xlC788SSJjOHWh7tzurfwTqTD5UDYAhIv5fRJg3sHjQ==", + "dev": true, + "optional": true, + "requires": { + "good-listener": "1.2.2", + "select": "1.1.2", + "tiny-emitter": "2.0.2" + } + }, "cliui": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", @@ -2631,6 +2643,13 @@ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" }, + "delegate": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz", + "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==", + "dev": true, + "optional": true + }, "delegates": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", @@ -4393,6 +4412,16 @@ "minimatch": "3.0.4" } }, + "good-listener": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz", + "integrity": "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=", + "dev": true, + "optional": true, + "requires": { + "delegate": "3.2.0" + } + }, "graceful-fs": { "version": "4.1.11", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", @@ -4563,6 +4592,11 @@ "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=", "dev": true }, + "highlight.js": { + "version": "9.12.0", + "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.12.0.tgz", + "integrity": "sha1-5tnb5Xy+/mB1HwKvM2GVhwyQwB4=" + }, "hmac-drbg": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", @@ -8690,6 +8724,15 @@ "utila": "0.4.0" } }, + "prismjs": { + "version": "1.14.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.14.0.tgz", + "integrity": "sha512-sa2s4m60bXs+kU3jcuUwx3ZCrUH7o0kuqnOOINbODqlRrDB7KY8SRx+xR/D7nHLlgfDdG7zXbRO8wJ+su5Ls0A==", + "dev": true, + "requires": { + "clipboard": "2.0.1" + } + }, "private": { "version": "0.1.8", "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz", @@ -9388,6 +9431,13 @@ } } }, + "select": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz", + "integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=", + "dev": true, + "optional": true + }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -10124,6 +10174,13 @@ "setimmediate": "1.0.5" } }, + "tiny-emitter": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.0.2.tgz", + "integrity": "sha512-2NM0auVBGft5tee/OxP4PI3d8WItkDM+fPnaRAVo6xTDI2knbz9eC5ArWGqtGlYqiH3RU5yMpdyTTO7MguC4ow==", + "dev": true, + "optional": true + }, "to-arraybuffer": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz", @@ -10642,6 +10699,14 @@ "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.16.tgz", "integrity": "sha512-/ffmsiVuPC8PsWcFkZngdpas19ABm5mh2wA7iDqcltyCTwlgZjHGeJYOXkBMo422iPwIcviOtrTCUpSfXmToLQ==" }, + "vue-highlightjs": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/vue-highlightjs/-/vue-highlightjs-1.3.3.tgz", + "integrity": "sha1-KaDVcTL8HOFc+mHolpGPW3GMXVI=", + "requires": { + "highlight.js": "9.12.0" + } + }, "vue-hot-reload-api": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.0.tgz", @@ -10669,6 +10734,15 @@ "vue-template-es2015-compiler": "1.6.0" } }, + "vue-prism": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/vue-prism/-/vue-prism-1.0.5.tgz", + "integrity": "sha1-bnd3rbL6EcCoy5ngJlESoQVUlVA=", + "dev": true, + "requires": { + "prismjs": "1.14.0" + } + }, "vue-style-loader": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.1.2.tgz", diff --git a/package.json b/package.json index ce06c5b..35e3168 100644 --- a/package.json +++ b/package.json @@ -11,10 +11,12 @@ }, "dependencies": { "gsap": "^1.20.4", + "highlight.js": "^9.12.0", "lodash": "^4.17.10", "node-sass": "^4.9.0", "sass-loader": "^7.0.1", - "vue": "^2.5.2" + "vue": "^2.5.2", + "vue-highlightjs": "^1.3.3" }, "devDependencies": { "autoprefixer": "^7.1.2", @@ -40,12 +42,14 @@ "postcss-import": "^11.0.0", "postcss-loader": "^2.0.8", "postcss-url": "^7.2.1", + "prismjs": "^1.14.0", "rimraf": "^2.6.0", "semver": "^5.3.0", "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^1.1.1", "url-loader": "^0.5.8", "vue-loader": "^13.3.0", + "vue-prism": "^1.0.5", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.5.2", "webpack": "^3.11.0", diff --git a/src/App.vue b/src/App.vue index 527bf9d..8be5208 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,69 +1,131 @@