diff --git a/templates/blog/author_media.html b/templates/blog/author_media.html index 6bda26bd716c7239207596023a3b716bb78d1305..419287a9fd391792d8a35ffea2b417c291f93db7 100644 --- a/templates/blog/author_media.html +++ b/templates/blog/author_media.html @@ -1,8 +1,8 @@ +<div class="columns"> + <div class="column"> {% set authors_data = load_data(path="authors.json") -%} {% for author in post.authors -%} -<div class="media"> - <div class="media-left"> - <figure class="image is-48x48"> + <figure class="image is-48x48 is-inline-block" style="margin-right: -30px;"> {% set meta = get_image_metadata(path="authors/" ~ author ~ ".jpg", allow_missing=true) -%} {% if meta -%} {% set image = resize_image(path="authors/" ~ author ~ ".jpg", width=48, height=48) -%} @@ -14,11 +14,13 @@ </span> {% endif -%} </figure> +{% endfor %} </div> - <div class="media-content"> - <p class="title is-4"> + <ul class="column is-three-fifths"> +{% for author in post.authors -%} + <li class="title is-5 is-inline mr-3"> {{ authors_data[author].display_name }} - </p> - </div> -</div> + </li> {% endfor %} + </ul> +</div> diff --git a/templates/blog/card.html b/templates/blog/card.html index 0ab54712cf4a349bca47330a58941cdffdb67dc0..f8bfc49a60d81b713191291a7d31950ca88f7d55 100644 --- a/templates/blog/card.html +++ b/templates/blog/card.html @@ -18,7 +18,7 @@ </div> <div class="card-footer"> <div class="card-footer-item"> - <div class=""> + <div class="is-fullwidth"> {% include "blog/author_media.html" -%} </div> </div>