fix: use webp instead of svg

Otherwise share previews don't work

Author: dcroote

_posts/2024-08-22-accelerate-website.md

@@ -1,13 +1,12 @@
 ---
 layout: post
 title: Transition to Clinical Stage
-image: images/clinical-transition/accelerate-study-logo.svg
+image: images/clinical-transition/accelerate-study-logo.webp
 image-alt: ACCELERATE Peanut Study logo
 description: It feels somewhat silly that launching the ACCELERATE Peanut Study website imparts such a strong feeling of progress, but it does. It marks a transition. Preclinical to clinical, and I couldn't be more proud of the team.
-img-style: "style='max-width: 40%'"
 comments: false
 ---
 
-<img src="/images/clinical-transition/accelerate-study-logo.svg" alt="ACCELERATE Peanut Study logo" class="centered_img" style="max-width: 40%" />
+<img src="/images/clinical-transition/accelerate-study-logo.webp" alt="ACCELERATE Peanut Study logo" class="centered_img" style="max-width: 40%" />
 
 It feels somewhat silly that launching a website imparts such a strong feeling of progress, but it does. For years, scientists and investors have been the audience for updates. A website changes that. As an interface to the public, it's a transition. Preclinical to clinical. It's of course still the beginning. But it's a new beginning. And I couldn't be more proud of the team: <a href="https://iggenix.com.au/?utm_source=dc_blog">ACCELERATE Peanut Study</a>.

images/clinical-transition/accelerate-study-logo.svg

@@ -17,11 +17,7 @@ <h1>
         {% if post.description %} {{ post.description }} {% else %} {{ post.excerpt }} {% endif %} {% if post.image %}
         <div class="post-img">
           <a href="{{ post.url | prepend: site.baseurl }}">
-            <img
-              src="{{post.image}}"
-              alt="{{ post.image-alt | default: 'Article image representation' }}"
-              {% if post.img-style %}{{post.img-style}} {% endif %}
-            />
+            <img src="{{post.image}}" alt="{{ post.image-alt | default: 'Article image representation' }}" />
           </a>
         </div>
         {% endif %}