nick/photojawn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

some styling

Browse source
This commit is contained in:
Nick Pegg 2024-08-03 18:55:44 -07:00
parent 321cbee134
commit 085c1dee88
4 changed files with 39 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
photoalbum/generate.py
View file

@ -156,10 +156,15 @@ def generate_html(config: Config, root_dir: ImageDirectory) -> None:
for album_dir in root_dir.walk():
html_path = album_dir.path / "index.html"
static_path = root_dir.path.relative_to(
html_path.parent, walk_up=True
) / "static"
logger.debug(f"Rendering {html_path}")
with html_path.open("w") as f:
f.write(
album_tmpl.render(
static_dir=static_path,
album_dir=album_dir,
)
)
@ -168,11 +173,16 @@ def generate_html(config: Config, root_dir: ImageDirectory) -> None:
# TODO: If a file with a matching name but .txt or .md, add that as the
# description for the image
html_path = image_path.html_path()
static_path = root_dir.path.relative_to(
html_path.parent, walk_up=True
) / "static"
html_path.parent.mkdir(exist_ok=True)
logger.debug(f"Rendering {html_path}")
with html_path.open("w") as f:
f.write(
photo_tmpl.render(
static_dir=static_path,
image_path=image_path,
)
)

10
photoalbum/skel/_templates/album.html
View file

@ -1,9 +1,15 @@
{% extends "base.html" %}
{% block content %}
{% if not album_dir.is_root %}
<p>
<a href="..">up</a>
</p>
{% endif %}
{% if album_dir.children %}
<h1>Albums</h1>
<div id="albums">
<div id="album-children">
{% for child in album_dir.children %}
<div class="album">
<a href="{{child.path.name}}/">
@ -16,7 +22,7 @@
{% if album_dir.images %}
<h1>Photos</h1>
<div id="photos">
<div id="album-photos">
{% for image in album_dir.images %}
<div class="thumbnail">
<a href="slides/{{image.html_filename()}}">

2
photoalbum/skel/_templates/base.html
View file

@ -7,7 +7,9 @@
<title>My Photos</title>
</head>
<body>
<div id="content">
{% block content %}
{% endblock %}
</div>
</body>
</html>

19
photoalbum/skel/static/index.css
View file

@ -0,0 +1,19 @@
body {
}
#content {
width: 1500px;
text-align: center;
}
#album-photos {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.thumbnail {
margin: 1em;
display: flex;
align-items: center;
}