Make calendar timezone, locale and dark mode aware

[jaimergp]

Description

• If I have added a new page to learn/ or community/, I have added it to the corresponding _sidebar.json file.

The new Google Calendar widget allows us to pass some locale parameters to make events easier to navigate.

[netlify]

✅ Deploy Preview for conda-dot-org ready!

Name	Link
🔨 Latest commit	b4454de
🔍 Latest deploy log	https://app.netlify.com/sites/conda-dot-org/deploys/672c8272724a22000889096d
😎 Deploy Preview	https://deploy-preview-221--conda-dot-org.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[kathatherine]

I don't know if this is an issue with the preview or with me, but Google Calendar isn't connecting for me in the preview (this is in Chrome).

[jaimergp]

I don't know if this is an issue with the preview or with me, but Google Calendar isn't connecting for me in the preview (this is in Chrome).

Does it work in the main conda.org?

[kathatherine]

I don't know if this is an issue with the preview or with me, but Google Calendar isn't connecting for me in the preview (this is in Chrome).

Does it work in the main conda.org?

Yes, it does!

[beeankha]

Seeing the same issue; the calendar is fine on the main conda.org site but in the deployment preview it's not connecting, as @kathatherine reported.

[kathatherine]

I'm seeing the same connection issue at https://conda-forge.org/community/meetings/, which I know was recently updated.

[jaimergp]

Does the iframe URL work for you? If it doesn't, do you see any errors?

Maybe there's an error with the way the URL is being constructed dynamically in your clients. Can you right click on the errored iframe, click on "View Page Source" and report the src field of the iframe tag?

Also, what does your browser console report for:

Intl.DateTimeFormat().resolvedOptions().timeZone

and

new Intl.Locale(Intl.DateTimeFormat().resolvedOptions().locale).weekInfo.firstDay

?

[jaimergp]

Ok I realized I can mock timezones in Chrome, and it had to do with Sunday being detected as the first day, which the previous logic identified as 8, which made the embed error in 400, which resulted in a redirect to an error page with headers that prevent the iframe from loading. Fun stuff. Should work now I think?

[jezdez]

Woohoo!

[kathatherine]

Looks good in the preview and live for me!