UMD Responsive Wrapper

If you happen to be looking for an official looking yet responsive UMD wrapper for your site, perhaps this code will help.

I’ve uploaded all the essentials that can make this happen. It may be possible to accomplish this with even less code, but this should get you started anyway.

The attached ZIP file contains four files inside.
1. The example INDEX.html page (needed CSS is embedded in this page)
2.The UMD logo with a white faded glow in the background
3. Smaller and transparent UMD logo (for mobile)
4. A “blank” transparent PNG, used as a button to click, sits over the UMD logo

Simple Example:
You should be able to simply unzip these files into a folder and then double click the INDEX file to see it in action. When you do, be sure to also resize your window below 650px wide to view the mobile layout.

There are likely improvements that can be made to this code. If you have any, please let me know.