![[Home page]](../PythonPowered.gif "Home page"){kind=small}
| Books | Code | Blog | Python | Author | Train | Find | ©M.Lutz |
File: trnpix/_viewable/_index-dynamic.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<!-- Edit _HEADER.html, not the generated HEADER.html (see _generate.sh) -->
<!-- CAVEAT: doctype ^^^ borrowed from books/ genhtml insert: may fall out of sync -->
<!-- 12/15: Add a doctype spec on line 1 so IE does fixed footer positioning at bottom -->
<HEAD>
<!-- this page is outside the scope of main site's genhtml: content copied -->
<!-- caution: HEADER.html is generated from _HEADER.html by _generate.sh -->
<!-- and index*.html include a HEADER.html, and auto-insert analytics code -->
<!-- use main site's style sheet for footer styles (+iOS landscape fix, <body> margin) -->
<link rel="stylesheet" type="text/css" href="../_main.css">
<!-- Feb2018: borrowed from main site, during mobile redesign: Unicode, icon, mobile -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="https://learning-python.com/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- use a custom font for table etc (now also in _main.css) -->
<STYLE>
body { /* for entire body, except <pre> (alt: *) */
font-family: Arial, Helvetica, sans-serif; /* precedence list (or Verdana, Tahoma) */
} /* double quote if name embeds spaces */
</STYLE>
<TITLE>Teaching Python by Mark Lutz: Photos</TITLE>
</HEAD>
<!-- Plus analytics code, custom styles, etc. (replace me) -->
<!--
Anonymous analytics to prioritize work, enabled in online resources
only. Automatically inserted at publish time by insert-analytics.py.
-->
<!-- 1) Universal Analytics tag (custom): stops collecting data on Jul-1-2023 -->
<SCRIPT>
// Start async JS-file fetch, if not already cached
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
// Queue actions to run in order after async JS-file fetch finished
ga('create', 'UA-52579036-1', 'auto'); // Create tracker object (and queue)
ga('set', 'anonymizeIp', true); // Anonymize IP addr (&aip) [Jun-2019]
ga('send', 'pageview'); // Send page-view event now
</SCRIPT>
<!-- 2) Google Analytics 4 tag: added to site Oct-2022 (okay to keep UA tag) -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J8CTEZHX3L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-J8CTEZHX3L');
</script>
<!-- End analytics insert -->
<BODY>
<!-- Aug2018: rewrite for new viewer pages in thumbspage -->
<H2><I>Teaching Python</I>: The Photos</H2>
<P>
This page collects assorted photos from my training and writing careers. The
location shots are from Python training trips (1997-2015); they increase in
both quality and quantity in later years because digital cameras hadn't yet
taken off when I started teaching (yes, it was that long ago).
Most pictures here are described on the
<A HREF="../python-activities-history.html"><I>Teaching Python</I></A> page.
<P>
<I>Viewers</I>: thumbnails below open full-size image displays
with navigation links and swipes. To resize images, stretch your
window, rotate your phone, click Full, or tap the image for raw view.
You can also read narration with Note on toolbars or up swipes on images,
open image info with label taps or down swipes, toggle a slideshow with Auto,
and swap colors in dark mode. More tips
<A HREF="../thumbspage/UserGuide.html#Quickstart30">here</A>.
<P>
<!-- _generate.sh replaces $tag$ with a link+text that varies for fixed and dynamic -->
<I>Builders</I>: you can view this gallery's complete source folder
<A HREF="_viewable/">here</A>, including its
<A HREF="_viewable/1996 First Pybook.png.note">note</A> files and
<A HREF="_viewable/_generate.sh">generate</A> and
<A HREF="_viewable/_publish.sh">publish</A> scripts.
This page's
<A HREF="index.html">fixed-layout</A> flavor expands to fill space and its <A HREF="index-thumbsonly.html">thumbs-only</A> cut omits labels.
To make all this work, a Python
<A HREF="../thumbspage.html">program</A> generates a browser-dependent
<A HREF="../cgi/showcode.py?name=trnpix/_thumbspage/2015%20Florida.JPG.html">stew</A>
of HTML layout, CSS styling,
and JavaScript logic. Wasn't the web supposed to make this stuff easier?
<!-- ======================================================================= -->
<!-- END CUSTOM HEADER -->
<!-- ======================================================================= -->
<!-- ======================================================================= -->
<!-- START FLOATING TOP -->
<!-- ======================================================================= -->
<!--=======================================================================
HTML+styles+JavaScript for optional index-page floating Top button [2.0].
All uppercase formatting targets are replaced with configs by Python script.
Inline code, to avoid imposing extra requirements for custom HEADER.html
files (though browsers allow <style> blocks in <body>, as does HTML 5.2+).
Top goes to page top only: use custom headers or edit this for other targets.
===========================================================================-->
<!-- Clients using a custom FOOTER.html may also need something like this:
.finalelement { /* add extra space above Top's bottom at end of page */
margin-bottom: 80px; /* else, text at end may be overlayed and unviewable */
}
<P class=finalelement> <==on the last content line or item (or <div>+padding, <br>)
-->
</P>
<button onclick="topClick();"
id="topBtn"
title="Go to index"
style="
display: none; /* initially HIDDEN (changed on scroll iff JS) */
position: fixed; /* float/persist */
bottom: 36px; /* e.g., above site toolbar */
right: 8px; /* left of scroll area */
z-index: 99; /* covering priority */
font-size: 15px;
border: none;
outline: none;
cursor: pointer; /* change on mouse-over */
padding: 10px;
border-radius: 4px; /* rounded corners */
color: white; /* foreground (text) color, default=white */
background-color: #999; /* background color, default=grey */
">Top</button>
<!-- Set up click/scroll callbacks iff JS is enabled -->
<script>
// Get and save the button in global (window) scope
var topButton = document.getElementById("topBtn"); // i.e., "Top" above
// Set the default scroll constant: global so pages can change if needed
var topButtonShowAt = 500; // px from top, show Top below this cutoff
function topClick() {
//
// Go to the top of page (but keep prior location in history for back).
// Clear hover shading (else recessed color gets stuck on mobile)?
// No: unhover doesn't work as tried for main site - punt on shading.
//
window.location.href = '#'; // go/scroll to top (no tag)
//topButton.style.backgroundColor = '#999'; // no: unhover for mobile?
}
function scrollFunction() {
//
// Adapted from web examples; the odd || test is for browser interoperability:
// see, for instance, https://dev.opera.com/articles/fixing-the-scrolltop-bug/.
//
// Clients can reset global topButtonShowAt for larger preambles; else Top
// may appear above/before an actual #top tag if it's not top of page #.
//
var showat = topButtonShowAt; // local
// N pixels from the top after scroll?
if (document.body.scrollTop > showat || document.documentElement.scrollTop > showat) {
topButton.style.display = "block"; // show Top
} else {
topButton.style.display = "none"; // hide Top
}
}
// Show/hide button whenever user scrolls below/above N px from top
window.onscroll = scrollFunction; // source had "function() {scrollFunction()};"; why?
</script>
<!-- ======================================================================= -->
<!-- END FLOATING TOP -->
<!-- ======================================================================= -->
<!-- ======================================================================= -->
<!-- START THUMBS TABLE -->
<!-- ======================================================================= -->
<p>
<div id="thumbslinks"
style="background-color: lightgrey;
border: 1px solid black;
border-radius: 6px;
margin-top: 24px; margin-bottom: 24px;
padding-top: 15px; padding-bottom: 15px;
overflow-x: auto;"
>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/1996%20First%20Pybook.png.html">
<img src="_thumbspage-dynamic/1996%20First%20Pybook.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">1996 First Pybook</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/1998%20Puerto%20Rico%201.jpg.html">
<img src="_thumbspage-dynamic/1998%20Puerto%20Rico%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">1998 Puerto Rico 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/1998%20Puerto%20Rico%202.jpg.html">
<img src="_thumbspage-dynamic/1998%20Puerto%20Rico%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">1998 Puerto Rico 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/1998%20PyRef1E%20Book.jpg.html">
<img src="_thumbspage-dynamic/1998%20PyRef1E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">1998 PyRef1E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/1999%20LP1E%20Book.jpg.html">
<img src="_thumbspage-dynamic/1999%20LP1E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">1999 LP1E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/1999%20OSCON%201%20Tshirt.jpg.html">
<img src="_thumbspage-dynamic/1999%20OSCON%201%20Tshirt.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">1999 OSCON 1 Tshirt</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20Alameda.jpg.html">
<img src="_thumbspage-dynamic/2000%20Alameda.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 Alameda</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20NYC.jpg.html">
<img src="_thumbspage-dynamic/2000%20NYC.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 NYC</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20Newmarket%201.jpg.html">
<img src="_thumbspage-dynamic/2000%20Newmarket%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 Newmarket 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20Newmarket%202.jpg.html">
<img src="_thumbspage-dynamic/2000%20Newmarket%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 Newmarket 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20Newmarket%203.jpg.html">
<img src="_thumbspage-dynamic/2000%20Newmarket%203.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 Newmarket 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20Newmarket%204.jpg.html">
<img src="_thumbspage-dynamic/2000%20Newmarket%204.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 Newmarket 4</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2000%20Palm%20IIIx.png.html">
<img src="_thumbspage-dynamic/2000%20Palm%20IIIx.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2000 Palm IIIx</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2001%20Colorado.jpg.html">
<img src="_thumbspage-dynamic/2001%20Colorado.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2001 Colorado</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2001%20Dublin%201.jpg.html">
<img src="_thumbspage-dynamic/2001%20Dublin%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2001 Dublin 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2001%20Dublin%202.jpg.html">
<img src="_thumbspage-dynamic/2001%20Dublin%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2001 Dublin 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2001%20PP2E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2001%20PP2E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2001 PP2E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2001%20PyRef2E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2001%20PyRef2E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2001 PyRef2E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2001%20San%20Diego.jpg.html">
<img src="_thumbspage-dynamic/2001%20San%20Diego.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2001 San Diego</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2002%20Barcelona%201.jpg.html">
<img src="_thumbspage-dynamic/2002%20Barcelona%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2002 Barcelona 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2002%20Barcelona%202.jpg.html">
<img src="_thumbspage-dynamic/2002%20Barcelona%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2002 Barcelona 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2002%20Barcelona%203.jpg.html">
<img src="_thumbspage-dynamic/2002%20Barcelona%203.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2002 Barcelona 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2002%20Barcelona%204.jpg.html">
<img src="_thumbspage-dynamic/2002%20Barcelona%204.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2002 Barcelona 4</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2002%20Sony%20U1.jpg.html">
<img src="_thumbspage-dynamic/2002%20Sony%20U1.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2002 Sony U1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2003%20Dublin%201.jpg.html">
<img src="_thumbspage-dynamic/2003%20Dublin%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2003 Dublin 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2003%20Dublin%202.JPG.html">
<img src="_thumbspage-dynamic/2003%20Dublin%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2003 Dublin 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2003%20LP2E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2003%20LP2E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2003 LP2E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2003%20Sony%20Clie.jpg.html">
<img src="_thumbspage-dynamic/2003%20Sony%20Clie.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2003 Sony Clie</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2004%20Colorado%201.JPG.html">
<img src="_thumbspage-dynamic/2004%20Colorado%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2004 Colorado 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2004%20Colorado%202.JPG.html">
<img src="_thumbspage-dynamic/2004%20Colorado%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2004 Colorado 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2004%20Ft%20Walton.JPG.html">
<img src="_thumbspage-dynamic/2004%20Ft%20Walton.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2004 Ft Walton</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2004%20San%20Diego.JPG.html">
<img src="_thumbspage-dynamic/2004%20San%20Diego.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2004 San Diego</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2004%20Zaurus.JPG.html">
<img src="_thumbspage-dynamic/2004%20Zaurus.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2004 Zaurus</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2005%20Georgia%20BNR.JPG.html">
<img src="_thumbspage-dynamic/2005%20Georgia%20BNR.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2005 Georgia BNR</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2005%20Puerto%20Rico.JPG.html">
<img src="_thumbspage-dynamic/2005%20Puerto%20Rico.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2005 Puerto Rico</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2005%20PyRef3E%20book.jpg.html">
<img src="_thumbspage-dynamic/2005%20PyRef3E%20book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2005 PyRef3E book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2005%20St%20Augustine.JPG.html">
<img src="_thumbspage-dynamic/2005%20St%20Augustine.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2005 St Augustine</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20Chicago%201.JPG.html">
<img src="_thumbspage-dynamic/2006%20Chicago%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 Chicago 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20Chicago%202.JPG.html">
<img src="_thumbspage-dynamic/2006%20Chicago%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 Chicago 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20Doused%20OQO.JPG.html">
<img src="_thumbspage-dynamic/2006%20Doused%20OQO.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 Doused OQO</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20Edmonton.JPG.html">
<img src="_thumbspage-dynamic/2006%20Edmonton.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 Edmonton</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20London%201.JPG.html">
<img src="_thumbspage-dynamic/2006%20London%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 London 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20London%202.JPG.html">
<img src="_thumbspage-dynamic/2006%20London%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 London 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20London%203.JPG.html">
<img src="_thumbspage-dynamic/2006%20London%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 London 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20Monterey.JPG.html">
<img src="_thumbspage-dynamic/2006%20Monterey.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 Monterey</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20NYC%20SpamAlot.JPG.html">
<img src="_thumbspage-dynamic/2006%20NYC%20SpamAlot.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 NYC SpamAlot</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20NYC%20WallST.JPG.html">
<img src="_thumbspage-dynamic/2006%20NYC%20WallST.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 NYC WallST</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20NYC.JPG.html">
<img src="_thumbspage-dynamic/2006%20NYC.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 NYC</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2006%20PP3E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2006%20PP3E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2006 PP3E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2007%20LP3E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2007%20LP3E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2007 LP3E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2008%20Seagate%20OQO%2002.jpg.html">
<img src="_thumbspage-dynamic/2008%20Seagate%20OQO%2002.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2008 Seagate OQO 02</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20Dublin%201.JPG.html">
<img src="_thumbspage-dynamic/2009%20Dublin%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 Dublin 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20Dublin%202.JPG.html">
<img src="_thumbspage-dynamic/2009%20Dublin%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 Dublin 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20LP4E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2009%20LP4E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 LP4E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20London%201.JPG.html">
<img src="_thumbspage-dynamic/2009%20London%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 London 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20London%202.JPG.html">
<img src="_thumbspage-dynamic/2009%20London%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 London 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20London%203.JPG.html">
<img src="_thumbspage-dynamic/2009%20London%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 London 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20London%204.JPG.html">
<img src="_thumbspage-dynamic/2009%20London%204.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 London 4</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20London%205.JPG.html">
<img src="_thumbspage-dynamic/2009%20London%205.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 London 5</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20PyRef4E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2009%20PyRef4E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 PyRef4E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2009%20Vaio%20P.jpg.html">
<img src="_thumbspage-dynamic/2009%20Vaio%20P.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2009 Vaio P</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2010%20Los%20Alamos%201.JPG.html">
<img src="_thumbspage-dynamic/2010%20Los%20Alamos%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2010 Los Alamos 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2010%20Los%20Alamos%202.JPG.html">
<img src="_thumbspage-dynamic/2010%20Los%20Alamos%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2010 Los Alamos 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2010%20Los%20Alamos%203.JPG.html">
<img src="_thumbspage-dynamic/2010%20Los%20Alamos%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2010 Los Alamos 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2010%20Sarasota%201.JPG.html">
<img src="_thumbspage-dynamic/2010%20Sarasota%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2010 Sarasota 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2010%20Sarasota%202.JPG.html">
<img src="_thumbspage-dynamic/2010%20Sarasota%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2010 Sarasota 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2010%20Sarasota%203.JPG.html">
<img src="_thumbspage-dynamic/2010%20Sarasota%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2010 Sarasota 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Bloomington.JPG.html">
<img src="_thumbspage-dynamic/2011%20Bloomington.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Bloomington</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Boxboro.JPG.html">
<img src="_thumbspage-dynamic/2011%20Boxboro.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Boxboro</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Burlington.JPG.html">
<img src="_thumbspage-dynamic/2011%20Burlington.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Burlington</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Chicago%201.JPG.html">
<img src="_thumbspage-dynamic/2011%20Chicago%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Chicago 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Chicago%202.jpg.html">
<img src="_thumbspage-dynamic/2011%20Chicago%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Chicago 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Chicago%203.JPG.html">
<img src="_thumbspage-dynamic/2011%20Chicago%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Chicago 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Chicago%204.JPG.html">
<img src="_thumbspage-dynamic/2011%20Chicago%204.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Chicago 4</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Hartsfield%202.JPG.html">
<img src="_thumbspage-dynamic/2011%20Hartsfield%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Hartsfield 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Los%20Alamos%201.JPG.html">
<img src="_thumbspage-dynamic/2011%20Los%20Alamos%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Los Alamos 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Los%20Alamos%202.JPG.html">
<img src="_thumbspage-dynamic/2011%20Los%20Alamos%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Los Alamos 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Monterey.JPG.html">
<img src="_thumbspage-dynamic/2011%20Monterey.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Monterey</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20PP4E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2011%20PP4E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 PP4E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20San%20Francisco.JPG.html">
<img src="_thumbspage-dynamic/2011%20San%20Francisco.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 San Francisco</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2011%20Virginia.JPG.html">
<img src="_thumbspage-dynamic/2011%20Virginia.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2011 Virginia</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2012%20Marysville.jpg.html">
<img src="_thumbspage-dynamic/2012%20Marysville.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2012 Marysville</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2012%20Volcanos.JPG.html">
<img src="_thumbspage-dynamic/2012%20Volcanos.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2012 Volcanos</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2013%20LP5E%20Book.jpg.html">
<img src="_thumbspage-dynamic/2013%20LP5E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2013 LP5E Book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2013%20Tree%20Justice.JPG.html">
<img src="_thumbspage-dynamic/2013%20Tree%20Justice.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2013 Tree Justice</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2013%20Vaio%20Z.jpg.html">
<img src="_thumbspage-dynamic/2013%20Vaio%20Z.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2013 Vaio Z</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2014%20Frankenthon%21.png.html">
<img src="_thumbspage-dynamic/2014%20Frankenthon%21.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2014 Frankenthon!</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2014%20Frigcal.png.html">
<img src="_thumbspage-dynamic/2014%20Frigcal.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2014 Frigcal</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2014%20Mergeall.png.html">
<img src="_thumbspage-dynamic/2014%20Mergeall.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2014 Mergeall</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2014%20PyRef5E%20book.jpg.html">
<img src="_thumbspage-dynamic/2014%20PyRef5E%20book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2014 PyRef5E book</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2015%20Florida.JPG.html">
<img src="_thumbspage-dynamic/2015%20Florida.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2015 Florida</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2015%20Florida2.JPG.html">
<img src="_thumbspage-dynamic/2015%20Florida2.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2015 Florida2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2015%20Seattle.JPG.html">
<img src="_thumbspage-dynamic/2015%20Seattle.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2015 Seattle</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2015%20Seattle2.jpg.html">
<img src="_thumbspage-dynamic/2015%20Seattle2.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2015 Seattle2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2016%20MacBook%20Pro.jpg.html">
<img src="_thumbspage-dynamic/2016%20MacBook%20Pro.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2016 MacBook Pro</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2017%20PyEdit.png.html">
<img src="_thumbspage-dynamic/2017%20PyEdit.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2017 PyEdit</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2017%20PyGadgets.png.html">
<img src="_thumbspage-dynamic/2017%20PyGadgets.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2017 PyGadgets</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2017%20PyMailGUI.png.html">
<img src="_thumbspage-dynamic/2017%20PyMailGUI.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2017 PyMailGUI</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20Books%20Amazon.png.html">
<img src="_thumbspage-dynamic/2018%20Books%20Amazon.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 Books Amazon</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20But%20More%20Hats.jpg.html">
<img src="_thumbspage-dynamic/2018%20But%20More%20Hats.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 But More Hats</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20Galaxy%20S8%2B.jpg.html">
<img src="_thumbspage-dynamic/2018%20Galaxy%20S8%2B.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 Galaxy S8+</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20Mobile%20Site%201.png.html">
<img src="_thumbspage-dynamic/2018%20Mobile%20Site%201.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 Mobile Site 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20Mobile%20Site%202.png.html">
<img src="_thumbspage-dynamic/2018%20Mobile%20Site%202.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 Mobile Site 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20Web%20Gadgets.jpg.html">
<img src="_thumbspage-dynamic/2018%20Web%20Gadgets.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 Web Gadgets</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2018%20Web%20Stew.png.html">
<img src="_thumbspage-dynamic/2018%20Web%20Stew.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2018 Web Stew</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2019%20Chinese%20LP5E.jpg.html">
<img src="_thumbspage-dynamic/2019%20Chinese%20LP5E.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2019 Chinese LP5E</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2019%20Galaxy%20Note9.jpg.html">
<img src="_thumbspage-dynamic/2019%20Galaxy%20Note9.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2019 Galaxy Note9</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2019%20PyAndroid%201.jpg.html">
<img src="_thumbspage-dynamic/2019%20PyAndroid%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2019 PyAndroid 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2019%20PyAndroid%202.jpg.html">
<img src="_thumbspage-dynamic/2019%20PyAndroid%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2019 PyAndroid 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2019%20PyAndroid%203.png.html">
<img src="_thumbspage-dynamic/2019%20PyAndroid%203.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2019 PyAndroid 3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2020%20More%20Stew%201.jpg.html">
<img src="_thumbspage-dynamic/2020%20More%20Stew%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2020 More Stew 1</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2020%20More%20Stew%202.jpg.html">
<img src="_thumbspage-dynamic/2020%20More%20Stew%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2020 More Stew 2</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2020%20Ziptools.png.html">
<img src="_thumbspage-dynamic/2020%20Ziptools.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2020 Ziptools</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2021%20Android%2011.png.html">
<img src="_thumbspage-dynamic/2021%20Android%2011.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2021 Android 11</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2021%20Android%2012.png.html">
<img src="_thumbspage-dynamic/2021%20Android%2012.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2021 Android 12</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2021%20Note20%20Fold3.jpg.html">
<img src="_thumbspage-dynamic/2021%20Note20%20Fold3.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2021 Note20 Fold3</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2022%20Bookstore.jpg.html">
<img src="_thumbspage-dynamic/2022%20Bookstore.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2022 Bookstore</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/2023%20Sync%20App.jpg.html">
<img src="_thumbspage-dynamic/2023%20Sync%20App.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">2023 Sync App</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/You%20are%20here.png.html">
<img src="_thumbspage-dynamic/You%20are%20here.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">You are here</div>
</div>
<div style="display: inline-block; vertical-align: middle; min-width: 116px; width: 9.5em; padding: 6px 6px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-dynamic/%E2%80%A62025%20LP6E%20Book.jpg.html">
<img src="_thumbspage-dynamic/%E2%80%A62025%20LP6E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
<div style="color: black; white-space: nowrap; margin-top: 0px; margin-bottom: 8px; text-align: center;">…2025 LP6E Book</div>
</div>
</div></p>
<!-- ======================================================================= -->
<!-- END THUMBS TABLE -->
<!-- ======================================================================= -->
<!-- ======================================================================= -->
<!-- START THEME AND SPACING -->
<!-- ======================================================================= -->
<STYLE>
/*---------------------------------------------------------------------
[3.0] CSS code for automatic dark theme per host device's settings.
Auto-added to generated index and viewer pages if useCannedDarkTheme
in user_configs.py is 'host' or 'always'. 'always' uses the dark mode
here whether set on host or not, and 'host' toggles between dark mode
here and other color configs per the host device's mode setting.
This is a template with two uppercase replacements and a % escape.
Its BODY:not(#body-viewer) and BODY#body-viewer mean only index and
pages, respectively (<body> may be in a custom HEADER.html for indexes).
Its rules generally override host pages (and hence, user_configs.py),
subject to CSS specificity and ordering. Themes can be coded in
JavaScript too, but CSS is auto-responsive to host-setting changes.
Edit this file as desired, but please mod this brittle code with care
if you're unfamiliar with CSS; it's complex because thumbspage was not
originally designed for this use case, and this file overrides and
does not mesh with the original and simpler color-configs model.
For more info, see the comments at user_configs.py's useCannedDarkTheme
switch and the overview in UserGuide.html#3.0.
Nit: this may have been coded more simply as a top-level media query
that selects between light and dark color sets, but we also need to
override colors in custom index-page headers but not custom index-page
footers, and these may use arbitrary styling. Feedback is welcome.
-----------------------------------------------------------------------*/
/* LIGHT MODE, PER HOST */
@media (prefers-color-scheme: light) { /* if light mode on host, now or post change */
/* tbd: if used, overrides some user_configs.py settings */
}
/* DARK MODE, PER HOST OR FORCED */
@media (prefers-color-scheme: dark) {
/* if dark mode on host, now or post user change */
/* used for light _or_ dark if forcing dark theme */
BODY:not(#body-viewer) { /* index page only, may have HEADER/FOOTER.html */
color: #e0e0e0; /* off-white, #e0e0e0 between #eee and #ddd */
background-color: #121212; /* off-black, #121212 per material design (black=#000) */
}
/* viewer-page global fg/bg colors use a template-viewpage media query */
IMG { /* all image borders, index and viewer pages */
border-color: /* !important to override style= attr in HTML */
#e0e0e0 !important;
}
#theimg { /* border of images in viewer pages only */
border-color:
#e0e0e0 !;
}
BODY:not(#body-viewer) IMG { /* else bright imgs can make text hard to read */
filter: brightness(90%); /* but just for index, not viewer pages; %=one */
}
#thumbslinks { /* index-page table (fixed) or div (dynamic) */
border-color: #e0e0e0 !important; /* !important: override HTML style= */
background-color: #242424 !important;
}
#thumbslinks TD { /* image labels/captions in thumbs table (fixed) */
color: #e0e0e0 !important;
}
#thumbslinks DIV:last-child { /* image labels/captions in thumbs div (fixed) */
color: #e0e0e0 !important;
}
BODY A { /* index-page hyperlinks, overrides HEADER.html */
color: cyan; /* not !important: may mod links in FOOTER.html */
} /* & not > specificity "BODY:not(#body-viewer)" */
BODY#body-viewer A { /* hyperlinks on viewer pages + <a> tags in Notes */
color: cyan !important; /* there is no footer to impact on viewer pages */
}
.NoteBox, .InfoBox { /* viewer popups in dark theme: note, info, msg */
color: wheat; /* can be configed in user_configs.py vs here */
background-color: black; /* viewer page is implied: not in indexes */
border-color: white; /* border of popups viewer (!= border of image) */
}
}
</STYLE>
<style>p, li {line-height: 1.25em;} </style>
<!-- ======================================================================= -->
<!-- END THEME AND SPACING -->
<!-- ======================================================================= -->
<!-- Generated 2025-06-19 @17:38:25, by thumbspage 3.0: learning-python.com/thumbspage.html -->
<!-- ======================================================================= -->
<!-- START CUSTOM FOOTER -->
<!-- ======================================================================= -->
<p style="margin-bottom: 40px;"> <!-- for floating Top -->
<i>Gallery built by <A HREF="http://learning-python.com/thumbspage.html">thumbspage.py</A></i></p>
<!--
CAVEAT: the footer was borrowed from main-site pages and edited for ".."s,
because this is outside genhtml's scope; this copy is prone to fall out of
sync with the rest of the site, though it at least reuses footer styling
in _main.css; might have used "table.footertable td {text-align: center;}";
Mar22: UPDATED for new global toolbar format (which uses former suggestion);
Oct22: UPDATED for global again (with narrower link words, _main.css mods);
See also: showcode.py's use/munge of dummy-footer.html as a wack alternative;
-->
<!--genhtml insert *COPY* =============================================================================-->
</P>
<!--Feb18: make table responsive, for mobile-friendly scrollbar on small screens -->
<BR><BR>
<DIV class=footerdiv>
<TABLE class=footertable bgcolor=tan>
<!-- NESTED INSERT: can't nest > 2 deep -->
<!-- gif now is Home, not python.org -->
<!-- scale larger gif for better res -->
<!-- border=0 only for IE img links -->
<!-- _main.css center aligns all <td> -->
<!-- now narrower to avoid scrollbars -->
<TR>
<TD>
<A class=blocklinkbar href="../index.html">
<IMG SRC="../PythonPowered.gif" border=0 width=55 height=22
ALT="[Home page]" TITLE="Home page"></A>
<TD>
<A class=blocklinkbar HREF="../index-book-links.html">Books</A>
<TD>
<A class=blocklinkbar HREF="../programs.html">Code</A>
<TD>
<A class=blocklinkbar HREF="../posts.html">Blog</A>
<TD>
<A class=blocklinkbar HREF="../about-python.html">Python</A>
<TD>
<A class=blocklinkbar HREF="../formalbio.html">Author</A>
<TD>
<A class=blocklinkbar HREF="../training.html">Train</A>
<TD>
<A class=blocklinkbar HREF="../sitesearch.html">Find</A>
<TD>
<A class=blocklinkbar HREF="mailto:lutz@learning-python.com">©M.Lutz</A>
<!--DEFUNCT
<TD>
<A class=blocklinkbar HREF="mailto:lutz@learning-python.com">Email</A>
<TD>
<A class=blocklinkbar HREF="#">Top</A>
DEFUNCT-->
</TR>
<!-- END NESTED INSERT -->
</TABLE>
</DIV>
<!--===================================================================================================-->
</BODY>
</HTML>