UPDATE project structure

less/fonts.less

@@ -0,0 +1,2 @@
+@import "../node_modules/open-sans-fontface/open-sans.less";
+@import (less) "../node_modules/raleway-webfont/raleway.min.css";

less/style.less

@@ -1,7 +1,5 @@
-@import "resume-1.less";
-@import "resume-2.less";
-@import "../node_modules/open-sans-fontface/open-sans.less";
-@import (less) "../node_modules/raleway-webfont/raleway.min.css";
+@import "fonts.less";
+@import "../resumes/resumes.less";
 @header: #4B5B6E;
 @background: #CCCCCC;
 @darkgrey: #343444;

package.json

@@ -6,8 +6,10 @@
     "scripts": {
         "server": "node server.js",
         "start": "npm run less && npm run server",
-        "pdf": "bash createPDF.bash",
-        "pdf:win": "sh createPDF.sh",
+        "pdf": "bash scripts/createPDF.bash",
+        "pdf:win": "sh scripts/createPDF.sh",
+        "png": "npm run pdf && bash scripts/createPNG.bash",
+        "png:win": "npm run pdf:win && sh scripts/createPNG.sh",
         "less": "lessc --clean-css less/style.less public/style.min.css"
     },
     "repository": {
@@ -30,6 +32,7 @@
         "mustache-express": "^1.2.4",
         "open-sans-fontface": "^1.4.0",
         "path": "^0.12.7",
+        "pdf-to-png": "^1.0.3",
         "raleway-webfont": "^3.0.1"
     }
 }

resumes/index.mustache

@@ -29,11 +29,11 @@
                 <h3>Resumes</h3>
                 <p>Click one of the resumes to preview.</p>
                 <a class="resume" href="/resume-1">
-                    <img src="/preview/resume-1.png" />
+                    <img src="/resume-1/resume-1.png" />
                     <span class="resume-title">Resume 1</span>
                 </a>
                 <a class="resume" href="/resume-2">
-                    <img src="/preview/resume-2.png" />
+                    <img src="/resume-2/resume-2.png" />
                     <span class="resume-title">Resume 2</span>
                 </a>
             </section>

resumes/resumes.less

@@ -0,0 +1,2 @@
+@import "resume-1/resume-1.less";
+@import "resume-2/resume-2.less";

scripts/createPDF.bash

@@ -1,2 +1,2 @@
-electroshot localhost:3000/resume-1 2481x3508 --format pdf --out pdf
-electroshot localhost:3000/resume-2 2481x3508 --format pdf --out pdf
+electroshot localhost:3000/resume-1 2481x3508 --format pdf --out resumes/resume-1 --filename "resume-1.pdf"
+electroshot localhost:3000/resume-2 2481x3508 --format pdf --out resumes/resume-2 --filename "resume-2.pdf"

scripts/createPNG.bash

@@ -0,0 +1,2 @@
+electroshot localhost:3000/resume-1 2481x3508 --format png --out resumes/resume-1 --filename "resume-1.png"
+electroshot localhost:3000/resume-2 2481x3508 --format png --out resumes/resume-2 --filename "resume-2.png"

server.js

@@ -7,10 +7,11 @@ var person = require('./person.js');
 var express = require('express');
 var mustacheExpress = require('mustache-express');
 var app = express();
-app.set('views', path.join(__dirname, 'templates'));
+app.set('views', path.join(__dirname, 'resumes'));
 app.engine('mustache', require('hogan-express'));
 app.set('view engine', 'mustache');
 app.use(express.static(path.join(__dirname, 'public')));
+app.use(express.static(path.join(__dirname, 'resumes')));
 app.use(express.static(path.join(__dirname, 'node_modules')));
 app.use('/fonts', express.static(path.join(__dirname, 'node_modules/open-sans-fontface/fonts')));
 app.use('/fonts', express.static(path.join(__dirname, 'node_modules/raleway-webfont/fonts')));
@@ -26,7 +27,7 @@ app.get('/', function(req, res) {
 app.get('/resume-1', function(req, res) {
     res.render('layout', {
         partials: {
-            content: 'resume-1'
+            content: 'resume-1/resume-1'
         },
         person: person
     });
@@ -35,7 +36,7 @@ app.get('/resume-1', function(req, res) {
 app.get('/resume-2', function(req, res) {
     res.render('layout', {
         partials: {
-            content: 'resume-2'
+            content: 'resume-2/resume-2'
         },
         person: person
     });