templates/base.html
{% load static %}
{% load bootstrap4 %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>QuantMark</title>
<meta name="Description" content="Web platform for benchmarking quantum computing algorithms.">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% bootstrap_css %}
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}" media="screen"/>
</head>
<body>
<div class="text-center justify-content bg-light">
<a class="sr-only sr-only-focusable text-muted" href="#content">Skip navigation</a>
</div>
<nav class="navbar navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="{% url 'home' %}">Quantmark</a>
{% if user.is_authenticated %}
<div class="nav navbar-nav mr-auto">
<a class="nav-item nav-link text-dark" href="{% url 'myAlgorithms' %}">My algorithms</a>
<a class="nav-item nav-link text-dark" href="{% url 'newAlgorithm' %}">Add an algorithm</a>
<a class="nav-item nav-link text-dark" href="{% url 'newMolecule' %}">Add a molecule</a>
<a class="nav-item nav-link text-dark" href="{% url 'newAlgorithmType' %}">Add a new algorithm type</a>
</div>
<div class="nav navbar-nav navbar-right">
<span class="navbar-text text-dark">logged in - {{ request.user.username }}</span>
<a class="nav-item nav-link text-dark" href="{% url 'logout' %}">Log out</a>
</div>
{% else %}
<div class="nav navbar-nav navbar-right ml-auto">
<a class="nav-item nav-link text-dark" href="{% url 'signup' %}">Sign up</a>
<a class="nav-item nav-link text-dark" href="{% url 'login' %}">Login</a>
</div>
{% endif %}
</nav>
<div id="content" class="d-flex flex-column align-items-center">
{% block content %}
{% endblock %}
</div>
</body>
</html>