bornhack-website/src/templates/base.html

125 lines
5.8 KiB
HTML
Raw Normal View History

{% load static from staticfiles %}
2016-02-20 04:18:12 +00:00
{% load bootstrap3 %}
2017-01-23 22:58:41 +00:00
{% load menubutton %}
2016-12-28 23:15:13 +00:00
{% static "" as baseurl %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
2016-07-05 16:46:32 +00:00
<title>{% block title %}BornHack{% endblock %}</title>
<!-- Bootstrap core CSS -->
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<!-- FontAwesome CSS -->
<link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{% static 'css/bornhack.css' %}" rel="stylesheet">
2016-02-21 01:04:51 +00:00
2017-01-25 00:49:13 +00:00
{% bootstrap_javascript jquery=1 %}
<!-- favicon.ico stuff -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
2017-03-31 16:41:17 +00:00
2016-02-21 01:04:51 +00:00
{% block extra_head %}
{% endblock %}
</head>
<body>
2017-04-14 13:43:19 +00:00
<div id="main" class="container container-fluid">
<nav class="navbar navbar-fixed-top">
2017-04-14 13:43:19 +00:00
<div class="container container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% if request.resolver_match.kwargs.camp_slug and camp %}
<a class="navbar-brand" href="{% url 'camp_detail' camp_slug=camp.slug %}">
2017-07-08 14:55:05 +00:00
<img src="{% static camp.logo_small %}" height="50" width="190px" alt="bornhack" class="img-responsive">
</a>
{% else %}
<a class="navbar-brand" href="/">
2017-04-19 21:46:48 +00:00
<img src="{% static 'img/logo-small.svg' %}" alt="bornhack" class="img-responsive">
</a>
2016-12-28 23:15:13 +00:00
{% endif %}
</div>
2017-01-23 22:58:41 +00:00
<div id="navbar" class="navbar-collapse collapse">
2016-05-06 15:08:52 +00:00
<ul class="nav navbar-nav">
<li><a href="{% url 'news:index' %}">News</a></li>
<li><a href="{% url 'shop:index' %}">Shop</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Camps<span class="caret"></span></a>
<ul class="dropdown-menu">
2017-11-05 14:29:23 +00:00
<li><a href="{% url 'camp_detail' camp_slug='bornhack-2018' %}">BornHack 2018</a></li>
2017-01-25 00:49:13 +00:00
<li><a href="{% url 'camp_detail' camp_slug='bornhack-2017' %}">BornHack 2017</a></li>
2017-02-19 20:31:16 +00:00
<li role="separator" class="divider"></li>
<li><a href="{% url 'camp_list' %}">Camp List</a></li>
</ul>
</li>
2017-01-23 22:58:41 +00:00
<li><a href="{% url 'contact' %}">Contact</a></li>
2017-08-13 13:42:42 +00:00
<li><a href="{% url 'people' %}">People</a></li>
2017-12-12 21:48:45 +00:00
{% if user.is_authenticated and user.is_staff %}
<li><a href="{% url 'backoffice:index' %}">Backoffice</a></li>
{% endif %}
</ul>
2016-12-28 23:15:13 +00:00
<ul class="nav navbar-nav navbar-right">
{% if user.is_authenticated %}
2016-12-28 23:15:13 +00:00
<li><a href="{% url 'profiles:detail' %}">Account</a></li>
{% else %}
<li><a href="{% url 'account_login' %}">Login</a></li>
{% endif %}
2016-12-28 23:15:13 +00:00
</ul>
</div>
</div>
</nav>
2016-12-28 23:15:13 +00:00
{% if camp %}
<div class="row">
<div class="btn-group btn-group-justified hidden-xs">
2017-01-23 22:58:41 +00:00
<a class="btn {% menubuttonclass 'camps' %}" href="{% url 'camp_detail' camp_slug=camp.slug %}">{{ camp.title }}</a>
2017-07-20 11:23:34 +00:00
<a class="btn {% menubuttonclass 'info' %}" href="{% url 'info' camp_slug=camp.slug %}">Info</a>
2017-02-17 18:10:57 +00:00
<a class="btn {% menubuttonclass 'program' %}" href="{% url 'schedule_index' camp_slug=camp.slug %}">Program</a>
2017-04-02 16:04:57 +00:00
<a class="btn {% menubuttonclass 'villages' %}" href="{% url 'village_list' camp_slug=camp.slug %}">Villages</a>
<a class="btn {% menubuttonclass 'sponsors' %}" href="{% url 'sponsors' camp_slug=camp.slug %}">Sponsors</a>
2017-11-23 22:09:14 +00:00
<a class="btn {% menubuttonclass 'teams' %}" href="{% url 'teams:list' camp_slug=camp.slug %}">Teams</a>
</div>
<div class="btn-group-vertical visible-xs">
<a class="btn {% menubuttonclass 'camps' %}" href="{% url 'camp_detail' camp_slug=camp.slug %}">{{ camp.title }}</a>
2017-07-20 11:23:34 +00:00
<a class="btn {% menubuttonclass 'info' %}" href="{% url 'info' camp_slug=camp.slug %}">Info</a>
2017-02-17 18:01:17 +00:00
<a class="btn {% menubuttonclass 'program' %}" href="{% url 'schedule_index' camp_slug=camp.slug %}">Program</a>
2017-04-02 16:04:57 +00:00
<a class="btn {% menubuttonclass 'villages' %}" href="{% url 'village_list' camp_slug=camp.slug %}">Villages</a>
2017-01-23 22:58:41 +00:00
<a class="btn {% menubuttonclass 'sponsors' %}" href="{% url 'sponsors' camp_slug=camp.slug %}">Sponsors</a>
2017-11-23 22:09:14 +00:00
<a class="btn {% menubuttonclass 'teams' %}" href="{% url 'teams:list' camp_slug=camp.slug %}">Teams</a>
2016-12-28 23:15:13 +00:00
</div>
2017-01-23 22:58:41 +00:00
<p>
</div>
2016-12-28 23:15:13 +00:00
{% endif %}
2016-02-20 04:18:12 +00:00
{% bootstrap_messages %}
{% block content %}{% endblock %}
</div>
2017-04-16 00:20:59 +00:00
<footer>
<div class="col-sm-12 col-md-12 col-lg-12">
{% block footer %}
<a href="{% url 'general-terms' %}">General Terms &amp; Conditions</a> |
<a href="{% url 'conduct' %}">Code of Conduct</a> |
<a href="{% url 'privacy-policy' %}">Privacy Policy</a> |
<a href="{% url 'contact' %}">Contact</a>
{% endblock %}
</div>
</footer>
</body>
</html>