Mercurial > hg > hstweb

changeset 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
files cc_2022/cc_2022.xml
diffstat 1 files changed, 12 insertions(+), 25 deletions(-) [+]
line wrap: on
line diff
--- a/cc_2022/cc_2022.xml	Fri Dec 16 21:33:36 2022 +0000
+++ b/cc_2022/cc_2022.xml	Sat Dec 17 21:20:52 2022 +0000
@@ -7,7 +7,7 @@
   <author>Catharine and Henry</author>
   <date>14 December 2022</date>
   <style>body {width: 30cm}
-         .intro {font-size: 120% ; font-weight: bold }
+         .intro {font-size: 120% ; font-weight: bold; margin-top: 5mm }
          .narrow2 {width: 49%}
          .right {float: right}
          .left {float: left; margin-right: 2mm}
@@ -22,17 +22,14 @@
  <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
+this holiday season.  Now more than ever the season calls 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
+   <!-- CSS started from https://stackoverflow.com/questions/55477699/playing-video-and-showing-text-on-hovering-over-image, needed some changes...-->
+   <p class="intro">Travels various, Spring and Summer 2021</p>
 james-freya_20220410.jpg
-callum_1st_communion_20220619.jpg
 villeseque_20220627.jpg
 campsite_20220822.jpg
 vassiviere_20220825.jpg
@@ -43,25 +40,15 @@
 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"/>    
-
+    <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="James's cat Simone in Seattle on Christmas morning" source="2022pics/simone_20211225.jpg" width="49%" class="left clearLeft" style="margin-bottom: 1.2cm"/>
+   <image textGloss="Cambridge, 2022-12-05, Freya, Jamie, Callum, Emma, Rob" source="2022pics/boland_christmas_20211205.jpg" width="49%" class="left"/>
+   <p class="intro clearLeft">Travels various, spring and early summer</p>
+    <image textGloss="Norfolk, 2022-02-19, Rob and Emma on the beach" source="2022pics/emma-rob_20220219.jpg" width="49%" class="left"/>
+   <image textGloss="Easter in Edinburgh, 2022, James and Freya" source="2022pics/james-freya_20220410.jpg" width="49%" class="left"/>
 <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>
+   <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>
+        <p class="intro">Summer hols</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>