home/templates/home/portfolio_page.html
{% extends "base.html" %}
{% load wagtailimages_tags %}
{% load wagtailcore_tags %}
{% load static %}
{% block body_class %}template-homepage{% endblock %}
{% block content %}
<div class="container">
<h1 class="my-4">
{{page.title}}{% if technology %}:{{technology}}{% endif %}
</h1>
{% if technology %}
<p>
{{ technology.summary | richtext }}
</p>
{% endif %}
{% for project in projects %}
{% if forloop.counter0|divisibleby:3 %}<div class="row">{% endif %}
<div class="col-lg-4">
<div class="card h-100 portfolio-item"
>
<a href="{% pageurl project %}">
{% if project.logo %}
{% image project.logo fill-100x100-c50 class="mx-auto d-block portfolio-logo" style="background:white;"%}
{% else %}
<img height="100" width="100" src="{% static 'img/default_project.png' %}" class="mx-auto d-block technology-logo">
{% endif %}
</a>
<div class="card-body">
<h4 class="card-title">
{{ project.title }}
</h4>
<p class="card-text">
{{ project.summary }}
</p>
</div>
<div class="card-footer text-right">
{{ project.start_date | date:"M Y" }}
</div>
</div>
</div>
{% if forloop.counter|divisibleby:3 %}</div>{% endif %}
{% endfor %}
</div>
{% endblock %}