Support Wordmark in Internet Explorer 8 in MediaWiki's MinervaNeue skin (advanced task)
Note: This task is a little more trickier than other tasks that may be available but hopefully rewarding as you'll be adding logos to all Wikimedia projects on older browsers. Please bear this in mind when you judge if you know enough to work on this!
The new wordmark in the mobile header of MediaWiki's MinervaNeue skin is not supported in Microsoft Internet Explorer 8 because SVG without fallback. See the screenshot in https://phabricator.wikimedia.org/T166684
To solve this we propose adding an onerror
attribute to the printed logo that attempts to load a PNG file when the SVG file fails:
onerror="this.src=this.src.replace( '.svg', '.png' ); this.onerror=null;" />
So for https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg there should also be a https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.png
What you have to do:
- A first change is needed to add the PNG files. There are several SVG files in https://phabricator.wikimedia.org/source/mediawiki-config/browse/master/static/images/mobile/copyright - for each SVG a PNG should be created.
- A second change (different code reppository!) is needed to the MinervaNeue skin to add the error handler as per above.
- You are expected to provide these patches in Wikimedia Gerrit. See https://www.mediawiki.org/wiki/Gerrit/Tutorial for how to set up Git and Gerrit.