Geoffrey-Django/templates/GeoffreyApp/base.html

59 lines
2.3 KiB
HTML

<!DOCTYPE html>
{% load static %}
{% load navbar %}
<html lang="en">
<head>
<link rel="shortcut icon" type="image/png" href="{% static 'GeoffreyApp/img/icon.png' %}"/>
<meta charset="UTF-8">
{% block title %}<title>GeoffreyApp</title>{% endblock %}
{% load static %}
<link rel="stylesheet" href="{% static 'GeoffreyApp/css/bootstrap.css' %}">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!-- Datatables -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript"
src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a href="#" class="navbar-left"><img src="{% static 'GeoffreyApp/img/icon.png' %}" height="30px" alt="sed"></a>
<a class="navbar-brand" href="#">Geoffrey</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
{% autoescape off %}{% get_navbar current_page|safe %}{% endautoescape %}
</ul>
<form class="form-inline my-2 my-lg-0" id="searchform" action="{% url 'GeoffreySearch' %}">
<input class="form-control mr-sm-2" name="search" type="text" placeholder="Find a Location...">
<button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
{% block search %}{% endblock %}
</form>
</div>
</nav>
<div class="container">
<h1>{% block header %}{% endblock %}</h1>
{% block content %}{% endblock %}
</div>
</body>
</html>