Jonathon Bell - Scores

Project Overview

This is a static HTML website for sharing musical scores and rehearsal materials. The site consists of a single index.html page with links to PDF files organized by piece.

Architecture

• Static Site: No build process, JavaScript, or backend. Pure HTML/CSS hosted on GitHub Pages.
• File Structure:
  • index.html: Main page with score listings
  • css/style.css: Minimal styling
  • scores/{piece}/: PDFs for each musical piece
  • CNAME: Custom domain configuration

Key Patterns

Score Organization

• Each piece gets its own folder under scores/
• PDFs named as {Piece Name} - {Variant}.pdf
• Examples:
  • Lead sheets: Iron Hill - C.pdf, Iron Hill - B♭.pdf, Iron Hill - E♭.pdf
  • Full scores: Yellow - Full score.pdf
  • Parts: Yellow - Guitar.pdf, Yellow - Bass.pdf, Yellow - Drums.pdf

HTML Structure

• Use <h3> for piece titles
• <ul> with <li><a href="..."> for each score link
• Include iRealPro links where available (format: irealb://...)

Development Workflow

• Edit index.html directly to add new pieces or scores
• Place PDF files in appropriate scores/{piece}/ folders
• Commit and push to deploy via GitHub Pages
• No local server needed; view files directly in browser

Conventions

• Piece names in title case (e.g., "Iron Hill", "Linens")
• Keys in standard notation (C, B♭, E♭)
• Instruments capitalized (Guitar, Bass, Drums)
• Maintain alphabetical order of pieces in HTML

Adding New Scores

1. Create folder: scores/new-piece/
2. Add PDFs with consistent naming
3. Update index.html with new <h3> section and <ul> list
4. Test links locally before committing

Deployment

• Hosted on GitHub Pages at scores.wolery.tech
• Automatic deployment on push to main branch
• No CI/CD configuration needed