57 lines
2.0 KiB
Django/Jinja
57 lines
2.0 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.all().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 }}">{{ project.url }}</a></h5>
|
||
{% endif %}
|
||
<div class="text-center computer">
|
||
<img class="image" src="{{ MEDIA_URL }}{{ project.image }}" />
|
||
</div>
|
||
<p class="description">{{ project.description|safe }}</p>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
{% endfor %}
|
||
<h2 id="notes">Notes</h2>
|
||
<div class="papers">
|
||
<p>Some notes goes here. Bacom ipsum and stuff</p>
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% block javascript %}
|
||
{{ super() }}
|
||
<script type="text/javascript" src="{{ STATIC_URL }}bower/jquery/dist/jquery.js"></script>
|
||
<script type="text/javascript">
|
||
$(function() {
|
||
$('[data-toggle-on-click]').click(function(event) {
|
||
$(this).children('[data-viewmore]').slideToggle(300);
|
||
})
|
||
})
|
||
</script>
|
||
{% endblock %}
|