eviltnan/freeturn

{% load wagtailimages_tags %}
{% load wagtailcore_tags %}
{% load static %}
<div style="page-break-after: always;">
    <table width="100%">
        <tbody>
        <tr>
            <td valign="top">
                <h2>Portfolio project: {{page.title}}</h2>
                {% if page.duration %}
                    <h4 class="my-3">{{ page.start_date | date:"M Y" }}, {{ page.duration }}
                        month{{page.duration|pluralize}}</h4>
                {% else %}
                    <h4 class="my-3">Since {{ page.start_date | date:"M Y" }}</h4>
                {% endif %}
                <h3>Summary</h3>
                {{ page.summary }}
                <h3>Position</h3>
                <p>
                    {{ page.position }}
                </p>

                <h3>Responsibilities</h3>
                <ul>
                    {% for responsibility in page.responsibilities.all %}
                    <li>{{responsibility}}</li>
                    {% endfor %}
                </ul>

                {% if page.project_url %}
                <h3>Link</h3>
                <p><a href="{{ page.project_url }}">{{ page.project_url }}</a></p>
                {% endif %}
            </td>
            <td width="30%" align="right" valign="top" style="padding-left: 10px;">
                {% if page.logo %}
                    {% image page.logo fill-128x128-c80 class="img-fluid"%}
                {% else %}
                    <img height="128" width="128" src="{% static 'img/default_project.png' %}" class="img-fluid portfolio-logo">
                {% endif %}
                <h3>Technologies</h3>
                {% for technology in page.technologies.all %}
                {% if technology in relevant_skills %}
                <span class="label label-default">{{ technology }}</span>
                {% else %}
                {{ technology }}
                {% endif %}
                {% endfor %}
            </td>
        </tr>
        </tbody>
    </table>
    <h2>Project description</h2>
    <div style="font-size: 18px;">
        {{ page.description | richtext}}
    </div>
</div>