GithubHelp home page GithubHelp logo

elipapa / markdown-cv Goto Github PK

View Code? Open in Web Editor NEW
1.3K 17.0 3.2K 13.24 MB

a simple template to write your CV in a readable markdown file and use CSS to publish/print it.

Home Page: elipapa.github.io/markdown-cv

License: MIT License

CSS 96.45% HTML 3.55%
markdown-cv pdf css github-page html cv curriculum-vitae curriculum resume-template resume

markdown-cv's Introduction

markdown-cv

A curriculum vitae maintained in plain text and rendered to HTML and PDF using CSS.

For more details, see the project page, or the blog post on why I switched to markdown for my CV.


Customization

Simply fork the markdown-cv repo

and edit the index.md file directly in Github

adding your skills, jobs and education.

Distribution

To transform your plain text CV into a beautiful and shareable HTML page, you have two options:

I. Use Github Pages to publish it online

  1. Delete the existing gh-pages branch from your fork. It will only contain this webpage. You can either use git or the Github web interface.
  2. Create a new branch called gh-pages.
  3. Head to yourusername.github.io/markdown-cv to see your CV live.

Any change you want to make to your CV from then on would have to be done on the gh-pages branch and will be immediately rendered by Github Pages.

II. Build it locally and print a PDF

  1. To install jekyll, run gem install bundler jekyll from the command line.
  2. Clone your fork of markdown-cv to your local machine.
  3. Type jekyll serve to render your CV at http://localhost:4000.
  4. You can edit the index.md file and see the changes live in your browser.
  5. To print a PDF, press โŒ˜ + p. Print and web CSS media queries should take care of the styling.

Styling

The included CSS will render your CV in two styles: s

  1. kjhealy the original default, inspired by kjhealy's vita template.
  2. davewhipp is a tweaked version of kjhealy, with bigger fonts and dates right aligned.

To change the default style, simply change the variable in the _config.yml file.

Any other styling is possible. More CSS style contributions and forks are welcome!

Author

Eliseo Papa (Twitter/Github/Website).

Eliseo Papa

License

MIT License

markdown-cv's People

Contributors

blmoore avatar elipapa avatar zpeterson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

markdown-cv's Issues

<i></i> and <b></b> tags don't work

Hi there,

I'm trying to use jekyll-scholar to automate the bibliography section and I found out that when generated, the HTML tags <i></i> and <b></b> are there but are never displayed in the screen. I tested in both Firefox and Chrome in case it was an issue with the browser but the result is the same.

This also happens if I write literal HTML tags in the index.md, they appear in the source code of the HTML but they are not rendered in the screen.

Any idea why this could be?

Thank you in advance,
Xabi

PS: this is the link to the jekyll-scholar issue inukshuk/jekyll-scholar#242

Missing HTML Entity

After 'My wikipedia page' include '<'. Otherwise the CV will not render when using Jekyll. I would fix this myself in a clone repository and then merge it back with yours, but I'm not quite there yet. I'll 'git' on that soon. Thanks!

[Feature request] Make CSS responsive for mobile view

Great idea and implementation, design looks very good on desktop and PDF.

Just on mobile, it could really be better. It's not really usable there, only with much pinching and zooming in out, even then, not the whole line is readable.

Since 2012, when this seems to have been started, mobile has become much more important. Maybe some of the forks contain tweaks to make it responsive, if not, would be great if someone could touch it up.

This is how it looks on my OnePlus 6T with Opera:
image

Manual

Thanks for this great tool! I'm a bit lost, however, and wanting of greater clarity in instruction. Could you please update the Readme file? Many thanks!

Sidebar titles misaligned

When printing, the sidebar is misaligned with the main content.

HTML

image

Printable PDF

image

Notice the headings - Currently and Education that have shifted up by a few pixels.

Sections that start with a list out of alignment; adding empty date fixes it

Out of alignment example:

image

Markdown:

## Currently
- Assistant Professor
- Organizational Leadership and Information Analytics
- Leeds School of Business
- University of Colorado Boulder

Brought back (mostly) in-alignment with empty date example:

image

Markdown:

## Currently
` `
- Assistant Professor
- Organizational Leadership and Information Analytics
- Leeds School of Business
- University of Colorado Boulder

Adding a h2+ul rule also seems to fix it, whether or not an empty date is added:

h2+ul {
    margin-top: 2px;
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.