Broken images in API documentation


#1

Some (but not all) of the images on https://mydevices.com/cayenne/docs/cayenne-api/ are broken. Tested in Firefox and Chrome.

The URL of one of the broken images is https://s3.amazonaws.com/cloudfront-mydevices-wordpress/wp-content/uploads/20170525132751/Caynne-API-Create-App.png
When trying to access that image, I get HTTP 403 with the following contents.
<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>E2C63ACDDAE054E7</RequestId><HostId>ELPj+LcVb1GgTvV8ZWzOOre+fbupNW3NTUvaSAyRF9fSlQ+b/7Y63FeQPV5St1OguBM+tWZ79CY=</HostId></Error>
Chrome says this in the console:
Mixed Content: The page at 'https://mydevices.com/cayenne/docs/cayenne-api/#cayenne-api-preparing-to-use-the-api-obtain-your-cayenne-api-key' was loaded over HTTPS, but requested an insecure image 'http://www.mydevices.com/cayenne/uploads/get-started-for-free.png'. This content should also be served over HTTPS Failed to load resource: the server responded with a status of 403 (Forbidden)

Firefox says this:
Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead [Learn More] jquery.js:1 XML Parsing Error: not well-formed Location: https://mydevices.com/cayenne/docs/cayenne-api/docs/CAYENNEAPI.md Line Number 1, Column 2: CAYENNEAPI.md:1:2 Loading mixed (insecure) display content "http://www.mydevices.com/cayenne/uploads/get-started-for-free.png" on a secure page [Learn More] jquery.js:4:31666 Loading mixed (insecure) display content "http://www.mydevices.com/cayenne/uploads/account-sign-up.png" on a secure page [Learn More] jquery.js:4:31666 Use of getPreventDefault() is deprecated. Use defaultPrevented instead. jquery.js:3:31293 Will-change memory consumption is too high. Budget limit is the document surface area multiplied by 3 (1364412 px). Occurrences of will-change over the budget will be ignored. cayenne-api Source map error: SyntaxError: JSON.parse: unexpected character at line 2 column 5 of the JSON data Resource URL: https://mydevices.com/cayenne/docs/cayenne-api/support/vendor/jquery.js Source Map URL: jquery.min.map

This image on the same page is visible: http://www.mydevices.com/cayenne/uploads/account-sign-up.png which indicates that the problem isn’t with mixed content.

I reported this in #support on Slack but am posting it here as well in case anyone else has the same problem, and so it doesn’t get lost in the Slack log.