Skip to content

dmitripr/casual-markdown-cv

 
 

Repository files navigation

casual-markdown-cv

casual-markdown-cv is a minimal way to create markdown resume and available online (github-page or other static web hosting)

It is quite annoying to maintain resume in multiple format, MS Word, PDF, TXT as well as wanna to have an HTML format available online.

Github markdown editor is very handy to draft a nice resume. Here is a sample template: resume.md.

just add a little code to transform into online resume with nice look (hosted at github).

then may print it to PDF file to send to recruiter, or share by url. (for github, it can accessed by raw.githack.com naturally)

ps: recommended to ask ChatGPT for a refinement before published your resume. AI will refine both content and layout in markdown format.

Themes

The following themes are available now

Sorry for my poor UI design, if still not good enough, please fork this repo and make your own.

Usage

just fork this repo, and choose a resume template to revise. then check html layout by https://raw.githack.com/YOUR-REPO-NAME/casual-markdown-cv/main/resume.html

by the way, this template basically use markdown as web page, which not limit for resume purpose. for example,

How it works

The code is simple, just add below (11 lines) as the header. It will convert the markdown content to HTML web page.

<!DOCTYPE html>
<title>Resume</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/casualwriter/casual-markdown/dist/casual-markdown.css">
<script src="https://cdn.jsdelivr.net/gh/casualwriter/casual-markdown/dist/casual-markdown.js"></script>
<style>  
  body { line-height:1.5; margin:auto; padding:3px; max-width:1024px; display:none; FONT-FAMILY:"Segoe UI",ARIAL; }
  h1  { font-size:200%; padding:16px; border:1px solid lightgrey; BACKGROUND:#f0f0f0; }
  h2  { border-bottom:1px solid grey; padding:2px }
</style>
<body onload="document.body.innerHTML=md.html(document.body.innerHTML); document.body.style.display='block';">
<!--======= COPY ABOVE CODE AS HEADER, THEN FOLLOW WITH RESUME CONTENT IN MARKDOWN FORMAT =========-->

<img style="float:right;border-radius:50%;width:70px;padding:6px" src="avatar-man.jpg" />

<span style="float:right;padding:6px"> 
  [email protected] <br> mobile: +852 xxxxxxxx <br> Nationality: Chinese
</span>

# Casualwriter

Credit

(Sept 2022; minor updated on Aug 2023)

About

markdown resume

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%