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

visual tweaks

Browse source
This commit is contained in:
Nick Pegg 2024-08-05 21:18:53 -07:00
parent 6cd2e52408
commit cd47a82ecf
3 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
photojawn/skel/_templates/album.html
View file

@ -9,13 +9,17 @@
{% endfor %} {% endfor %}
/ {{album_dir.path.name}} / {{album_dir.path.name}}
</h1> </h1>
<hr>
{% endif %} {% endif %}
{% if album_dir.description %} {% if album_dir.description %}
<div class="caption">
{{ album_dir.description | safe }} {{ album_dir.description | safe }}
</div>
{% endif %} {% endif %}
{% if album_dir.children %} {% if album_dir.children %}
<h2>Albums</h2>
<div id="album-children"> <div id="album-children">
{% for child in album_dir.children %} {% for child in album_dir.children %}
<div class="album"> <div class="album">

2
photojawn/skel/_templates/photo.html
View file

@ -42,7 +42,7 @@
</div> </div>
</div> </div>
<div id="photo-description"> <div id="photo-description" class="caption">
{% if image_path.description %} {% if image_path.description %}
{{ image_path.description | safe }} {{ image_path.description | safe }}
{% endif %} {% endif %}

16
photojawn/skel/static/index.css
View file

@ -22,15 +22,14 @@ a {
#content { #content {
text-align: center; text-align: center;
max-width: 1200px;
margin: 0.5em; margin: 0.5em;
margin-left: auto;
margin-right: auto;
} }
#content > * { #content > * {
width: fit-content;
max-width: 1500px;
margin-top: 1em; margin-top: 1em;
margin-left: auto;
margin-right: auto;
} }
ul { ul {
@ -47,6 +46,9 @@ ul {
margin: 1em; margin: 1em;
padding: 0.75em; padding: 0.75em;
background-color: lightgrey; background-color: lightgrey;
height: min-content;
border: thin solid black;
box-shadow: 0.25em 0.25em #ccc;
} }
#album-photos { #album-photos {
@ -81,6 +83,12 @@ ul {
height: auto; height: auto;
} }
.caption {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.arrow { .arrow {
border: solid black; border: solid black;
border-width: 0 3px 3px 0; border-width: 0 3px 3px 0;