Skip to content

Latest commit

 

History

History
executable file
·
82 lines (49 loc) · 1.88 KB

DEVELOPER.md

File metadata and controls

executable file
·
82 lines (49 loc) · 1.88 KB
Raw

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';
  1. Import the newly added template in src/resumes/resumes.js.

Your new resume will be now reachable at localhost:8080/#/resume/TEMPLATE-NAME.

  1. Export resumes as PDF with npm run export. Verify export of new template.

  2. Generate previews by converting PDF-files to PNG-files with npm run preview.

  3. 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 Puppeteer.

Box Shadows

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