Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/markdone/cssume

📄 An elegant css theme for resume generated by Markdown
https://github.com/markdone/cssume

css markdown resume style tiny

Last synced: about 2 months ago
JSON representation

📄 An elegant css theme for resume generated by Markdown

Awesome Lists containing this project

README

        

# cssume

> An elegant css theme for resume generated by Markdown

[![npm][npm-image]][npm-url]
[![downloads][downloads-image]][npm-url]
[![size][size-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/cssume.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/cssume
[downloads-image]: https://img.shields.io/npm/dm/cssume.svg?style=flat-square
[size-image]: http://img.badgesize.io/https://unpkg.com/cssume?compression=gzip&label=size&style=flat-square

Write your resume with markdown and turn it into an HTML page, and then let cssume to beautify it!

The design is inspired by [standardresume](standardresume.co), and you can learn how to write a good resume from [this article](https://standardresume.co/write-the-perfect-resume).

See the [online demo](https://markdone.github.io/cssume/), or [Try it!](https://codepan.net/gist/114524e411d3ed9334715609beb65d27)

## Install

```html

```

```sh
# npm package
$ npm install cssume
```

```css
/* CSS file */
@import url('https://unpkg.com/cssume/dist/cssume-scope.css');
```

## Usage

```html






cssume


Your resume


```

This is a demo markdown

```markdown
# Your Name

> Career

Location

A few words to introduce yourself...

* [your email](email-address 'email')
* [your website](website-url 'website')
* [your linkedin](linkedin-url 'linkedin')
* [your github](github-url 'github')

1. [your email](email-address 'email')
2. [your website](website-url 'website')
3. [your linkedin](linkedin-url 'linkedin')

---

## Work Experience | Education | Projects

### Company | School | Project name

**Title**
_date_

Simple introduction...

* If necessary
* You can list it

## Skills

* Javascript
* TypeScript
* Whatever
```

## FAQ

* What's the difference between `cssume-scope.css` and `cssume.css`?

`cssume-scope.css` is that you need to add `.cssume` class for element.

## License

MIT