Quick Reference Card

🚀 Quick Start

bundle exec jekyll serve
# → http://localhost:4000

➕ Add Content

New Project

# 1. Create: _projects/project-name.md
# 2. Add images: assets/img/projects/project-name/
# 3. Use project template from README.md

New Blog Post

# 1. Copy template:
cp _drafts/blog-post-template.md _posts/2024-MM-DD-title.md
# 2. Edit content
# 3. Add images: assets/img/blog/post-name/

New Client

# 1. Add logo: assets/img/clients/client-logo.svg
# 2. Edit: clients/index.md
# 3. Add table row with logo

New Patent

# 1. Create: _patents/patent-name.md
# 2. Add images: assets/img/patents/
# 3. Add PDFs: assets/patents/ (optional)
# 4. Use patent template from README.md

📄 Update Resume

# 1. Edit: _data/resume.yml
# 2. Generate PDF:
#    - Open: http://localhost:4000/resume
#    - Print → Save PDF → assets/Resume.pdf
# 3. Git commit the PDF

🌐 URLs

• Projects: /projects/project-name/
• Patents: /patents/patent-name/
• Blog Posts: /blog/category/YYYY-MM-DD-title/
• Resume PDF: /assets/Resume.pdf
• RSS Feed: /feed.xml

🎨 Content Styling

Images with Frames

<img src="/path/to/image.jpg" class="blog-image blog-image-400" />
<img src="/path/to/image.jpg" class="blog-image blog-image-dark blog-image-300" />
<img src="/path/to/image.jpg" class="blog-image blog-image-left blog-image-250" />

Sizes: blog-image-50 to blog-image-600, blog-image-full
Colors: blog-image-yellow (default), blog-image-dark
Position: blog-image-left, blog-image-right (text wraps around)

Sidenotes

  
  
  

<blockquote id="title" class="custom-sidenote custom-sidenote-info">
  <div class="sidenote-badge">
    <span class="sidenote-icon">
      
        
            ℹ️
        
      
    </span>
    <span class="sidenote-title"><a href="#title" class="sidenote-anchor">#</a> Title</span>
  </div>
  <div class="sidenote-body">
    
      <p>Your content here</p>

    
  </div>
</blockquote>
 

Types: info, warning, tip, important, tldr

YouTube Videos

<div class="youtube-embed-wrapper">
  <div class="youtube-embed-container">
    <iframe 
      width="560" 
      height="315" 
      src="https://www.youtube.com/embed/VIDEO_ID?autoplay=0"
      title="YouTube video"
      frameborder="0" 
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
      allowfullscreen>
    </iframe>
  </div>
</div>
 

📁 Key Files

• Site config: _config.yml
• Author/social: _data/authors.yml
• Resume data: _data/resume.yml
• Projects: _projects/*.md
• Patents: _patents/*.md
• Blog posts: _posts/YYYY-MM-DD-*.md
• Clients: clients/index.md