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)

Themes

The following themes are available now

resume.html // default theme (preview)
resume-qrcode.html // show QR code of URL (preview)
resume-dark.html // dark theme, font=verdana (preview)
resume-warm.html // warm theme, font=calibri (preview)
resume-blue.html // blue theme, font=arial (preview)
resume-web.html // sample for web developer (preview)

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,

project-plan.html // project plan (preview)
document.html // documentation (preview)

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

inspired by https://github.com/youngyangyang04/Markdown-Resume-Template
thanks and reference to CV samples, https://www.resumewriter.hk/blog/cv-samples/

(Sept 2022)

ink-splatters / casual-markdown-cv Goto Github PK