Skip to content

Instantly share code, notes, and snippets.

@amiune
Last active July 11, 2025 09:06
Show Gist options
  • Select an option

  • Save amiune/4f59edb82e110f89a4177567a0ad3426 to your computer and use it in GitHub Desktop.

Select an option

Save amiune/4f59edb82e110f89a4177567a0ad3426 to your computer and use it in GitHub Desktop.
Converts a github markdown file into a pretty CV in html
<!--
Markdown 2 CV
Convert a markdown to a pretty CV
Developer: Hernan Amiune
hernan.amiune.com
Licensed under MIT
-->
<!DOCTYPE html>
<!-- choose the light or dark theme -->
<html lang="en" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Your Name's CV</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css" />
</head>
<body>
<main class="container">
<section>
<div id="content">
<section id="progress">
<h1>Loading Content</h1>
<progress id="progress-2"></progress>
</section>
</div>
</section>
</main>
<script src="https://unpkg.com/markdown-it@8.4.2/dist/markdown-it.min.js"></script>
<script>
const CV_URL = "https://raw.githubusercontent.com/PATH_TO_YOUR_MARKDOWN_CV.md";
fetch(CV_URL).then(async (response) => {
if (response.ok) {
text = await response.text();
let md = window.markdownit();
document.getElementById('content').innerHTML = md.render(text);
}
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment