![[Home page]](../PythonPowered.gif "Home page"){kind=small}
| Books | Code | Blog | Python | Author | Train | Find | ©M.Lutz |
File: trnpix/_viewable/_index-thumbsonly.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-dynamic.html">dynamic-layout</A> cut avoids horizontal scrolls.
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; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/1996%20First%20Pybook.png.html">
<img src="_thumbspage-thumbsonly/1996%20First%20Pybook.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/1998%20Puerto%20Rico%201.jpg.html">
<img src="_thumbspage-thumbsonly/1998%20Puerto%20Rico%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/1998%20Puerto%20Rico%202.jpg.html">
<img src="_thumbspage-thumbsonly/1998%20Puerto%20Rico%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/1998%20PyRef1E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/1998%20PyRef1E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/1999%20LP1E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/1999%20LP1E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/1999%20OSCON%201%20Tshirt.jpg.html">
<img src="_thumbspage-thumbsonly/1999%20OSCON%201%20Tshirt.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20Alameda.jpg.html">
<img src="_thumbspage-thumbsonly/2000%20Alameda.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20NYC.jpg.html">
<img src="_thumbspage-thumbsonly/2000%20NYC.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20Newmarket%201.jpg.html">
<img src="_thumbspage-thumbsonly/2000%20Newmarket%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20Newmarket%202.jpg.html">
<img src="_thumbspage-thumbsonly/2000%20Newmarket%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20Newmarket%203.jpg.html">
<img src="_thumbspage-thumbsonly/2000%20Newmarket%203.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20Newmarket%204.jpg.html">
<img src="_thumbspage-thumbsonly/2000%20Newmarket%204.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2000%20Palm%20IIIx.png.html">
<img src="_thumbspage-thumbsonly/2000%20Palm%20IIIx.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2001%20Colorado.jpg.html">
<img src="_thumbspage-thumbsonly/2001%20Colorado.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2001%20Dublin%201.jpg.html">
<img src="_thumbspage-thumbsonly/2001%20Dublin%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2001%20Dublin%202.jpg.html">
<img src="_thumbspage-thumbsonly/2001%20Dublin%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2001%20PP2E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2001%20PP2E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2001%20PyRef2E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2001%20PyRef2E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2001%20San%20Diego.jpg.html">
<img src="_thumbspage-thumbsonly/2001%20San%20Diego.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2002%20Barcelona%201.jpg.html">
<img src="_thumbspage-thumbsonly/2002%20Barcelona%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2002%20Barcelona%202.jpg.html">
<img src="_thumbspage-thumbsonly/2002%20Barcelona%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2002%20Barcelona%203.jpg.html">
<img src="_thumbspage-thumbsonly/2002%20Barcelona%203.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2002%20Barcelona%204.jpg.html">
<img src="_thumbspage-thumbsonly/2002%20Barcelona%204.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2002%20Sony%20U1.jpg.html">
<img src="_thumbspage-thumbsonly/2002%20Sony%20U1.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2003%20Dublin%201.jpg.html">
<img src="_thumbspage-thumbsonly/2003%20Dublin%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2003%20Dublin%202.JPG.html">
<img src="_thumbspage-thumbsonly/2003%20Dublin%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2003%20LP2E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2003%20LP2E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2003%20Sony%20Clie.jpg.html">
<img src="_thumbspage-thumbsonly/2003%20Sony%20Clie.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2004%20Colorado%201.JPG.html">
<img src="_thumbspage-thumbsonly/2004%20Colorado%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2004%20Colorado%202.JPG.html">
<img src="_thumbspage-thumbsonly/2004%20Colorado%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2004%20Ft%20Walton.JPG.html">
<img src="_thumbspage-thumbsonly/2004%20Ft%20Walton.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2004%20San%20Diego.JPG.html">
<img src="_thumbspage-thumbsonly/2004%20San%20Diego.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2004%20Zaurus.JPG.html">
<img src="_thumbspage-thumbsonly/2004%20Zaurus.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2005%20Georgia%20BNR.JPG.html">
<img src="_thumbspage-thumbsonly/2005%20Georgia%20BNR.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2005%20Puerto%20Rico.JPG.html">
<img src="_thumbspage-thumbsonly/2005%20Puerto%20Rico.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2005%20PyRef3E%20book.jpg.html">
<img src="_thumbspage-thumbsonly/2005%20PyRef3E%20book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2005%20St%20Augustine.JPG.html">
<img src="_thumbspage-thumbsonly/2005%20St%20Augustine.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20Chicago%201.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20Chicago%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20Chicago%202.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20Chicago%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20Doused%20OQO.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20Doused%20OQO.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20Edmonton.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20Edmonton.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20London%201.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20London%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20London%202.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20London%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20London%203.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20London%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20Monterey.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20Monterey.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20NYC%20SpamAlot.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20NYC%20SpamAlot.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20NYC%20WallST.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20NYC%20WallST.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20NYC.JPG.html">
<img src="_thumbspage-thumbsonly/2006%20NYC.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2006%20PP3E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2006%20PP3E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2007%20LP3E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2007%20LP3E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2008%20Seagate%20OQO%2002.jpg.html">
<img src="_thumbspage-thumbsonly/2008%20Seagate%20OQO%2002.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20Dublin%201.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20Dublin%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20Dublin%202.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20Dublin%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20LP4E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2009%20LP4E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20London%201.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20London%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20London%202.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20London%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20London%203.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20London%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20London%204.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20London%204.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20London%205.JPG.html">
<img src="_thumbspage-thumbsonly/2009%20London%205.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20PyRef4E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2009%20PyRef4E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2009%20Vaio%20P.jpg.html">
<img src="_thumbspage-thumbsonly/2009%20Vaio%20P.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2010%20Los%20Alamos%201.JPG.html">
<img src="_thumbspage-thumbsonly/2010%20Los%20Alamos%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2010%20Los%20Alamos%202.JPG.html">
<img src="_thumbspage-thumbsonly/2010%20Los%20Alamos%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2010%20Los%20Alamos%203.JPG.html">
<img src="_thumbspage-thumbsonly/2010%20Los%20Alamos%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2010%20Sarasota%201.JPG.html">
<img src="_thumbspage-thumbsonly/2010%20Sarasota%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2010%20Sarasota%202.JPG.html">
<img src="_thumbspage-thumbsonly/2010%20Sarasota%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2010%20Sarasota%203.JPG.html">
<img src="_thumbspage-thumbsonly/2010%20Sarasota%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Bloomington.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Bloomington.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Boxboro.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Boxboro.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Burlington.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Burlington.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Chicago%201.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Chicago%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Chicago%202.jpg.html">
<img src="_thumbspage-thumbsonly/2011%20Chicago%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Chicago%203.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Chicago%203.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Chicago%204.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Chicago%204.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Hartsfield%202.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Hartsfield%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Los%20Alamos%201.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Los%20Alamos%201.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Los%20Alamos%202.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Los%20Alamos%202.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Monterey.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Monterey.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20PP4E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2011%20PP4E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20San%20Francisco.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20San%20Francisco.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2011%20Virginia.JPG.html">
<img src="_thumbspage-thumbsonly/2011%20Virginia.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2012%20Marysville.jpg.html">
<img src="_thumbspage-thumbsonly/2012%20Marysville.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2012%20Volcanos.JPG.html">
<img src="_thumbspage-thumbsonly/2012%20Volcanos.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2013%20LP5E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/2013%20LP5E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2013%20Tree%20Justice.JPG.html">
<img src="_thumbspage-thumbsonly/2013%20Tree%20Justice.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2013%20Vaio%20Z.jpg.html">
<img src="_thumbspage-thumbsonly/2013%20Vaio%20Z.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2014%20Frankenthon%21.png.html">
<img src="_thumbspage-thumbsonly/2014%20Frankenthon%21.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2014%20Frigcal.png.html">
<img src="_thumbspage-thumbsonly/2014%20Frigcal.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2014%20Mergeall.png.html">
<img src="_thumbspage-thumbsonly/2014%20Mergeall.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2014%20PyRef5E%20book.jpg.html">
<img src="_thumbspage-thumbsonly/2014%20PyRef5E%20book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2015%20Florida.JPG.html">
<img src="_thumbspage-thumbsonly/2015%20Florida.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2015%20Florida2.JPG.html">
<img src="_thumbspage-thumbsonly/2015%20Florida2.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2015%20Seattle.JPG.html">
<img src="_thumbspage-thumbsonly/2015%20Seattle.JPG" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2015%20Seattle2.jpg.html">
<img src="_thumbspage-thumbsonly/2015%20Seattle2.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2016%20MacBook%20Pro.jpg.html">
<img src="_thumbspage-thumbsonly/2016%20MacBook%20Pro.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2017%20PyEdit.png.html">
<img src="_thumbspage-thumbsonly/2017%20PyEdit.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2017%20PyGadgets.png.html">
<img src="_thumbspage-thumbsonly/2017%20PyGadgets.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2017%20PyMailGUI.png.html">
<img src="_thumbspage-thumbsonly/2017%20PyMailGUI.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20Books%20Amazon.png.html">
<img src="_thumbspage-thumbsonly/2018%20Books%20Amazon.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20But%20More%20Hats.jpg.html">
<img src="_thumbspage-thumbsonly/2018%20But%20More%20Hats.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20Galaxy%20S8%2B.jpg.html">
<img src="_thumbspage-thumbsonly/2018%20Galaxy%20S8%2B.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20Mobile%20Site%201.png.html">
<img src="_thumbspage-thumbsonly/2018%20Mobile%20Site%201.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20Mobile%20Site%202.png.html">
<img src="_thumbspage-thumbsonly/2018%20Mobile%20Site%202.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20Web%20Gadgets.jpg.html">
<img src="_thumbspage-thumbsonly/2018%20Web%20Gadgets.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2018%20Web%20Stew.png.html">
<img src="_thumbspage-thumbsonly/2018%20Web%20Stew.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2019%20Chinese%20LP5E.jpg.html">
<img src="_thumbspage-thumbsonly/2019%20Chinese%20LP5E.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2019%20Galaxy%20Note9.jpg.html">
<img src="_thumbspage-thumbsonly/2019%20Galaxy%20Note9.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2019%20PyAndroid%201.jpg.html">
<img src="_thumbspage-thumbsonly/2019%20PyAndroid%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2019%20PyAndroid%202.jpg.html">
<img src="_thumbspage-thumbsonly/2019%20PyAndroid%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2019%20PyAndroid%203.png.html">
<img src="_thumbspage-thumbsonly/2019%20PyAndroid%203.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2020%20More%20Stew%201.jpg.html">
<img src="_thumbspage-thumbsonly/2020%20More%20Stew%201.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2020%20More%20Stew%202.jpg.html">
<img src="_thumbspage-thumbsonly/2020%20More%20Stew%202.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2020%20Ziptools.png.html">
<img src="_thumbspage-thumbsonly/2020%20Ziptools.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2021%20Android%2011.png.html">
<img src="_thumbspage-thumbsonly/2021%20Android%2011.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2021%20Android%2012.png.html">
<img src="_thumbspage-thumbsonly/2021%20Android%2012.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2021%20Note20%20Fold3.jpg.html">
<img src="_thumbspage-thumbsonly/2021%20Note20%20Fold3.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2022%20Bookstore.jpg.html">
<img src="_thumbspage-thumbsonly/2022%20Bookstore.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/2023%20Sync%20App.jpg.html">
<img src="_thumbspage-thumbsonly/2023%20Sync%20App.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/You%20are%20here.png.html">
<img src="_thumbspage-thumbsonly/You%20are%20here.png" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></div>
</div>
<div style="display: inline-block; vertical-align: middle; width: 116px; padding: 16px 16px;">
<div style="margin-top: 8px; text-align: center;"><A href="_thumbspage-thumbsonly/%E2%80%A62025%20LP6E%20Book.jpg.html">
<img src="_thumbspage-thumbsonly/%E2%80%A62025%20LP6E%20Book.jpg" style="border: thin solid black;" alt="Image thumbnail" title="View image"></A></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:26, 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>