guild-journal/templates/base.html

80 lines
1.8 KiB
HTML

{% load static %}
<!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.0">
<link rel="stylesheet" href="{% static 'milligram.css' %}">
<title>Guild Journal</title>
<style>
body {
margin: 0;
}
.navigation {
background-color: #cdf4d3;
padding: 1rem;
margin-bottom: 2rem;
}
.navigation-title {
font-size: 1.5rem;
font-weight: bold;
color: #333;
text-decoration: none;
}
.navigation-list {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
.navigation-item {
display: inline-block;
margin-left: 1rem;
}
h1 {
font-size: 3.6rem;
font-weight: 500;
}
.section-line {
background-color: #cdf4d3;
background-clip: content-box;
margin-bottom: 2rem;
}
.section-item {
margin-bottom: 0 !important;
}
</style>
</head>
<body>
<nav class="navigation">
<section class="container">
<a class="navigation-title" href="/">Guild Journal</a>
<ul class="navigation-list">
<li class="navigation-item">
<a href="{% url 'guild:adventure_list' %}">Adventures</a>
</li>
<li class="navigation-item">
<a href="{% url 'guild:character_list' %}">Characters</a>
</li>
</ul>
</section>
</nav>
<main class="container">
{% block content %}
{% endblock %}
</main>
</body>
</html>