jsonresume-theme-engineering-leader 1.0.3 → 1.0.5

package/.vscode/launch.json

@@ -12,7 +12,7 @@
                 "<node_internals>/**"
             ],
             "runtimeExecutable": "npm",
-            "runtimeArgs": ["run", "export"],
+            "runtimeArgs": ["run", "export-html"],
             "console": "integratedTerminal"
         }
     ]

package/README.md

@@ -4,9 +4,11 @@
 
 This is the engineering theme for [JSON Resume](http://jsonresume.org/), based off of [jsonresume-theme-engineering](https://github.com/skoenig/jsonresume-theme-engineering) and aims to implement the best practices for [engineering resumes](https://www.reddit.com/r/EngineeringResumes/wiki/index/). The original version was intended for [senior/staff level engineers](https://www.reddit.com/r/EngineeringResumes/wiki/index/#wiki_senior_engineers_and_above_.2810.2B_yoe.29) but this version is modified for CTOs/VPs/Directors.
 
+It handles locations of jobs and allows for nested bullets but it renders dates exactly as provided as if they are strings.
+
 <p align="center">
   <kbd>
-    <img src="https://github.com/sjw7444/jsonresume-theme-engineering-leader/blob/main/example-resume.png?raw=true" alt="Richard Hendriks Resume"/>
+    <img src="https://github.com/sjw7444/jsonresume-theme-engineering-leader/blob/main/examples/example-resume.png?raw=true" alt="Richard Hendriks Resume"/>
   </kbd>
 </p>
 
@@ -45,10 +47,10 @@ To export your resume, you can run the following command below. This will automa
 npm run export
 ```
 
-If you want to see or modify and example, this project is configured to export a resume from the `example` folder just by running vscode f5.
+If you want to see or modify and example, this project is configured to export a resume from the `examples` folder just by running vscode f5.
 
 ```bash
-resume export --resume example-resume.json --theme . example-resume.html
+resume export --resume examples/example-resume.json --theme . examples/example-resume.html
 ```
 
 ## License
@@ -61,7 +63,7 @@ This is a very small personal project but feel free to contribute and I will do
 
 ### Notes
 
-To make the example png, follow the steps below:
+To make the example png, follow the steps below (and then rename and `-1` page extensions):
 
 1. Install `brew install poppler`
-2. Run `pdftoppm -png example-resume.pdf example-resume`
+2. Run `pdftoppm -png examples/example-resume.pdf examples/example-resume`

package/{example-resume.html → examples/example-resume.html}

@@ -8,8 +8,136 @@
 
     <title>Richard Hendriks</title>
 
-    <link rel="stylesheet" href="style.css" />
-
+    <style>body {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 11px;
+    margin: 24px 48px;
+    line-height: 1.5;
+}
+
+h1 {
+    font-size: 26px;
+    text-align: center;
+    margin: 0;
+    line-height: 1.5;
+}
+
+h2 {
+    border-width: 1px;
+    border-style: none none solid none;
+    margin: 10px 0 2.5px 0;
+    line-height: 2em;
+}
+
+h3 {
+    display: inline;
+}
+
+section {
+    margin: 3px 0;
+}
+
+ul {
+    margin: 0;
+    padding-left: 20px;
+}
+
+a {
+    text-decoration: none;
+    color: black;
+}
+
+.item {
+    margin-top: 8px;
+}
+
+.item>.item-header {
+    float: left;
+    display: block;
+}
+
+.item>.item-header>.item-header-title {
+    font-weight: bold;
+    white-space: nowrap;
+}
+
+.item>.item-header>.item-header-subtitle {
+    font-weight: bold;
+    white-space: nowrap;
+}
+
+.item>.item-header>.item-header-title>.location {
+    font-weight: normal;
+    white-space: nowrap;
+}
+
+.item>.item-details {
+    float: right;
+    text-align: right;
+}
+
+.item>.item-details>.item-details-title {
+    font-weight: bold;
+}
+
+.item>.item-details>.date {
+    font-weight: bold;
+    white-space: nowrap;
+}
+
+.item>.item-header>.item-header-subtitle>.degree {
+    font-weight: normal;
+}
+
+.clearfix {
+    clear: both;
+}
+
+.centered {
+    text-align: center;
+}
+
+/* Section specific */
+/* basics */
+.vertical-separator {
+    text-align: center;
+    padding: 0 10px;
+}
+
+/*
+  .vertical-separator:not(:first-child) {
+    border-left: 1px solid #000;
+    text-align: center;
+  }
+  */
+
+/* Set some print settings. */
+@media print {
+    @page {
+        size: portrait;
+        margin: 10mm 25mm;
+    }
+
+    .resume {
+        max-width: 100%;
+        border: 0px;
+        background: #fff;
+        box-shadow: none;
+        -webkit-box-shadow: none;
+    }
+
+    body,
+    html,
+    .resume {
+        margin: 0px;
+        padding: 0px;
+    }
+
+    .controls {
+        display: none;
+    }
+}</style>
+    
 </head>
 
 <body>

package/index.js

@@ -15,14 +15,13 @@ handlebars.registerHelper({
 function render(resume) {
   let dir = __dirname,
     css = fs.readFileSync(dir + '/style.css', 'utf-8'),
-    resumeTemplate = fs.readFileSync(dir + '/resume.hbs', 'utf-8');
+    template = fs.readFileSync(dir + '/resume.hbs', 'utf-8');
 
   let Handlebars = handlebarsWax(handlebars);
 
-  return Handlebars.compile(resumeTemplate)({
-    css: css,
-    resume: resume
-  });
+  // inline the CSS to avoid path related issues while developing
+  const compiled = Handlebars.compile(template);
+  return compiled({ resume: resume, style: `<style>${css}</style>` });
 }
 
 module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsonresume-theme-engineering-leader",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "JSON Resume theme for Engineering leaders",
   "keywords": [
     "jsonresume",
@@ -18,7 +18,8 @@
   "license": "MIT",
   "scripts": {
     "start": "resume serve --theme .",
-    "export": "resume export --resume example-resume.json --theme ./ example-resume.pdf"
+    "export-html": "resume export --resume examples/example-resume.json --theme ./ examples/example-resume.html",
+    "export-pdf": "resume export --resume examples/example-resume.json --theme ./ examples/example-resume.pdf"
   },
   "dependencies": {
     "address-format": "0.0.3",

package/resume.hbs

@@ -8,8 +8,8 @@
 
     <title>{{ resume.basics.name }}</title>
 
-    <link rel="stylesheet" href="style.css" />
-
+    {{{ style }}}
+    
 </head>
 
 <body>