You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
1.8 KiB
75 lines
1.8 KiB
{% load static %} |
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<link rel="stylesheet" href="{% static "bam/pure.css/pure-min.css" %}"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<style> |
|
body { |
|
padding: 0px; |
|
text-align: center; |
|
background-image: url({% static "bam/background.svg" %}); |
|
} |
|
|
|
#content { |
|
margin-top: 2em; |
|
} |
|
|
|
#header { |
|
background-image: url({% static "bam/header.svg" %}); |
|
padding: 1rem; |
|
box-shadow: 2px 2px 2px gray; |
|
} |
|
|
|
#header h1 { |
|
color: #ffffff; |
|
font-weight: bold; |
|
font-size: 3rem; |
|
text-shadow: 0px 0px 20px black; |
|
font-family: "Lucida Console", Monaco, monospace; |
|
} |
|
|
|
#menu { |
|
background-color: black; |
|
box-shadow: 2px 2px 2px gray; |
|
min-height: 2em; |
|
} |
|
|
|
#menu a { |
|
color: white; |
|
font-weight: 600; |
|
} |
|
|
|
#menu a:hover { |
|
color: black; |
|
} |
|
|
|
h1 { |
|
font-weight: lighter; |
|
text-shadow: 0px 0px 1px white; |
|
} |
|
</style> |
|
{% block content-extra-head %} |
|
{% endblock %} |
|
</head> |
|
<body> |
|
<div id="header"> |
|
<h1>Blinkenbunt Account Manager</h1> |
|
</div> |
|
|
|
<div id="menu" class="pure-menu pure-menu-horizontal"> |
|
{% if user.is_authenticated %} |
|
<ul class="pure-menu-list"> |
|
<li class="pure-menu-item"><a href="{% url "profile" %}" class="pure-menu-link">Profile</a></li> |
|
<li class="pure-menu-item"><a href="{% url "password_change" %}" class="pure-menu-link">Password Change</a></li> |
|
<li class="pure-menu-item"><a href="{% url "logout" %}" class="pure-menu-link">Logout</a></li> |
|
</ul> |
|
{% endif %} |
|
</div> |
|
|
|
<div id="content"> |
|
{% block content %} |
|
{% endblock %} |
|
</div> |
|
</body> |
|
</html>
|
|
|