File: thumbspage/examples/reorientation/HEADER.html

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

<meta http-equiv="content-type" content="text/html; charset=UTF-8">      <!-- Unicode -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">   <!-- mobile -->

<style>
body {font-family: Arial, Helvetica, sans-serif;}    /* title etc. text */
html {-webkit-text-size-adjust: 100%;}               /* ios landscape no zoom */
body {background-color: ivory;}                      /* all except thumbs table */

body {
   margin-left: 12px;     /* offset the entire page for curved screens */
   margin-right: 12px;    /* or padding: inside a border (margin outside) */
}
</style>

<!-- plus analytics code, etc. -->
<title>Auto-Reorientation Examples</title>
</head>

<body>
<h1>Auto-Reorientation Examples</h1>

<p>
This page's photos were captured on assorted devices in four different device
orientations, to demonstrate the automatic right-side up rotation of images 
and their thumbnails added in thumbspage version 1.6.  The monkeys are now
all straightened up, in both the index and viewer pages.  To show the 
difference, the prior version's rendering of this example is captured 
<A HREF="../Screenshots/reorient-prior-index.png">here</A> and 
<A HREF="../Screenshots/reorient-prior-viewer.png">here</A>.

<P>
Rotated images are by default backed up to ".original" copies in the source-images
folder before they are changed; see <A HREF="../../user_configs.py">user_configs.py</A>
for settings that control auto-rotation and its backups, and this example's  
<A HREF="_HOW-MADE.txt">run log</A> for context.  You may also be interested in this 
simple <A HREF="../../docetc/restore-prerotate-originals.py">utility script</A> 
that restores all original images from their backup copies, this folder's custom 
<!-- a local filename in '.' works offline but won't display nicely online, and '../../../cgi' fails offline --> 
<A HREF="https://learning-python.com/cgi/showcode.py?name=thumbspage/examples/reorientation/HEADER.html">header file</A>,
and this 
<A HREF="../console-logs/2.1-embedded-thumbs-removal.txt">console demo</A> 
of 2.1's later removal of embedded thumbnails.

<P>
So why all the bother over rotations?  To be inclusive of all viewers,
thumbspage has to rotate images itself because not all browsers do.
See the subfolder gallery below for a demo of browser support
in fall 2020, and the 
<A HREF="../../UserGuide.html#tpsansrotates">2.0 note</A> for more background.
<P>


</P>