resume/DEVELOPER.md

Developer Docs

Table of Contents

Templates

Fonts

Export

Templates

In the directory src/resumes you will find all existing templates.

Creating New Templates

1. Create a copy of src/resumes/template.vue.

2. Rename file and update template name:

let name = 'TEMPLATE-NAME';

3. Import the newly added template in src/resumes/resumes.js.

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:

<div class="preview">
  <router-link v-bind:to="'/resume/TEMPLATE-NAME'">
    <div class="preview-wrapper">
      <img src="../assets/preview/TEMPLATE-NAME.png" />
      <span>left-right</span>
    </div>
  </router-link>
</div>

Fonts

Icons

This project contains the Material Design and Font Awesome icon sets.

Included Fonts

These fonts are included:

• Open Sans, Open Sans Condensed

• Raleway

• Roboto

• Source Sans Pro

Adding a New Font

All fonts are installed via npm. To add a new font, search for the associated npm-module. Add the module to the package.json and install it. Import the css file in src/App.vue.

Export

Resumes are being exported with Electroshot.

Box Shadows

Electroshot uses Electron to generate PDF-files. Since Chrome does not export box-shadows properly, every resume uses chrome-shadow-fixer.