--- layout: default --- <div class="p-5 mb-3 bg-white"{% if page.cover %} style="background-image: {{ page.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ page.cover }}); background-size: cover; background-position: center;"{% endif %}> <div class="container"> <div class="post-cover"> <div class="inner d-flex flex-column align-self-end" style="min-height: 300px;"> <div class="mt-auto"> <h1 class="post-title display-4">{{ page.title }}</h1> </div> <div class="mt-3"> <p class="post-info">Jonah Aragon | {{ page.date | date: "%b %-d, %Y" }}</p> </div> </div> </div> </div> </div> <div class="container my-5"> <div class="w-75 mx-auto"> {{ content }} </div> {% if page.canonical or page.cover_src_publisher %}<hr class="m-5" /> {% if page.cover_src_publisher %}<p><em>Cover photo: <a href="{{ page.cover_src }}">{{ page.cover_src_publisher }}</a>. Used with permission.</em></p>{% endif %} {% if page.canonical %}<p><em>This post was originally published on <a href="{{ page.canonical }}">{% if page.canonical_publisher %}{{ page.canonical_publisher }}{% else %}{{ page.canonical }}{% endif %}</a> and has been syndicated here with the permission of the author or publication.</em>{% endif %}</p>{% endif %} {% include footer.html %} </div>