Mercurial > hg > hstweb

comparison cc_2022/cc_2022.xml @ 35:6a0a730c836b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
step by step
author Henry S. Thompson <ht@markup.co.uk>
date Sat, 17 Dec 2022 21:20:52 +0000
parents 8b60685a02e1
children 6f0b3a5f3ae7
comparison
equal deleted inserted replaced
34:8b60685a02e1 35:6a0a730c836b
5 <head> 5 <head>
6 <title>Christmas 2022</title> 6 <title>Christmas 2022</title>
7 <author>Catharine and Henry</author> 7 <author>Catharine and Henry</author>
8 <date>14 December 2022</date> 8 <date>14 December 2022</date>
9 <style>body {width: 30cm} 9 <style>body {width: 30cm}
10 .intro {font-size: 120% ; font-weight: bold } 10 .intro {font-size: 120% ; font-weight: bold; margin-top: 5mm }
11 .narrow2 {width: 49%} 11 .narrow2 {width: 49%}
12 .right {float: right} 12 .right {float: right}
13 .left {float: left; margin-right: 2mm} 13 .left {float: left; margin-right: 2mm}
14 .clearRight {clear: right} 14 .clearRight {clear: right}
15 .clearLeft {clear: left} 15 .clearLeft {clear: left}
20 </style> 20 </style>
21 </head> 21 </head>
22 <body> 22 <body>
23 <div> 23 <div>
24 <p>As ever, Catharine and I hope you have your share of repose and reflection, peace and joy, during 24 <p>As ever, Catharine and I hope you have your share of repose and reflection, peace and joy, during
25 this holiday season. Now more than ever it is time for a heartfelt prayer for 25 this holiday season. Now more than ever the season calls for a heartfelt prayer for
26 peace and justice.</p> 26 peace and justice.</p>
27 </div> 27 </div>
28 <div> 28 <div>
29 <p>Photos from the last year, roughly in date order (hover with mouse to see names, places and dates):</p> 29 <p>Photos from the last year, roughly in date order (hover with mouse to see names, places and dates):</p>
30 <p class="intro">Christmas 2021</p> 30 <!-- CSS started from https://stackoverflow.com/questions/55477699/playing-video-and-showing-text-on-hovering-over-image, needed some changes...-->
31 boland_christmas_20211205.jpg 31 <p class="intro">Travels various, Spring and Summer 2021</p>
32 simone_20211225.jpg
33 emma-rob_20220219.jpg
34 james-freya_20220410.jpg 32 james-freya_20220410.jpg
35 callum_1st_communion_20220619.jpg
36 villeseque_20220627.jpg 33 villeseque_20220627.jpg
37 campsite_20220822.jpg 34 campsite_20220822.jpg
38 vassiviere_20220825.jpg 35 vassiviere_20220825.jpg
39 school_starts_20220905.jpg 36 school_starts_20220905.jpg
40 adam-jo_20220918.jpg 37 adam-jo_20220918.jpg
41 fall_colours_20221012.jpg 38 fall_colours_20221012.jpg
42 henry-cath_20221203.jpg 39 henry-cath_20221203.jpg
43 flying_santa_20221205.jpg 40 flying_santa_20221205.jpg
44 cath_at_70_20221210.jpg 41 cath_at_70_20221210.jpg
45 42
46 <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"/> 43 <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"/>
47 44 <image textGloss="James's cat Simone in Seattle on Christmas morning" source="2022pics/simone_20211225.jpg" width="49%" class="left clearLeft" style="margin-bottom: 1.2cm"/>
48 <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"/> 45 <image textGloss="Cambridge, 2022-12-05, Freya, Jamie, Callum, Emma, Rob" source="2022pics/boland_christmas_20211205.jpg" width="49%" class="left"/>
49 <image textGloss="Waterdell House at night, 2019-12-30" source="2022pics/Waterdell_at_night.jpg" width="49%" class="left"/> 46 <p class="intro clearLeft">Travels various, spring and early summer</p>
50 <p class="intro clearLeft">Spring and early summer (in lockdown), Edinburgh</p> 47 <image textGloss="Norfolk, 2022-02-19, Rob and Emma on the beach" source="2022pics/emma-rob_20220219.jpg" width="49%" class="left"/>
51 <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"/> 48 <image textGloss="Easter in Edinburgh, 2022, James and Freya" source="2022pics/james-freya_20220410.jpg" width="49%" class="left"/>
52
53 <div style="margin: auto; width: 80%; clear: left"> 49 <div style="margin: auto; width: 80%; clear: left">
54 <div id="caption" style="position: relative"> 50 <image textGloss="Callum's first Communion, Cambridge, 2020-06-03, Emma, Adam, Rob, Henry, Joanna, Callum, Freya, Catharine, Jamie (channeling Hulk)" source="2022pics/callum_1st_communion_20220619.jpg" width="100%"/></div>
55 <!-- CSS started from https://stackoverflow.com/questions/55477699/playing-video-and-showing-text-on-hovering-over-image, needed some changes...--> 51 <p class="intro">Summer hols</p>
56 <x:video controls="controls" width="400" style="position: absolute">
57 <x:source textGloss="Otters, 2020-06-16" src="2022pics/Otters.mp4" type="video/mp4"/>
58 Your browser does not support HTML5 video, here's <link href="2022pics/Otters.mp4">a link to the video</link> instead.</x:video>
59 <p style="position: absolute; color: black; width: 40%; margin-top: 2cm; transition: all .5s">Otter cubs in the Water of Leith, just
60 a kilometre from Douglas Crescent, Edinburgh, 2020-06-19</p>
61 </div>
62 <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>
63 <p class="intro">Escape from lockdown by train, tunnel and ferry: Summer
64 holiday in Ile Rousse, Corsica</p>
65 <div style="margin: auto; width: 80%; "> 52 <div style="margin: auto; width: 80%; ">
66 <image textGloss="Thompsons and Bolands, 2020-07-25" source="2022pics/Corsica_supper.jpg" class="clearLeft" width="100%"/> 53 <image textGloss="Thompsons and Bolands, 2020-07-25" source="2022pics/Corsica_supper.jpg" class="clearLeft" width="100%"/>
67 </div> 54 </div>
68 <div class="left narrow2 clearLeft"> 55 <div class="left narrow2 clearLeft">
69 <image textGloss="Callum and Freya (grandchildren) with Ile Rousse in the background, 2020-08-04" source="2022pics/IleRousse_plus.jpg" width="100%" class="left"/> 56 <image textGloss="Callum and Freya (grandchildren) with Ile Rousse in the background, 2020-08-04" source="2022pics/IleRousse_plus.jpg" width="100%" class="left"/>