FIX npm run pdf

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
+package-lock.json
 node_modules/
 dist/
 npm-debug.log*

node/app.js

@@ -6,14 +6,13 @@ const exec = require('child_process').exec;
  * converts resumes to pdf
  * @return {Promise}
  */
-const convert = async() => {
+const convert = () => {
   try {
     const directories = getResumesFromDirectories();
     let script = '';
     directories.forEach(resume => (script += electroshotScript(resume.path)));
     script = script.substring(0, script.length - 2);
-    await execBash(script);
-    console.log('Successfully generated pdfs. Check in "/pdf".');
+    return execBash(script);
   } catch (err) {
     throw new Error(err);
   }

package.json

@@ -7,8 +7,7 @@
   "scripts": {
     "dev": "node build/dev-server.js",
     "start": "node build/dev-server.js",
-    "pdf": "node --harmony-async-await node/app.js",
-    "build": "node build/build.js",
+    "pdf": "node node/app.js",
     "test": "cross-env BABEL_ENV=test karma start test/karma.conf.js --single-run",
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
@@ -18,11 +17,13 @@
     "material-design-icons": "^3.0.1",
     "material-icons": "^0.1.0",
     "roboto-fontface": "^0.7.0",
+    "text-fitter": "0.0.6",
     "vue": "^2.2.6",
     "vue-router": "^2.3.1"
   },
   "devDependencies": {
     "autoprefixer": "^6.7.2",
+    "babel-cli": "^6.24.1",
     "babel-core": "^6.22.1",
     "babel-eslint": "^7.1.1",
     "babel-loader": "^6.2.10",

src/pages/resume.vue

@@ -1,7 +1,9 @@
 <template>
 <div class="page-wrapper">
   <div class="page">
-    <resume-material-dark v-if="$route.params.resumeid==='material-dark'"></resume-material-dark>
+    <div class="page-inner">
+      <resume-material-dark v-if="$route.params.resumeid==='material-dark'"></resume-material-dark>
+    </div>
   </div>
 </div>
 </template>
@@ -9,16 +11,23 @@
 <script>
 import Vue from 'vue';
 import '../components/resume-material-dark.vue';
-import {fix} from 'chrome-shadow-fixer';
+import * as chromeShadowFixer from 'chrome-shadow-fixer';
+import * as textFitter from 'text-fitter';
 export default Vue.component('resume', {
   name: 'app',
   mounted: () => {
-    fix();
+    const pageElements = document.querySelectorAll('.page-inner');
+    textFitter.fix(pageElements);
+    chromeShadowFixer.fix();
   }
 });
 </script>
 
 <style scoped>
+.page-inner{
+  height: 100%;
+  width: 100%;
+}
 .page-wrapper {
   overflow-x: hidden;
   background: #CCCCCC;

src/person.js

@@ -33,6 +33,16 @@ export const PERSON = {
       timeperiod: 'March 2012 - December 2013',
       description: 'Major in Hacking and Computer Penetration, University A, New York, USA.'
     },
+    {
+      degree: 'Bachelor of Science',
+      timeperiod: 'March 2009 - December 2011',
+      description: 'Major in Engineering, University B, Los Angeles, USA.'
+    },
+    {
+      degree: 'Bachelor of Science',
+      timeperiod: 'March 2009 - December 2011',
+      description: 'Major in Engineering, University B, Los Angeles, USA.'
+    },
     {
       degree: 'Bachelor of Science',
       timeperiod: 'March 2009 - December 2011',