Skip to content

alexwkleung/Continuity

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

20 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Continuity

Create a resume using Markdown and CSS.

Just fill in the template, run the script, and you'll have a simple resume in PDF format ready to go!

Table of Contents

  1. Installation

  2. Usage

  3. Frequently Asked Questions

  4. Contributions

  5. License

Installation

  1. Install Node.js

  2. Clone the repository or download the latest release

git clone <SSH/HTTPS URL>
  1. Change directory
cd <...>/Continuity
  1. Install npm dependencies
npm install
  1. Run the build step at least once
npm run build
# or 
make build

Usage

  1. Edit resume.md located in the src/client directory. A template skeleton is already created, so you just need to fill it in.

  2. If you do not like the current style/theme of the resume, you can modify style.css located in the src/client/styles directory.

  3. Once you're ready to generate the PDF file, run the script below:

# generate PDF file from template
npm run resume
# or
make resume
  1. The generated resume PDF (resume.pdf) will be located in the src/client/output-pdf directory.

  2. If you want to preview the HTML version of the resume, you can run the following scripts to open the server. Alternatively, you can directly open resume.html located in the src/client/output-html directory if you don't want to use the server.

# run one of these scripts first
npm run resume
# or
make resume

# then run server script
npm run server
# or
make server

Frequently Asked Questions

The FAQ will be updated as needed.

  1. Q: Why does the HTML version of the resume look different?

    A: The HTML version may not be visually identical to the generated PDF due to formatting differences caused by the conversion done by Puppeteer.

  2. Q: I want to use A4 instead of Letter. How do I change it?

    A: For those that prefer A4 size, you will need to make the following modifications:

In create-resume.ts (located in src/server/util):

CHANGE

//CHANGE
resumeUtil.invoke(
    'src/client/resume.md',
    'src/client/output-html/resume.html',
    'Letter', 
    'src/client/output-pdf/resume.pdf'
);

TO

//TO
resumeUtil.invoke(
    'src/client/resume.md',
    'src/client/output-html/resume.html',
    'A4', 
    'src/client/output-pdf/resume.pdf'
);

In style.css (located in src/client/styles):

CHANGE

/* CHANGE (body) */
body { 
    background-color: white;
    /* standard US size (8.5x11 aka Letter) */
    width: 850px;
    height: 1100px;

    /* standard international size (8.27x11.7 aka A4) */
    /*
    width: 827px;
    height: 1170px;
    */
    margin: 0 auto;
}

/* CHANGE (hr) */
hr {
    /* optional: change border to black */
    /* 
    border-color: black; 
    */

    /* Letter */
    width: 820px;

    /* A4 */
    /*
    width: 800px; 
    */

    /* A4 alternative */
    /*
    width: 795px;
    */
}

TO

/* TO (body) */
body { 
    background-color: white;
    /* standard US size (8.5x11 aka Letter) */
    /*
    width: 850px;
    height: 1100px;
    */

    /* standard international size (8.27x11.7 aka A4) */
    width: 827px;
    height: 1170px;
    margin: 0 auto;
}

/* TO (hr) */
hr {
    /* optional: change border to black */
    /* 
    border-color: black; 
    */

    /* Letter */
    /*
    width: 820px;
    */

    /* A4 */
    width: 800px; 

    /* A4 alternative */
    /*
    width: 795px;
    */
}

OR TO

/* TO (body) */
body { 
    background-color: white;
    /* standard US size (8.5x11 aka Letter) */
    /*
    width: 850px;
    height: 1100px;
    */

    /* standard international size (8.27x11.7 aka A4) */
    width: 827px;
    height: 1170px;
    margin: 0 auto;
}

/* TO (hr alternative) */
hr {
    /* optional: change border to black */
    /* 
    border-color: black; 
    */

    /* Letter */
    /*
    width: 820px;
    */

    /* A4 */
    /*
    width: 800px; 
    */

    /* A4 alternative */
    width: 795px;
}
  1. Q: Is it recommended to modify the resume style/theme? Is it good enough to start with?

    A: Personally, I think it's a good starting template out of the box. However, I highly encourage you to modify it if you want to add your own personal touch.

Contributions

Contributions are welcomed, but is 100% optional.

Feel free to submit a new issue or a pull request if you have any improvements or concerns.

License

MIT License.