diff --git a/DEVELOPER.md b/DEVELOPER.md index bc14144..9aaf081 100644 --- a/DEVELOPER.md +++ b/DEVELOPER.md @@ -31,6 +31,20 @@ Your new resume will be now reachable at localhost:8080/#/resume/TEMPLATE-NAME.

+4. Generate previews with `npm run preview`. PDF- and PNG-files will be generated. + +5. Add preview to `/src/pages/home.vue`: +```javascript +
+ +
+ + left-right +
+ +
+``` + ## Fonts ### Icons diff --git a/README.md b/README.md index afdf5b6..e5ea50d 100755 --- a/README.md +++ b/README.md @@ -18,6 +18,7 @@

+ diff --git a/node/preview.js b/node/preview.js new file mode 100644 index 0000000..463b3a8 --- /dev/null +++ b/node/preview.js @@ -0,0 +1,30 @@ +const mv = require('mv'); +const PDFImage = require('pdf-image').PDFImage; +const path = require('path'); +const fs = require('fs'); + + +const getDirectories = () => { + const srcpath = path.join(__dirname, '../pdf'); + return fs.readdirSync(srcpath); +}; + +const getTemplateName = PDF => { + return PDF.replace('.pdf', ''); +} + +const convert = async (PDF) => { + const pdfImage = new PDFImage(path.join(__dirname, '../pdf/' + PDF)); + await pdfImage.convertPage(0); +}; + +const directories = getDirectories(); +directories.forEach(async (dir) => { + await convert(dir); + const source = path.join(__dirname, '../pdf/' + getTemplateName(dir) + '-0.png'); + const output = path.join(__dirname, '../src/assets/preview/resume-' + getTemplateName(dir) + '.png'); + console.log(output); + mv(source, output, function(err) { + if(err) console.dir(err); + }); +}); diff --git a/package.json b/package.json index 4295623..85955ea 100755 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "build": "node build/build.js", "start": "node build/dev-server.js", "pdf": "node node/app.js", + "preview": "npm run export && node node/preview.js", "template": "node node/template/template.js", "export": "concurrently \"npm run dev\" \"npm run pdf\" --success first --kill-others --raw", "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs" @@ -66,9 +67,11 @@ "less": "^2.7.2", "less-loader": "^4.0.5", "lolex": "^1.5.2", + "mv": "^2.1.1", "opn": "^5.1.0", "optimize-css-assets-webpack-plugin": "^2.0.0", "ora": "^1.3.0", + "pdf-image": "^1.1.0", "postcss": "^6.0.11", "postcss-cssnext": "^2.11.0", "rename": "^1.0.4", diff --git a/pdf/left-right.pdf b/pdf/left-right.pdf index 10cfaf5..1632cdd 100644 Binary files a/pdf/left-right.pdf and b/pdf/left-right.pdf differ diff --git a/pdf/material-dark.pdf b/pdf/material-dark.pdf index 268472c..d8a6689 100644 Binary files a/pdf/material-dark.pdf and b/pdf/material-dark.pdf differ diff --git a/pdf/oblique.pdf b/pdf/oblique.pdf index 99434d2..9f3dbe7 100644 Binary files a/pdf/oblique.pdf and b/pdf/oblique.pdf differ diff --git a/pdf/purple.pdf b/pdf/purple.pdf index 72d8910..bf4b824 100644 Binary files a/pdf/purple.pdf and b/pdf/purple.pdf differ diff --git a/pdf/side-bar-rtl.pdf b/pdf/side-bar-rtl.pdf new file mode 100644 index 0000000..ced0b38 Binary files /dev/null and b/pdf/side-bar-rtl.pdf differ diff --git a/pdf/side-bar.pdf b/pdf/side-bar.pdf index 70c5a08..ed810f3 100644 Binary files a/pdf/side-bar.pdf and b/pdf/side-bar.pdf differ diff --git a/src/assets/preview/resume-left-right.png b/src/assets/preview/resume-left-right.png old mode 100755 new mode 100644 index 402e0e7..fd43f21 Binary files a/src/assets/preview/resume-left-right.png and b/src/assets/preview/resume-left-right.png differ diff --git a/src/assets/preview/resume-material-dark.png b/src/assets/preview/resume-material-dark.png old mode 100755 new mode 100644 index 57b794e..09c7300 Binary files a/src/assets/preview/resume-material-dark.png and b/src/assets/preview/resume-material-dark.png differ diff --git a/src/assets/preview/resume-oblique.png b/src/assets/preview/resume-oblique.png old mode 100755 new mode 100644 index 034f641..06bd610 Binary files a/src/assets/preview/resume-oblique.png and b/src/assets/preview/resume-oblique.png differ diff --git a/src/assets/preview/resume-purple.png b/src/assets/preview/resume-purple.png index ce3a593..af77c18 100644 Binary files a/src/assets/preview/resume-purple.png and b/src/assets/preview/resume-purple.png differ diff --git a/src/assets/preview/resume-side-bar-rtl.png b/src/assets/preview/resume-side-bar-rtl.png new file mode 100644 index 0000000..31088a5 Binary files /dev/null and b/src/assets/preview/resume-side-bar-rtl.png differ diff --git a/src/assets/preview/resume-side-bar.png b/src/assets/preview/resume-side-bar.png old mode 100755 new mode 100644 index feb8f3d..d838249 Binary files a/src/assets/preview/resume-side-bar.png and b/src/assets/preview/resume-side-bar.png differ diff --git a/src/pages/home.vue b/src/pages/home.vue index 6f25c4a..0b6e242 100755 --- a/src/pages/home.vue +++ b/src/pages/home.vue @@ -46,6 +46,14 @@ +

+ +
+ + side-bar-rtl +
+ +