Course materials for MUS 302, an online asynchronous upper-division general education course at California State University, East Bay, taught by Inés Thiebaut. The course surveys American popular music from the 1940s forward, organized around four cultural traditions and the dialogues between them: African American foundational traditions, Latin diasporic traditions, Asian American traditions, and European American immigrant and working-class traditions.
The live site is at https://csuebmusic.github.io/mus302/. This repository is the source.
The repo holds two kinds of content. Student-facing HTML pages render on the live site through GitHub Pages and serve as durable references students return to throughout the term. Markdown source files alongside them hold content that gets pasted into Canvas (discussion prompts, quizzes, project assignment descriptions), so the repo stays the canonical source of truth even when the delivery happens elsewhere.
mus302/
syllabus.html Live syllabus
syllabus.md Markdown source for Canvas paste
README.md This file
assets/
style.css Shared stylesheet for all pages
glossary.js Click-to-reveal glossary behavior
glossary-data.js All defined terms, growing as new pages are added
images/ Hero photos and figures for listening guides and readings
module1/ Orientation and Methodology
module2/ African American foundational traditions
module3/ Latin diasporic traditions
module4/ Asian American traditions (not yet drafted)
module5/ European American immigrant and working-class (not yet drafted)
module6/ Cross-Cutting Threads / Synthesis (not yet drafted)
final-project/
index.html Final-project landing page (linked from Canvas)
01-proposal-and-bibliography.md Combined proposal + preliminary bibliography (Canvas paste source)
02-draft.md
03-peer-review.md
04-final.md
under-the-hood/
STATUS.md Working snapshot: what is built, what is next, what is open
conventions.md Editorial conventions and locked design decisions
audit-notes.md Glossary intentional-skip categories and audit-script blind spots
scripts/
check-glossings.js Audit script for gloss-button coverage
Each module folder follows the same pattern: an index.html landing
page, listening guide HTML pages for the module’s anchor tracks,
optional roots-and-routes.html framing reading where the module
warrants one, plus discussion.md and quiz.md Canvas paste sources.
Six modules. Module 1 must be completed first (orientation and methodology). Modules 2 through 5 run in strict sequence after Module 1, one module per week, in this order: Module 2 (African American foundational traditions), Module 3 (Latin diasporic traditions), Module 4 (Asian American traditions), Module 5 (European American immigrant and working-class traditions). Each has its own deadline. Module 6 follows Module 5 and synthesizes across the four traditions, adding Indigenous popular music and queer liberation as cross-cutting threads.
A research project runs in parallel with the modules across the term
and is worth 40 percent of the course grade. Students research a
genre and a single artist or group of personal significance and
present as a slide deck (18 to 20 slides, including title slide and
sources slide, with up to three slides carrying embedded audio or
video media) plus recorded video commentary. The project is
scaffolded into four graded checkpoints. Materials live in
final-project/.
The hard-date schedule lives in the syllabus. The summer 2026 term runs May 26 to July 31.
GitHub Pages rebuilds within a minute or two of a push to main.
When student-facing content needs revision, edit the HTML directly. When Canvas content needs revision, edit the Markdown file and copy from its paste block into Canvas.
Before committing changes to a glossable HTML page or to the
glossary file, run node under-the-hood/scripts/check-glossings.js
to audit gloss-button coverage. Editorial conventions, locked
design decisions, and the audit-script intentional-skip categories
are documented in the under-the-hood/ folder.
Course materials © Inés Thiebaut. All rights reserved. Photos and embedded media are used under their respective licenses, credited inline on each page.