A History of the Home Page

Recent Versions

Much of the old stuff is lost, but here are some shots of how it used to look. I do tend to like the monochromatic theme.

Include the lightbox CSS and javascript files

        <link href="js/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />        
        <script type="text/javascript" src='<%= ResolveUrl("~/js/jquery.lightbox-0.5.pack.js") %>'></script>

The jQuery setup code for the lightbox plugin

        $(function() {
            $("a.lightbox").lightBox({
                fixedNavigation:true, 
                imageLoading: 'js/lightbox-ico-loading.gif',
                imageBtnClose: 'js/lightbox-btn-close.gif'
             });        
         });

Each thumbnail must be set up with the lightbox class, per the setup code above. The title tag for the anchor is used as the lightbox image title.

        <a href="img/dj-homepage-ver3.PNG" title="Homepage version 2009" class="lightbox">
            <img class="thumbnail" src="img/dj-homepage-ver3-200x130.PNG" 
            alt="Homepage Version 3" />
        </a>

Click on a thumbnail to see a larger image. This uses lightbox, a great jQuery plugin.

2009 -

Prototype, never deployed live

Approx. 2004 - 2008

Way Back

Way back, starting in 1998 (the site that no one ever looked at), I used some HTML pre processor that I can no longer find. This allowed me to keep my content pages separate from the header and footer content and easily maintain things. I was too geeky to use include files and user controls.

With Master Pages in ASP.NET, maintaining this site's look and feel is now a piece of cake.

Items Found