1
Fork 0

Add images to pages

This commit is contained in:
Jake Howard 2018-07-27 20:43:28 +01:00
parent c94bfe50d1
commit 438c7b5ae1
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 30 additions and 20 deletions

View file

@ -31,6 +31,7 @@ services:
- ./project/:/app/project/
- ./static/:/app/static/
- ./templates/:/app/templates/
- ./docker-data/media:/app/media
depends_on:
- db

View file

@ -1,6 +1,10 @@
{% load wagtailcore_tags %}
{% load wagtailcore_tags wagtailimages_tags %}
<div class="mb-3 image header-image" data-image=''></div>
{% if page.image %}
{% image page.image width-1000 as photo %}
<div class="mb-3 image header-image" data-image='{{ photo.url }}'></div>
{% endif %}
<h1 class="display-5">{{ page.title }}</h1>
<h5 class="my-3">Subtitle</h5>
<p>{% include "common/content_details.html" with page=page %}</p>

View file

@ -1,30 +1,35 @@
{% extends "base.html" %}
{% load static %}
{% load static wagtailimages_tags %}
{% block content %}
<div id="main">
<div class="container">
{% include "common/content.html" %}
{% include "common/content.html" %}
<hr />
{% if page.body %}
<hr />
{% endif %}
{% for child in page.get_children.specific %}
<div class="media list-page-item mb-3">
<div class="d-none d-md-block align-self-center img-wrapper mr-3">
<a href="{{ child.url }}">
<div class="image" data-image=''></div>
</a>
{% for child in page.get_children.specific %}
<div class="media list-page-item mb-3">
<div class="d-none d-md-block align-self-center img-wrapper mr-3">
{% if child.image %}
<a href="{{ child.url }}">
{% image child.image width-300 as photo %}
<div class="image" data-image='{{ photo.url }}'></div>
</a>
{% endif %}
</div>
<div class="media-body">
<a href="{{ child.url }}">
<h5 class="my-0">{{ child.title }}</h5>
</a>
<small>{% include "common/content_details.html" with page=child %}</small>
<p>{{ child.get_short_body }}</p>
</div>
</div>
<div class="media-body">
<a href="{{ child.url }}">
<h5 class="my-0">{{ child.title }}</h5>
</a>
<small>{% include "common/content_details.html" with page=child %}</small>
<p>{{ child.get_short_body }}</p>
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
{% endblock %}