rug-website/rugwebsite/templates/rugwebsite/base.html
2017-11-14 14:31:39 +01:00

89 lines
5.4 KiB
HTML
Executable File

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en" style="background: #fff;">
<head>
<meta charset="utf-8"/>
<title>{% block title %}University of Groningen{% endblock %}</title>
<link href='https://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" />
<link rel="stylesheet" href="{% static 'css/bootstrap-theme.css' %}" />
<link rel="stylesheet" href="{% static 'css/bootstrap-tagsinput.css' %}" />
<link rel="stylesheet" href="{% static 'css/rug-2017.css' %}" />
<link rel="stylesheet" href="{% static 'css/rug-herbert.css' %}" />
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="{% static 'js/bootstrap.js' %}"></script>
<script src="{% static 'js/bootstrap-tagsinput.min.js' %}"></script>
<script src="{% static 'js/typeahead.bundle.js' %}"></script>
<script src="{% static 'jquery/base.js' %}"></script>
</head>
<body style="background: #fff;">
<header data-toggle-group="mainmenu" data-toggle-class="rug-site-header--open" data-toggle-id="menu-show" class="rug-site-header js--togglable-item">
<div class="rug-wrapper rug-wrapper--big rug-wrapper--flush">
<div class="rug-site-header__bar">
<a class="rug-site-header__item" accesskey="1" href="http://www.rug.nl/"><img class="rug-site-logo" src="{% static 'images/logo--nl.png' %}" alt="Rijksuniversiteit Groningen"><span class="rug-hidden-visually">Rijksuniversiteit Groningen</span></a><span class="rug-site-header__item"><span class="rug-site-header__text rug-hidden-l">founded in 1614 &nbsp;-&nbsp; top 100 university</span></span>
<div class="rug-site-header__item rug-site-header__item--close">
<a href="#" data-toggle-group="mainmenu" data-toggle-class="rug-toggleable" data-toggle-id="menu-hide" class="rug-button rug-font-white rug-button--nav js--togglable-switch">Sluiten<span class="rug-icon rug-icon--l rug-icon--close rug-ml-xxs" aria-hidden="true"></span></a>
</div>
<nav class="rug-site-header__item">
<ul class="rug-nav--meta rug-list--inline">
<li class="rug-nav--meta__item rug-nav--meta__item--mobile">
<a href="#" data-toggle-group="mainmenu" data-toggle-class="rug-toggleable" data-toggle-id="menu-show" class="js-id--main_menu_toggle js--togglable-switch rug-font-black"><span class="rug-icon rug-icon--menu rug-mr-s" aria-hidden="true"></span><span class="rug-icon rug-icon--search" aria-hidden="true"></span><span class="rug-hidden-visually">Menu en zoeken</span></a>
</li>
<li class="rug-nav--meta__item">
<a href="http://www.rug.nl/society-business/centre-for-information-technology/research/organisation/" accesskey="5" class="rug-nav--meta__link js--main-menu-clone">Contact Research and Innovation Support</a>
</li>
{% if user.is_authenticated %}
<li class="rug-nav--meta__item rug-mr-xs">
<a href="#" class=""><span class="rug-icon rug-icon--user rug-mr-xs" aria-hidden="true"></span><span>Welcome {{ user.get_username }}</span><span class="rug-icon rug-icon--caret-down rug-ml-xs"></span></a>
<div class="rug-nav--meta__flyout">
<ul class="rug-list--unstyled">
<li>
<a href="{% url 'logout' %}?next={{ request.path }}" data-opener="logout" class="js--popup-opener"><span aria-hidden="true" class="rug-icon rug-icon--caret-right rug-mr-xs"></span>Log out</a>
</li>
</ul>
</div>
</li>
{% endif %}
</ul>
</nav>
</div>
</div>
{% if user.is_authenticated %}
<div class="rug-background-menu rug-shadow-box-inset">
<div class="rug-nav-left-white"></div>
<div class="rug-nav-center-1600">
<div class="rug-nav-caption">
RUG Website
</div>
{% block nav %}
{% if perms.management.add_project %}
<div class="rug-nav-item">
<a href="{% url 'management' %}">Management</a>
</div>
{% endif %}
<div class="rug-nav-item rug-nav-item-active">
<a href="{% url 'coding-dashboard' %}">Coding</a>
</div>
{% endblock %}
</div>
{% endif %}
</div>
</header>
<div style="height: 30px"></div>
<div id="main" style="margin-bottom: 200px; ">
{% block content %}
{% endblock content %}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</body>
</html>