Wikimedia

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:

Task tags

  • svg
  • javascript

Students who completed this task

David Sn

Task type

  • code Code
  • web Design
close

2017