feat: add logo to website post

Author: dcroote

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

@@ -1,7 +1,13 @@
 ---
 layout: post
-title: Transition
+title: Transition to Clinical Stage
+image: images/clinical-transition/accelerate-study-logo.svg
+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%" />
+
 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>.

_sass/_layout.scss

@@ -146,6 +146,13 @@ li {
     margin-bottom: 1.5em;
 }
 
+.post-img img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 80%;
+}
+
 .hrline {
     opacity: 1;
     color: #eee;

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

@@ -17,7 +17,11 @@ <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' }}" />
+            <img
+              src="{{post.image}}"
+              alt="{{ post.image-alt | default: 'Article image representation' }}"
+              {% if post.img-style %}{{post.img-style}} {% endif %}
+            />
           </a>
         </div>
         {% endif %}