Obsidian CV

A CSS snippet that turns any Obsidian note into a clean, ATS-friendly resume - no plugins required. Switch to Reading View to preview or export to PDF.

Install

Option 1 - Quick

1. Download Zip from release
2. Unzip and paste its content into your vault
3. Toggle the snippet on in Settings → Appearance → CSS snippets

Option 2 - Manual

1. Download CV.css and CV.md
2. Drop CV.md anywhere in your vault
3. Move CV.css into your vault's .obsidian/snippets/ folder
4. In Obsidian: Settings → Appearance → CSS snippets → toggle CV on

Usage

Open CV.md and replace the mock data with your own. The template uses standard Markdown - no special syntax beyond what's described below.

Frontmatter

The snippet only activates on notes with this cssclass:

---
cssclasses:
  - reading-mode
---

Spacers

Use <span class="spacer"></span> inside headings to push content to the right edge. This is how job titles and dates sit on opposite sides:

### Job Title | Company <span class="spacer"></span> Remote | 2024 - Present

Contact links with icons

Use <img> tags with the contact-icon class to add favicons next to links. This works with any domain:

<img src="https://www.google.com/s2/favicons?sz=32&domain=gmail.com" height="16" class="contact-icon"> [Email](mailto:you@example.com) <img src="https://www.google.com/s2/favicons?sz=32&domain=linkedin.com" height="16" class="contact-icon"> [LinkedIn](https://linkedin.com/in/you)

The favicon URL format is: https://www.google.com/s2/favicons?sz=32&domain=DOMAIN.com

Structure

Markdown	Renders as
# Name	Large centered name
> Subtitle	Centered subtitle (blockquote)
Contact line with <img>	Inline links with favicons
## Section	Uppercase section header with underline
### Title	Job/education entry title
h3 with .spacer	Left-right layout (Position+Company <--Spacer--> Location+Timeline)
Bullet lists (-, *)	Achievement/-detail bullets

Export to PDF

Options → Export to PDF. The CSS includes print styles - margins, page breaks, and colors are handled automatically.

ATS, Parsing, MD converting

The exported PDF is also ATS-optimized. When parsed by ATS, AI tools or PDF->MD converters, it produces clean, structured text - no tables, messy formatting or lost content. Only thing not parsed is embedded URLs

# Obsidian Enjoyer
## PKM Enthusiast | Plugin Hoarder | City, Country
## obsidian.enjoyer@obsidian.md LinkedIn GitHub
## SUMMARY
Self-proclaimed Vault Sovereign who treats Obsidian as OS, religion, and therapist. Spends  
14hr/day in daily note, backlinking existential dread to #MOC/SecondBrain/PARA. Owns 17 vaults:  
one per brain lobe + "Inbox (Abandon All Hope)". Migrated from Evernote in 2021; now judges  
anyone still using folders.
## SKILLS
PKM Tools: Obsidian (Expert), Logseq (Abandoned), Roam (Heresy), Notion (For plebs)  
Languages: Markdown (Native), YAML Frontmatter (Fluent), Dataview Query (Prophet), CSS  
Snippets (Sorcerer)  
Vault Metrics: 47k notes, 3.2M words, 1,247 plugins (187 enabled), 99% graph pane coverage
## WORK EXPERIENCE
### Chief Obsidian Evangelist | r/ObsidianMD Remote | Jan 2023 - Present
- Posted 420+ memes parodying "Just Use Obsidian™" cult; 12k karma, 0 real friends
- Maintains daily note ritual: 200+ embeds, 15 templates, Templater script that asks "Why are you like this?"
- Converted 83 forum newbies to plugin addiction via "Start with 5, end with 50" gospel
...

Customization

All visual tweaks are CSS variables at the top of CV.css:

--cv-accent: #2e5c94;
--cv-text: #222;
--cv-bg: #fff;
--cv-border: #dae3ea;
--cv-font: 'Segoe UI', 'Roboto', sans-serif;

Change accent color, fonts, or text color to match your style.

How it works

The snippet is scoped to .markdown-preview-view.reading-mode - it only affects the reading view of notes with the reading-mode cssclass. Your editing experience, other notes, and the rest of your vault are untouched.

License

MIT