{% extends "base.html" %} {% from "macros.html" import display_date_no_year, display_date, conference_row, accommodation_row, flight_row, train_row with context %} {% set row = { "flight": flight_row, "train": train_row } %} {% block style %} {% set conference_column_count = 6 %} {% set accommodation_column_count = 7 %} {% set travel_column_count = 7 %} <style> .conferences { display: grid; grid-template-columns: repeat({{ conference_column_count }}, auto); /* 7 columns for each piece of information */ gap: 10px; justify-content: start; } .accommodation { display: grid; grid-template-columns: repeat({{ accommodation_column_count }}, auto); gap: 10px; justify-content: start; } .travel { display: grid; grid-template-columns: repeat({{ travel_column_count }}, auto); gap: 10px; justify-content: start; } .grid-item { /* Additional styling for grid items can go here */ } </style> {% endblock %} {% set end = trip.end %} {% block content %} <div class="p-2"> <h1>{{ trip.title }}<small class="text-muted">({{ display_date(trip.start) }})</small></h1> <div>Countries: {{ trip.countries_str }}</div> {% if end %} <div>Dates: {{ display_date_no_year(trip.start) }} to {{ display_date_no_year(end) }}</div> {% else %} <div>Start: {{ display_date_no_year(trip.start) }} (end date missing)</div> {% endif %} <div class="conferences"> {% for conf in trip.conferences %} {{ conference_row(conf, "going") }} {% endfor %} </div> <div class="accommodation"> {% for conf in trip.accommodation %} {{ accommodation_row(conf, "going") }} {% endfor %} </div> <div class="travel"> {% for item in trip.travel %} {{ row[item.type](item) }} {% endfor %} </div> {# <pre>{{ trip | pprint }}</pre> #} </div> {% endblock %}