File: trnpix/HEADER.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!-- 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 -->

<HTML>
<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: more stuff borrowed from main site, during mobile redesign -->
<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) -->

<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>Usage tips</I>: the thumbs below scroll as needed, and open custom image displays 
with navigation links and swipes.  To resize images, resize your browser window, 
rotate your phone, click Full, or tap the image for browser-native view.  
You can also read narration along the way by tapping Note on toolbars
or up-swiping on images, open image info with filename taps or down-swipes,
and find more tips <A HREF="../thumbspage/UserGuide.html#Viewing Galleries">here</A>.

<P>
<!-- _generate.sh replaces $tag$ with a link+text that varies for fixed and dynamic -->
<I>Deeper dives</I>: 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,
and this gallery's 
<A HREF="_generate.sh">generate</A> and
<A HREF="_publish.sh">publish</A> scripts demo builds.
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-florida.JPG.html">stew</A>
of HTML layout, CSS styling,
and JavaScript logic.  Wasn't the web supposed to make this stuff easier?