Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/peterpf/modern-typst-resume

A modern typst resume template
https://github.com/peterpf/modern-typst-resume

cv cv-template resume typst typst-template

Last synced: 6 days ago
JSON representation

A modern typst resume template

Host: GitHub
URL: https://github.com/peterpf/modern-typst-resume
Owner: peterpf
License: unlicense
Created: 2023-12-01T11:42:43.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-07-15T21:14:49.000Z (4 months ago)
Last Synced: 2024-08-02T06:16:05.244Z (3 months ago)
Topics: cv, cv-template, resume, typst, typst-template
Language: Typst
Homepage:
Size: 2.15 MB
Stars: 33
Watchers: 1
Forks: 3
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

latex-templates - peterpf/<br>modern-typst-resume - typst-resume?style=flat-square)<br/>![7](https://img.shields.io/github/forks/peterpf/modern-typst-resume?style=flat-square)<br/>![2024-10-26](https://img.shields.io/github/last-commit/peterpf/modern-typst-resume?style=flat-square) | A modern typst resume template | (Popular & New Non-LaTeX Templates / Others)
awesome-typst - modern-typst-template - A modern resume/CV template. (Templates & Libraries / CV)

README

        # A modern typst CV template

[![say thanks](https://img.shields.io/badge/Say%20Thanks-👍-1EAEDB.svg)](https://github.com/peterpf/modern-typst-resume/stargazers)

A customizable resume/CV template focusing on clean and concise presentation, with a touch of color.

**This template is available on [typst Universe](https://typst.app/universe/package/modern-resume)!**

## Requirements

To compile this project you need the following:

- [typst](https://github.com/typst/typst)

- [Roboto font family](https://fonts.google.com/specimen/Roboto)

## Compiling

Build the document once with

```bash

typst compile main.typ

```

Build the document whenever you save changes by running

```bash

typst watch main.typ

```

## Usage

The following code provides a minimum working example:

```typst

#import "@preview/modern-resume": *

#show: modern-resume.with(

  author: "John Doe",

  job-title: "Data Scientist",

  bio: lorem(5),

  avatar: image("avatar.png"),

  contact-options: (

    email: link("mailto:[email protected]")[john.doe\@gmail.com],

    mobile: "+43 1234 5678",

    location: "Austria",

    linkedin: link("https://www.linkedin.com/in/jdoe")[linkedin/jdoe],

    github: link("https://github.com/jdoe")[github.com/jdoe],

    website: link("https://jdoe.dev")[jdoe.dev],

  ),

)

== Education

#experience-edu(

  title: "Master's degree",

  subtitle: "University of Sciences",

  task-description: [

    - Short summary of the most important courses

    - Explanation of master thesis topic

  ],

  date-from: "10/2021",

  date-to: "07/2023",

)

// More content goes here

```

See [main.typ](./main.typ) for a full example that showcases all available elements.

## Output examples

Example outputs for different color palettes:

| Default colors | Pink colors |

|:----------------:|:-------------:|

|![Default colors](./docs/images/demo-navy-dark.png) | ![Pink colors](./docs/images/demo-pink.png)|

## Customization

Note: customization is currently only supported when cloning the template locally. Allowing customization via a "Typst universe"-installed template is a feature that is actively worked on.

The template allows you to make it yours by defining a custom color palette.

Customize the color theme by changing the values of the `color` dictionary in [lib.typ](lib.typ). For example:

- The default color palette:

  ```typst

  #let colors = (

    primary: rgb("#313C4E"),

    secondary: rgb("#222A33"),

    accent-color: rgb("#449399"),

    text-primary: black,

    text-secondary: rgb("#7C7C7C"),

    text-tertiary: white,

  )

  ```

- A pink color palette:

  ```typst

  #let colors = (

    primary: rgb("#e755e0"),

    secondary: rgb("#ad00c2"),

    accent-color: rgb("#00d032"),

    text-primary: black,

    text-secondary: rgb("#7C7C7C"),

    text-tertiary: white,

  )

  ```

## Elements

This section introduces the visual elements that are part of this template.

### Pills

Import this element from the template module with `pill`.

![pills](docs/images/pills.png)

```typst

#pill("German (native)")

#pill("English (C1)")

```

![pills filled](docs/images/pills-filled.png)

```typst

#pill("Teamwork", fill: true)

#pill("Critical thinking", fill: true)

```

### Educational/work experience

Import the elements from the template module with `experience-edu` and `experience-work` respectively.

![educational experience](docs/images/educational-experience.png)

```typst

#experience-edu(

  title: "Master's degree",

  subtitle: "University of Sciences",

  task-description: [

    - Short summary of the most important courses

    - Explanation of master thesis topic

  ],

  date-from: "10/2021",

  date-to: "07/2023",

)

```

![work experience](docs/images/work-experience.png)

```typst

#experience-work(

  title: "Full Stack Software Engineer",

  subtitle: [#link("https://www.google.com")[Some IT Company]],

  facility-description: "Company operating in sector XY",

  task-description: [

    - Short summary of your responsibilities

  ],

  date-from: "09/2018",

  date-to: "07/2021",

)

```

### Project

Import this element from the template module with `project`.

![project](docs/images/project.png)

```typst

#project(

  title: "Project 2",

  subtitle: "Data Visualization, Data Engineering",

  description: [

    - #lorem(20)

  ],

  date-from: "08/2022",

  date-to: "09/2022",

)

```

## Contributing

I'm grateful for any improvements and suggestions.

## Acknowledgements

This project would not be what it is without:

- [Font Awesome Free](https://github.com/FortAwesome/Font-Awesome/) | providing the icons