Mercurial > hg > hstweb

changeset 34:8b60685a02e1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
beginning to retrofit to 2021 version, all pics, maybe, chosen
author Henry S. Thompson <ht@markup.co.uk>
date Fri, 16 Dec 2022 21:33:36 +0000
parents 3a1885e59372
children 6a0a730c836b
files cc_2022/cc_2022.xml
diffstat 1 files changed, 82 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/cc_2022/cc_2022.xml	Fri Dec 16 21:33:36 2022 +0000
@@ -0,0 +1,82 @@
+<?xml version='1.0'?>
+<?xml-stylesheet type="text/xsl" href="../../../../lib/xml/doc.xsl" ?>
+<!DOCTYPE doc SYSTEM "../../../../lib/xml/doc.dtd" >
+<doc xmlns:x="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>Christmas 2022</title>
+  <author>Catharine and Henry</author>
+  <date>14 December 2022</date>
+  <style>body {width: 30cm}
+         .intro {font-size: 120% ; font-weight: bold }
+         .narrow2 {width: 49%}
+         .right {float: right}
+         .left {float: left; margin-right: 2mm}
+         .clearRight {clear: right}
+         .clearLeft {clear: left}
+         .sad {border: black solid 2mm; padding: 2mm}
+         .centre {display: block; margin-left: auto; margin-right: auto}
+         #caption p { opacity: 0.0 }
+         #caption:hover p { opacity: 1.0 }
+  </style>
+ </head>
+ <body>
+  <div>
+   <p>As ever, Catharine and I hope you have your share of repose and reflection, peace and joy, during
+this holiday season.  Now more than ever it is time for a heartfelt prayer for
+peace and justice.</p>
+  </div>
+  <div>
+   <p>Photos from the last year, roughly in date order (hover with mouse to see names, places and dates):</p>
+   <p class="intro">Christmas 2021</p>
+boland_christmas_20211205.jpg
+simone_20211225.jpg
+emma-rob_20220219.jpg
+james-freya_20220410.jpg
+callum_1st_communion_20220619.jpg
+villeseque_20220627.jpg
+campsite_20220822.jpg
+vassiviere_20220825.jpg
+school_starts_20220905.jpg
+adam-jo_20220918.jpg
+fall_colours_20221012.jpg
+henry-cath_20221203.jpg
+flying_santa_20221205.jpg
+cath_at_70_20221210.jpg
+
+    <image textGloss="Christmas table, Edinburgh, 2021-12-25, Jo, Henry and Catharine's brother Jonathan and his wife Sally" source="2022pics/Christmas_20211225.jpg" width="100%" style="margin-bottom: 3.5cm"/>
+    
+    <image textGloss="Bolands and Thompsons, Botanic Gardens light show, Edinburgh, 2019-12-27" source="2022pics/Family_less_Cath.jpg" width="49%" class="left clearLeft" style="margin-bottom: 1.2cm"/>
+   <image textGloss="Waterdell House at night, 2019-12-30" source="2022pics/Waterdell_at_night.jpg" width="49%" class="left"/>
+   <p class="intro clearLeft">Spring and early summer (in lockdown), Edinburgh</p>
+    <image textGloss="Flowering Cherry in our garden, Edinburgh, 2020-04-20" source="2022pics/Flowering_Cherry.jpg" width="100%" class="left clearLeft" style="margin-top: 2mm; margin-bottom: 2mm"/>    
+
+<div style="margin: auto; width: 80%; clear: left">
+ <div id="caption" style="position: relative">
+ <!-- CSS started from https://stackoverflow.com/questions/55477699/playing-video-and-showing-text-on-hovering-over-image, needed some changes...-->
+ <x:video controls="controls" width="400" style="position: absolute">
+    <x:source textGloss="Otters, 2020-06-16" src="2022pics/Otters.mp4" type="video/mp4"/>
+    Your browser does not support HTML5 video, here's <link href="2022pics/Otters.mp4">a link to the video</link> instead.</x:video>
+  <p style="position: absolute; color: black; width: 40%; margin-top: 2cm; transition: all .5s">Otter cubs in the Water of Leith, just
+a kilometre from Douglas Crescent, Edinburgh, 2020-06-19</p>
+ </div>
+   <image textGloss="Masks made by Catharine, 2020-06-03" source="2022pics/Masks.jpg" width="54.4%" style="margin-left: 410px; margin-top: .8cm; margin-bottom: .8cm"/></div>
+        <p class="intro">Escape from lockdown by train, tunnel and ferry: Summer
+holiday in Ile Rousse, Corsica</p>
+       <div style="margin: auto; width: 80%; ">
+        <image textGloss="Thompsons and Bolands, 2020-07-25" source="2022pics/Corsica_supper.jpg" class="clearLeft" width="100%"/>
+       </div>
+    <div class="left narrow2 clearLeft">
+     <image textGloss="Callum and Freya (grandchildren) with Ile Rousse in the background, 2020-08-04" source="2022pics/IleRousse_plus.jpg" width="100%" class="left"/>
+    </div>
+    <image textGloss="Catharine and Henry have lunch out, 2020-08-06" source="2022pics/C&amp;H_Corsica.jpg" width="49%" class="left" style="padding-bottom: 2mm"/>
+   <p class="intro">Stopped over to say goodbye on the way home...</p>
+    <image textGloss="Last ever drinks on the terrace, Waterdell, 2020-08-09" source="2022pics/Farewell.jpg" width="100%" class="left clearLeft" style="padding-bottom: 2mm"/>
+   <p class="intro">Preparing for self-isolated Christmas, 2020</p>
+    <image textGloss="Wreath by Joanna, London, 2020-12-06" source="2022pics/Wreath_Cambridge.jpg" width="24.5%" class="clearLeft left"/>
+    <image textGloss="Christmas tree with elf, Cambridge, 2020-12-06" source="2022pics/Tree_Cambridge_with_elf.jpg" width="24%" class="left"/>
+    <image textGloss="Wild-cut Christmas tree, Seattle, 2020-12-20" source="2022pics/Tree_Seattle.jpg" width="24.5%" class="left"/>
+    <image textGloss="Christmas tree, Edinburgh, 2020-12-24" source="2022pics/Tree_Edinburgh.jpg" width="24%" class="left"/>
+   <p class="clearLeft">&nbsp;</p>
+  </div>
+ </body>
+</doc>