diff --git a/content/blog/2024/03/2024-03-13_glt-2024/index.md b/content/blog/2024/03/2024-03-13_glt-2024/index.md index cf6c8cd75a0d78172f13a730e919f53040870fde..7003fbf14eee3056038ef47ce0ff229926ffe002 100644 --- a/content/blog/2024/03/2024-03-13_glt-2024/index.md +++ b/content/blog/2024/03/2024-03-13_glt-2024/index.md @@ -1,6 +1,6 @@ +++ title = "Einladung zu den Grazer Linux-Tagen 2024" -authors = ["Nik"] +authors = ["nik"] [taxonomies] categories = ["AAA"] diff --git a/static/authors/nik.jpg b/static/authors/nik.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3fab2e037ccde8587693cf7acbaa63a93cc272ef Binary files /dev/null and b/static/authors/nik.jpg differ diff --git a/templates/blog/post.html b/templates/blog/post.html index 4ec3456c90e9c7139bca103c5810d481de448173..262fdab1445326a8c9d85681e0862c44992d865e 100644 --- a/templates/blog/post.html +++ b/templates/blog/post.html @@ -1,8 +1,39 @@ {% extends "page.html" %} {% block content %} - <div class="content"> - <img src="{{ page.extra.depiction.image | safe }}" alt="{{ page.extra.depiction.alt }}" /> - {{ page.content }} + <div class="columns"> + <div class="column is-three-quarters"> + <div class="content"> + {{ page.content | safe }} + </div> + </div> + <div class="column is-one-quarter"> + <div class="card"> + <div class="card-image"> + <figure class="image is-4by3"> + {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ page.extra.depiction.image, width=800, height=600) -%} + <img src="{{ image.url }}" alt="{{ page.extra.depiction.alt }}" /> + {% if page.extra.depiction.credits %} + <figcaption>{{ page.extra.depiction.credits }}</figcaption> + {% endif %} + </figure> + </div> + <div class="card-content"> + <div class="media"> + <div class="media-left"> + <figure class="image is-48x48"> + {% set image = resize_image(path="authors/" ~ page.authors.0 ~ ".jpg", width=48, height=48) -%} + <img class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ page.authors.0 }}" /> + </figure> + </div> + <div class="media-content"> + <p class="title is-4">{{ page.authors.0 }}</p> + <p class="subtitle is-6">{{ page.authors.0 }}</p> + </div> + </div> + </div> + </div> + + </div> </div> {% endblock %}