File: trnpix/_viewable/HEADER.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) -->

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