Light-box tutorial for embedded web-servers

Light-boxing is a technique for cleanly popping up  information in a web-page while simultaneously darkening the main page to provide focus to the popup content.  All of the major javascript libraries provide very nice light-box implementations, but they come at the cost of large memory footprints that may not work in an embedded application where memory resources are constrained.  In this tutorial, we present a simple, yet elegant light-box implementation using CSS and minimal JavaScript: