Upgrade to version 2

[luca-aurelia]

Goals

• add a banner to the top of the page that says when our next show is, or when we go on tonight (similar to how SighInJuly.com showed the schedule right on the home page)
• avoid duplication when caching service worker resources (e.g., our main script currently gets downloaded twice)
• figure out caching and service worker stuff: caching best practices, avoiding duplicate sw precaching
• send site to designer
• build store, or find someone who takes less of our money than bandcamp. Maybe use Shopify Lite?
• edit kaleidoscope image to avoid blank spaces

---

• complete the PWA checklist
• integrate with Linkfire or SmartURL to provide more user friendly links to our music
• adhere to these findings about mobile site usability
• get a perfect WebPageTest score
• enrich site with structured data and check that it works with the structured data testing tool
• make our site highly accessible
• make it AMP compatible
• use WebP for browsers that support it
• use srcset for the kaleidoscope image
• fix jank scrolling on mobile shows page
• fix jank canvas sizing on mobile safari
• fix padding on shows page when push permission toggle is absent
• fix upside down A spacing
• figure out spacing on tab menu
• finish contact page
• add social media logos in the top right corner
  • YouTube, Facebook, Patreon, SoundCloud
• reduce bundle size
• fix weirdness while image is blurred
• open a new tab for external nav links
• don't precache every image
• fix kaleidoscope on mobile devices
• default to image (low quality place holder?) until kaleidoscope image loads
• fix footer on small screens
• fix header on small screens
• finish shows page
  • pull show data from Google Calendar
  • finish shows widget design
• figure out how to get site to update without refreshing
• get a perfect PageSpeed Insights score
• get a perfect Lighthouse score
• make it load faster than the Google home page
• switch to Preact
• have an unobtrusive invitation to turn on push notifications on our shows page
• integrate with segment.io

Navigation Items

• Contact Us
• Merch
• Buy / Download Music
• Shows

Amp Compatibility

It's probably not possible to make the entire site AMP compatible. But I bet we can get it going on most pages.

Service Workers

https://codelabs.developers.google.com/codelabs/debugging-service-workers/#2

Inspiration

• We Are Brightly