68 lines
2.8 KiB
Django/Jinja
68 lines
2.8 KiB
Django/Jinja
{% extends "projects/layout.jinja" %}
|
||
|
||
{% block menu %}
|
||
{{ super() }}
|
||
{% for grp in groups %}
|
||
<a class="button" href="#{{ grp.slug }}"><i class="fa fa-arrow-right"></i> {{ grp.name }}</a><br />
|
||
{% endfor %}
|
||
<a class="button" href="#notes"><i class="fa fa-arrow-right"></i> Notes</a><br />
|
||
{% endblock %}
|
||
|
||
{% block content %}
|
||
{% for grp in groups %}
|
||
<h2 id="{{ grp.slug }}">{{ grp.name }}</h2>
|
||
{% for project in grp.projects.filter(visible=True).order_by('-date') %}
|
||
<div class="project-papers" data-toggle-on-click>
|
||
<h4 class="date"><i class="fa fa-calendar"></i> {{ project.date|date('F Y') }}</h4>
|
||
<h3 class="title">{{ project.title }}</h3>
|
||
<div class="clearfix"></div>
|
||
<div class="hidden" data-viewmore>
|
||
{% if project.company %}
|
||
<h5 class="company"><i class="fa fa-building-o"></i> {{ project.company }}</h5>
|
||
{% endif %}
|
||
{% if project.role %}
|
||
<h5 class="role"><i class="fa fa-user"></i> {{ project.role }}</h5>
|
||
{% endif %}
|
||
{% if project.stack %}
|
||
<h5 class="stack"><i class="fa fa-cogs"></i> {{ project.stack }}</h5>
|
||
{% endif %}
|
||
{% if project.url %}
|
||
<h5 class="url"><i class="fa fa-link"></i> <a href="{{ project.url }}" target="_blank">{{ project.url }}</a></h5>
|
||
{% endif %}
|
||
<div class="text-center images">
|
||
{% for image in project.images.all() %}
|
||
<a href="{{ MEDIA_URL }}{{ image.image }}" data-lightbox="{{ project.slug }}"><img src="{{ image.image|thumbnail_url('project_thumb') }}" /></a>
|
||
{% endfor %}
|
||
</div>
|
||
<p class="description">{{ project.description|safe }}</p>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
{% endfor %}
|
||
<h2 id="notes">Notes</h2>
|
||
<div class="papers">
|
||
<p>You can find more software or experiments I made into my <a href="https://github.com/fmartingr" target="_blank">github account</a>.</p>
|
||
<p>This is most of the work/personal projects I have been involved in, the list may not be complete as I may have forgot to put
|
||
some of them, didn't have enough information or the owner of the final product didn't allow me to announce my role in it.</p>
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% block stylesheets %}
|
||
{{ super() }}
|
||
<link href="{{ STATIC_URL }}bower/lightbox2/css/lightbox.css" rel="stylesheet" />
|
||
{% endblock %}
|
||
|
||
{% block javascript %}
|
||
{{ super() }}
|
||
<script type="text/javascript" src="{{ STATIC_URL }}bower/jquery/dist/jquery.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}bower/lightbox2/js/lightbox.js"></script>
|
||
<script type="text/javascript">
|
||
$(function() {
|
||
$('[data-toggle-on-click]').click(function(event) {
|
||
if (!$(event.target).is('img') && !$(event.target).is('a'))
|
||
$(this).children('[data-viewmore]').slideToggle(300);
|
||
})
|
||
})
|
||
</script>
|
||
{% endblock %}
|