bornhack-website/info/templates/info.html

71 lines
1.9 KiB
HTML
Raw Normal View History

{% extends 'base.html' %}
{% load static from staticfiles %}
{% block title %}
Info | {{ block.super }}
{% endblock %}
{% block extra_head %}
<link rel="stylesheet" href="{% static 'css/leaflet.css' %}" />
{% endblock %}
{% block content %}
<style>
.anchor{
display: block;
height: 80px; /*same height as header*/
margin-top: -80px; /*same height as header*/
visibility: hidden;
}
.sub-anchor{
display: block;
height: 94px; /*same height as header*/
margin-top: -94px; /*same height as header*/
visibility: hidden;
}
</style>
2016-12-28 23:15:13 +00:00
{% if categories %}
<div class="row">
<div class="col-md-12">
<h3>Table of Contents</h3>
<p class="list-group">
{% for category in categories %}
<a href="#{{ category.anchor }}" class="list-group-item">{{ category.headline }}</a>
{% endfor %}
</p>
2016-12-28 23:15:13 +00:00
</div>
</div>
2016-12-28 23:15:13 +00:00
{% for category in categories %}
<span class="anchor" id="{{ category.anchor }}"></span>
<div class="row">
<div class="col-md-12">
<h2>{{ category.title }}</h2>
<div class="panel-group">
{% for item in category.infoitems.all %}
<div class="panel panel-default">
<div class="panel-heading">
<span class="sub-anchor" id="{{ item.anchor }}"></span>
<h4 class="panel-title">{{ item.headline }}
<a href="#{{ item.anchor }}">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>{{ item.body }}</p>
</div>
</div>
2016-12-28 23:15:13 +00:00
{% endfor %}
</div>
</div>
</div>
2016-12-28 23:15:13 +00:00
{% endfor %}
{% else %}
<h3>No info found for {{ camp.title }}</h3>
{% endif %}
{% endblock %}
2016-12-28 23:15:13 +00:00