| <p style="margin-bottom:32px;">A lightboard is a translucent surface illuminated from behind, used for |
| situations where a shape laid upon the surface needs to be seen with high contrast. In the "old days" |
| of photography photograpers used a lightboard to get a quick view of, sorting and organizing their slides. |
| </p> |
| |
| <ul id="lightboard-1" class="mdlext-lightboard mdlext-js-lightboard mdl-js-ripple-effect mdl-js-ripple-effect--ignore-events"> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D802141.jpg" title="Northern goshawk with prey"/> |
| <figcaption>_D802141.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D802591.jpg" title="Whooper swans in flight"/> |
| <figcaption>_D802591.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D804370-3.jpg" title="European green woodpecker"/> |
| <figcaption>_D804370-3.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D808689.jpg" title="The bridge"/> |
| <figcaption>_D808689.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D802181.jpg" title="Landscape in blue pastel"/> |
| <figcaption>_D802181.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D800912.jpg" title="Hiking the mountains of Dovre"/> |
| <figcaption>_D800912.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D809453-_D809457-4.jpg" title="Train to nowhwere. Ny Aalesund, Spitsbergen." /> |
| <figcaption>_D809453-_D809457-4.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_DSC8214.jpg" title="Blues"/> |
| <figcaption>_DSC8214.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D800017.jpg" /> |
| <figcaption>_D800017.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D800023.jpg" /> |
| <figcaption>_D800023.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D800851.jpg" /> |
| <figcaption>_D800851.jpg</figcaption> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D800166.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D800951.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D801188.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D801205-2.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D801274.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D801392.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D801952-4.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D807603.jpg" /> |
| </figure> |
| </a> |
| </li> |
| <li class="mdlext-lightboard__slide"> |
| <a href="#" class="mdlext-lightboard__slide__frame"> |
| <figure> |
| <img src="./images/_D807689.jpg" /> |
| </figure> |
| </a> |
| </li> |
| </ul> |
| |
| <p class="mdl-typography--caption" style="margin-top: 32px;"> |
| All images appearing in this page are the exclusive property of Leif Olsen and are protected under the United States and International Copyright laws. |
| The images may not be reproduced or manipulated without the written permission of Leif Olsen. |
| Use of any image as the basis for another photographic concept or illustration (digital, artist rendering or alike) is a violation of the United States and International Copyright laws. |
| All images are copyrighted © Leif Olsen, 2016. |
| </p> |
| |
| <script> |
| window.addEventListener('load', function() { |
| var lightboard = document.querySelector('#lightboard-1'); |
| lightboard.addEventListener('select', function(e) { |
| console.log('Slide selected. Source:', e.detail.source); |
| }); |
| }); |
| </script> |