---
title:
  type: 'string'
created_at:
  type: 'string'
image:
  type: 'hash'
content:
  type: 'string'
---


{% assign words = content | strip_html | number_of_words %}
<div class="d-flex flex-column align-items-start justify-content-center w-100">
  <h2 class="text-primary">{{- title -}}</h2>
  <p class="fst-italic">{{ created_at | date: "%B %d, %Y" }}</p>
  <small class="fst-italic">
    {{ words | divided_by: 180.0 | round | at_least: 1 }} min read
  </small>  
  {% render 'sutty/picture.html', 
    image:,
    img_class: 'w-100 rounded-3'
  %}
</div>