Compass is a free starter kit built with Tailwind CSS and Next.js for publishing online courses, released as part of Tailwind Plus.
- •Picture-in-Picture was replaced with a custom scroll-based solution using IntersectionObserver and data attributes on the video element, since native PiP APIs cannot be triggered passively
- •Transcripts are parsed from WebVTT (.vtt) files, which support speaker metadata, and rendered as a custom React UI with timestamps and speaker names
- •A custom {scheme} placeholder in Markdown image URLs enables automatic light/dark mode image switching without leaving vanilla Markdown syntax
- •Image dimensions are encoded in alt text using Obsidian's format (e.g. ``) to prevent layout shift by letting the browser pre-compute aspect ratios
This summary was automatically generated by AI based on the original article and may not be fully accurate.
Tailwind CSS
CSS-Tricks
WebKit