ultrasaurus / www

wip
https://newblog.ultrasaurus.com/
0 stars 0 forks source link

image styles? #2

Open ultrasaurus opened 3 years ago

ultrasaurus commented 3 years ago

Markdown export lost image styling. Need to look into if there's any way to annotate markdown to indicate float left/right and make images smaller without just jamming in a bunch of HTML. I'd rather compromise on layout than make the blog harder to maintain / migrate to an inevitable future platform.

Examples:

  1. vertical image (should have text next to it)

current: image

original: image

  1. Huge images: https://newblog.ultrasaurus.com/2016/09/five-dysfunctions-team/ https://ultrasaurus.com/2016/09/five-dysfunctions-team/

current: image

original: image

ultrasaurus commented 3 years ago

sample image tag from original blog:

<img loading="lazy" src="/wp-content/uploads/2016/07/passiflora-july-2016.jpg" alt="passiflora-july-2016" width="303" height="640" class="alignright size-full wp-image-6011" srcset="/wp-content/uploads/2016/07/passiflora-july-2016.jpg 303w, /wp-content/uploads/2016/07/passiflora-july-2016-142x300.jpg 142w" sizes="(max-width: 303px) 100vw, 303px">

these files are available in uploads/2016/07/

passiflora-july-2016-142x300.jpg
passiflora-july-2016-150x150.jpg
passiflora-july-2016.jpg