Textflow example 1

Astro image file path: src/content/blog/textflow-1.md

This uses Gemini’s suggestions of 26 May 26. Much cleaner than before. It relies on an enhanced script at the bottom of Layout.astro which interprets the Markdown image options as well as doing the Fancybox business. The only thing missing is separate control over the thumbnail and slide captions. This may be straightforward to add. Mobile appearance is very good. This text immediately preceeds Chiswick …

Morgan le Fay by Sandys

… and this text immediately follows Chiswick. Suspendisse iaculis sapien a rutrum molestie. Morbi non luctus nunc, vitae viverra est. Phasellus dapibus feugiat risus eu placerat. Vestibulum venenatis bibendum ipsum vitae sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nam fermentum tellus quis sollicitudin blandit. Vestibulum eget tortor at dui hendrerit dignissim ac at nibh. Phasellus vel laoreet augue, id interdum ex. In in ante sed elit suscipit vulputate. Phasellus ut egestas lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed condimentum eros, eget lobortis arcu. Morgan le Fay immediately follows this text…

Morgan le Fay by Sandys (caption)

… and this text immediately follows Morgan le Fay. Aenean ultrices aliquam magna, eu facilisis lacus egestas eu. Maecenas ultrices nulla in convallis hendrerit. Aliquam posuere urna et enim faucibus, ac condimentum ipsum egestas. Ut viverra dolor in felis hendrerit euismod. Etiam molestie magna at egestas vulputate. Vestibulum rhoncus tortor consequat elementum pulvinar. Nulla elementum quam eget diam sagittis, vel porta odio ullamcorper. Curabitur pulvinar quis turpis non dignissim. In in sapien aliquet lectus laoreet pellentesque in eu enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. The parakeets immediately follow this text…

Parakeets on bird feeder (caption)

… and this is immediately after the parakeets. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel massa tincidunt, aliquam elit id, venenatis tellus. Nunc molestie mauris et magna placerat tempus. Phasellus sodales dolor enim, vel eleifend ante facilisis semper. Integer vel dictum orci. Praesent cursus ligula vel nisi rutrum, sit amet mollis tortor euismod. Duis sollicitudin elit sit amet quam dictum congue.

For some reason Gemini’s <div class="clear-both"></div> is not working here. We have to go back to <div style="clear:both;"></div>. What about in the cloud?