Mercurial > hg > quarantine > hstweb
changeset 115:efd330aa27f3
better aspect ratio
| author | Henry S. Thompson <ht@markup.co.uk> |
|---|---|
| date | Mon, 29 Dec 2025 14:08:35 +0000 |
| parents | 5b755442ed2c |
| children | f8aedfebd3cb |
| files | cc_2025/cc_2025.xml |
| diffstat | 1 files changed, 7 insertions(+), 6 deletions(-) [+] |
line wrap: on
line diff
--- a/cc_2025/cc_2025.xml Mon Dec 29 13:49:00 2025 +0000 +++ b/cc_2025/cc_2025.xml Mon Dec 29 14:08:35 2025 +0000 @@ -18,6 +18,7 @@ display: flex; flex-direction: row; flex-wrap: wrap; + } .large { width: 400px; @@ -27,6 +28,9 @@ width: 200px; height: 200px; } + .container img { + object-fit: scale-down ; + } </style> </head> <body> @@ -125,17 +129,14 @@ <x:img class="llspace V" src="2025pics/patrick_J_A.jpg" title="what, where, 2025-10-05"/><!-- 1600x1200 --> <x:img class="llspace V" src="2025pics/smarties.jpg" title="what, where, 2025-10-26"/><!-- 1152x2048 --> <x:img class="llspace V" src="2025pics/magic_flute.jpg" title="what, where, 2025-10-28"/><!-- 1200x1600 --> -<x:img class="llspace V" src="2025pics/Boland_wreath.jpg" title="what, where, 2025-12-24"/><!-- 1536x2048 --> -<x:img class="llspace V" src="2025pics/Edinburgh_tree.jpg" title="what, where, 2025-12-24"/><!-- 1536x2048 --> -<x:img class="llspace V" src="2025pics/Edinburgh_wreath.jpg" title="what, where, 2025-12-24"/><!-- 1200x1600 --> <x:img class="llspace V" src="2025pics/HP_tree.jpg" title="what, where, 2025-12-26"/><!-- 739x1600 --> -<x:img class="llspace V" src="2025pics/seattle_tree.jpg" title="what, where, 2025-12-26"/><!-- 1536x2048 --> </div> <p class="intro">Christmas greenery, December 2025</p> <div class="container"> - <x:img class="V" src="2025pics/Boland_wreath.jpg" title="Emma's wreath, cambridge 2024-12-08"/> + <x:img class="V" src="2025pics/Boland_wreath.jpg" title="Bolands' wreath, cambridge 2024-12-08"/> <x:img class="llspace V" src="2025pics/Edinburgh_tree.jpg" title="Cath & Henry's tree, Edinburgh 2024-12-25"/> - <x:img class="llspace V" src="2025pics/seattle_tree.jpg" title="James's tree, Seattle 2024-12-25" width="1536px"/> +<x:img class="llspace V" src="2025pics/Edinburgh_wreath.jpg" title="Cath's wreath, Edinburgh, 2025-12-24" width="1536px"/><!-- 1200x1600 --> + <x:img class="llspace V" src="2025pics/seattle_tree.jpg" title="James's house with tree, housemates, presents, Seattle 2024-12-25"/> </div> </div> </body>
