- Updated date formatting in calculate.js to use 'en-GB' locale for European date format (DD/MM/YYYY)
- Added explanatory text "(smallest unit of Bitcoin)" next to "sats" in the main heading
- Increased base body font size from 16px to 18px in skeleton.css
- Added global table cell font size of 1.2rem in skeleton.css
- Increased table font sizes in main.css (tbody: 18px, thead: 20px, tfoot: 18px)
- Increased base table font sizes in mobile.css from 1rem to 1.2rem
- Updated mobile breakpoint font sizes proportionally to maintain readability
The background pattern image was not scaling appropriately on mobile screens,
causing only a portion of the banknote to be visible in the pattern tiles.
Changes:
- Added responsive scaling logic for background pattern image
- Mobile devices (<768px) now use proportional scaling based on viewport width
- Tablet devices (768-1200px) use 70% scaling
- Desktop devices maintain full-size image
- Uses temporary canvas to create scaled pattern for optimal display
This ensures the entire banknote is visible in pattern tiles across all device sizes.
Added a new section under the historical price table featuring quotes from ECB officials about Bitcoin, organized chronologically from November 2018 to January 2025. Each quote includes:
- Date and attribution to the ECB official
- Full quote text
- Links to original sources
The quotes demonstrate the ECB's evolving skepticism of Bitcoin over the years.
- Created mobile.css with responsive styles for all screen sizes
- Updated table headers to use responsive font sizes (removed 2rem inline styles)
- Fixed text-align from non-standard -webkit-left to standard left/right values
- Made chart configuration mobile-aware with smaller fonts and fewer ticks on mobile
- Optimized chart annotations and labels for mobile screens
- Added responsive breakpoints for tablets (768px) and phones (480px)
- Improved touch targets for mobile devices
- Added landscape orientation optimizations
- Enhanced dark mode toggle positioning for small screens
The website now properly fits mobile screens and provides an optimal viewing experience across all device sizes.
