add a page header

This commit is contained in:
Nick Pegg 2024-08-04 09:34:16 -07:00
parent 35d5884591
commit 2875805444
4 changed files with 27 additions and 9 deletions

View file

@ -10,7 +10,6 @@
{% endif %}
{% if album_dir.children %}
<h1>Albums</h1>
<ul id="album-children">
{% for child in album_dir.children %}
<li class="album">
@ -23,7 +22,6 @@
{% endif %}
{% if album_dir.images %}
<h1>Photos</h1>
<div id="album-photos">
{% for image in album_dir.images %}
<div class="thumbnail">

View file

@ -4,9 +4,14 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Photos</title>
<link rel="stylesheet" href="{{ static_dir }}/index.css" type="text/css">
<link rel="stylesheet" href="{{ root_path }}/static/index.css" type="text/css">
</head>
<body>
<div id="header">
<a href="{{ root_path }}">
<h1>My Photos</h1>
</a>
</div>
<div id="content">
{% block content %}
{% endblock %}

View file

@ -1,4 +1,19 @@
body {
margin: 0;
}
#header {
background-color: #eee;
}
#header * {
margin-top: 0;
text-decoration: inherit;
color: inherit;
}
#header h1 {
padding: 0.5em;
}
#content {