Advice for adding figures to project pages?

[bbockelm]

I'd like to spruce up the presentation of a few project pages. One area where I could use particular help is best practice for embedding figures. Example:

https://iris-hep.org/projects/tpc.html

These are currently somewhat-ugly blobs.

What's the best way to tackle these?

[henryiii]

This is not styled very well currently for non-news pages, but this would be the way to do it (what you have now is currently nicer):

{% include figure.html
   file="/assets/images/tpc-over-http.png"
   alt="TPC rates from testing"
   class="center"
   img-style="width:100%;"
   caption="<h5>How fast is HTTP?</h5>The above graph shows data movement rates (up to 24Gbps) for a single host, achieved during
   standalone tests; a typical LHC site will load-balance across multiple hosts in order to saturate
   available network links.  With a sufficiently performant HTTP server, we have
   observed the protocol can go as quickly as the underlying network infrastructure."
%}

[henryiii]

This is now supported with #896