templates/poems.html

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

<a href="{{ url_for('poem') }}" class="btn btn-lg btn-primary">Create New Poem</a>

<h1>My Poems</h1>

{% for poem in poems %}
  <h2>{{ poem.id }}</h2>
  <p>{{ poem.body.replace('\n', '<br>') | safe }}</p>
  <small>created at {{ poem.created_at }}</small>
{% endfor %}