diff --git a/program2021/templates/program2021/program2021_home_page.html b/program2021/templates/program2021/program2021_home_page.html index c6aeba8c2730cda6439aa1158f8efd13145c2bd2..f6180e356af5d8a102d5284bb7690f243676bbc9 100644 --- a/program2021/templates/program2021/program2021_home_page.html +++ b/program2021/templates/program2021/program2021_home_page.html @@ -1,5 +1,5 @@ {% extends "program2021/base.html" %} -{% load wagtailcore_tags %} +{% load static wagtailimages_tags wagtailcore_tags %} {% block content %} <section class="jumbotron text-center"> @@ -161,6 +161,11 @@ <div class="card mb-4 shadow-sm"> <a href="{% pageurl point %}"> <div class="card-body"> + <div class="mb-3"> + {% if point.images.0.block_type == 'image' %} + {% image point.images.0.value max-400x200 class="w-100" %} + {% endif %} + </div> <h5 class="card-title">{{ point.public_title }}</h5> <p class="card-text">{{ point.annotation }}</p> <p class="card-text"> diff --git a/program2021/templates/program2021/program2021_point_page.html b/program2021/templates/program2021/program2021_point_page.html index 22219248c67039a5c5ff60f2a125da2437df2fe9..e73b31b791ca68d56592a74c70407dc4904b9ffa 100644 --- a/program2021/templates/program2021/program2021_point_page.html +++ b/program2021/templates/program2021/program2021_point_page.html @@ -1,13 +1,24 @@ {% extends "program2021/base.html" %} -{% load wagtailcore_tags %} +{% load wagtailimages_tags wagtailcore_tags %} {% block content %} <div class="container"> <div class="row"> <div class="jumbotron mb-5"> - <h1 class="display-4">{{ page.public_title }}</h1> - <p class="lead">{{ page.annotation }}</p> + + <div class="row"> + <div class="col-12 col-lg-4"> + {% if page.images.0.block_type == 'image' %} + {% image page.images.0.value max-300x200 class="" %} + {% endif %} + </div> + <div class="col-12 col-lg-8 px-lg-5"> + <h1 class="display-4">{{ page.public_title }}</h1> + <p class="lead">{{ page.annotation }}</p> + </div> + </div> + <p class="mt-4 mb-0 text-right"> {% for tag in page.tags.all %} <span class="badge badge-light"># {{ tag }}</span>