Cloudflare CDN issue in China: Assets from mirrors.creativecommons.org can not be loaded

[Phuker]

Description

Button & icon images in mirrors.creativecommons.org can not be loaded, blocked by Cloudflare captcha. The settings in Cloudflare CDN might be inappropriate.

I'm not sure whether here is the right place to report this problem, if it's not then I'm sorry.

Reproduction

1. Create a simple HTML file with these contents:

<img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" />
<img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc-nd.svg" />

2. Open a incognito private window in your browser to simulate a new visitor, and open this file.
3. Boom, images can not be loaded. If a new visitor has not solved a captcha, the images can not be loaded.

Expectation

Images be loaded

Screenshots

Environment

• Device: Laptop
• OS: Windows & macOS
• Browser: Chrome, Firefox, Safari
• Version: all latest

Resolution

• I would be interested in resolving this bug.

[obulat]

Thank you very much for reporting this issue, it's the right place for it. We will investigate.

[kgodey]

@Phuker we are unable to reproduce, what is the location you are trying to load these images from?

[Phuker]

@Phuker we are unable to reproduce, what is the location you are trying to load these images from?

If you mean geolocation, I'm in China, and I tested on all my cloud servers again, it seems the problem is narrowed down.

This time I ran this command:

curl -vv 'https://mirrors.creativecommons.org/presskit/icons/cc.svg'

There is no problem in Japan and the US, I can get a HTTP/2 200, image/svg+xml response.

But all requests from China got a HTTP/2 403, text/html captcha challenge response. It seems that Cloudflare blocks requests from China.

And FYI, I found this: Cloudflare community: Users in China Seeing Captcha

[zackkrida]

I am going to move this to a more general location, as it is relevant to any project using https://mirrors.creativecommons.org, not just this one. Thank you for sharing @Phuker

[stevenjoezhang]

Is it possible to publish an official package containing cc button & icon images to npm? In this way, users will be able to load images through CDN providers such as jsdelivr or unpkg

[obulat]

The assets are part of the Vocabulary package, and you can actually use them through jsdelivr /unpkg. Here you can find some more information: https://cc-vocabulary.netlify.app/?path=/docs/vocabulary-usage--page

[stevenjoezhang]

Thanks very much! I have confirmed that the badge can be loaded like this

<img src="https://cdn.jsdelivr.net/npm/@creativecommons/vocabulary@2020.11.3/assets/license_badges/big/by.svg">