Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/theovier/printable-multipage-cv

Simple customizable and printable CV spanning multiple pages.
https://github.com/theovier/printable-multipage-cv

cv lebenslauf pdf printable resume tailwind tailwindcss template vue

Last synced: 4 days ago
JSON representation

Simple customizable and printable CV spanning multiple pages.

Awesome Lists containing this project

README

        

# Printable Multi-Page CV

Most CVs in Germany contain multiple pages and not only one.
This repository provides a simple multi-page HTML/CSS CV template which can be printed as PDF.
It is not very complex and, therefore, easy to adjust.
⚠ After all, the project is work-in-progress and may be subject to change in the future ⚠.

![cover-letter](examples/screenshots/cover-letter.png "Cover Letter Example")

## Features

* Simple and fast startup as we use a [Vite](https://vitejs.dev) dev server.
* Easily customizable thanks to [TailwindCSS](https://tailwindcss.com) and [Vue3](https://vuejs.org/).
* Printable as A4 PDF.

## Design

The design is minimalistic yet stylish 🔥.
However, the design does not feel very "modern".
At the moment we are looking into ways to modernize the design.
An example PDF can be found under `/examples/example.pdf`.

![cover](examples/screenshots/cover.png "Cover")
![example-page](examples/screenshots/education-page.png "Example Page")

## Privacy
Your **personal data is not shared** via any online service.
This project is meant to be used locally on your machine only.
Be sure to create a private repository if you use this project as a template.
Otherwise, your changes (including your personal data) might be publicly visible.

## Usage
The CV is generated by printing a locally hosted website.

### Building

There is no automated command to print the CV yet.
In order to generate and print the CV, the dependencies have to be installed:

```
npm install
```

The CV relies on personal data which is provided by an `.env` file.
In order to supply your own personal data, copy the `.env.example` file and rename as `.env`:

```
cp .env.example .env
```

Afterwards, the Vite webserver can be started with

```
npm run dev
```

The website is now running and the CV can be printed.

### Printing

Visit the website and open the printing dialogue (ctrl + P).
In order for the CV to look correct in Google Chrome, you need turn off the margins and select the checkbox to allow background graphics.

![printing-dialogue-chrome](examples/screenshots/printing-dialogue-chrome.png "Printing Dialogue in Chrome")

After adjusting the printing settings, simply print the website as PDF.

### Adding Content
Adding a new page with new entries can be achieved by a few lines of code:

```vue










```