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

Rewrite in Rust (#3)
Some checks are pending
Rust / build (push) Waiting to run
Details

Browse source 
Just what the world needs, another silly Rust re-write! But it was a good exercise in learning.

There's a lot of messy things, which is why this is 0.2.0-pre.1. Going to make some cleaning passes after landing this.
This commit is contained in:
Nick Pegg 2025-05-08 12:27:49 -07:00 • committed by GitHub
parent 94a5e30a8f
commit 9945b9eb7f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
41 changed files with 2975 additions and 1376 deletions
Download patch file Download diff file Expand all files Collapse all files

112
resources/skel/_static/index.css Normal file
View file

@ -0,0 +1,112 @@
body {
margin: 0;
}
a {
color: #ba1200;
}
#header {
background-color: #eee;
}
#header * {
margin-top: 0;
text-decoration: inherit;
color: inherit;
}
#header h1 {
padding: 0.5em;
}
#content {
text-align: center;
max-width: 1200px;
margin: 0.5em;
margin-left: auto;
margin-right: auto;
}
#content > * {
margin-top: 1em;
}
ul {
padding-left: 1.5em;
}
#album-children {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#album-children > * {
margin: 1em;
padding: 0.75em;
background-color: lightgrey;
height: min-content;
border: thin solid black;
box-shadow: 0.25em 0.25em #ccc;
}
#album-photos {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.thumbnail {
margin: 1em;
display: flex;
align-items: center;
}
.thumbnail * {
max-width: 100%;
}
#nav {
width: 150px;
margin: auto;
display: flex;
padding: 0.5em;
}
#nav div {
width: 50px;
}
#photo img {
max-width: 100%;
height: auto;
}
.caption {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.arrow-right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.arrow-left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.arrow-up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

52
resources/skel/_templates/album.html Normal file
View file

@ -0,0 +1,52 @@
{% extends "base.html" %}
{% block content %}
{% if root_path %}
<h1>
{% for crumb in breadcrumbs %}
<a href="{{crumb.path}}">{{crumb.name}}</a> /
{% endfor %}
{{name}}
</h1>
<hr>
{% endif %}
{% if description %}
<div class="caption">
{{ description | safe }}
</div>
{% endif %}
{% if children %}
<h2>Albums</h2>
<div id="album-children">
{% for child in children %}
<div class="album">
<a href="{{child.name}}/">
<div>
<img
src="{{child.cover_thumbnail_path}}" />
</div>
<div>
{{child.name}}
</div>
</a>
</div>
{% endfor %}
</div>
{% endif %}
{% if images %}
{% if children %}
<h2>Photos</h2>
{% endif %}
<div id="album-photos">
{% for image in images %}
<div class="thumbnail">
<a href="slides/{{image.html_filename}}">
<img src="slides/{{image.thumb_filename}}" />
</a>
</div>
{% endfor %}
</div>
{% endif %}
{% endblock %}

24
resources/skel/_templates/base.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Photos</title>
<link rel="stylesheet" href="{%if root_path %}{{ root_path }}/{%endif%}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 %}
</div>
<script type="text/javascript">
{% block js %}
{% endblock %}
</script>
</body>
</html>

54
resources/skel/_templates/photo.html Normal file
View file

@ -0,0 +1,54 @@
{% extends "base.html" %}
{% block js %}
// Do left/right navigation on keypresses
document.onkeydown = function(event) {
if (event.key == "ArrowLeft") {
{% if prev_image %}
location.href = "{{prev_image.html_filename}}";
{% endif %}
} else if (event.key == "ArrowRight") {
{% if next_image %}
location.href = "{{next_image.html_filename}}";
{% endif %}
}
}
{% endblock %}
{% block content %}
<div id="photo">
<img src="{{image.screen_filename}}" />
</div>
<div id="nav">
<div>
{% if prev_image %}
<a href="{{prev_image.html_filename}}">
<i class="arrow arrow-left"></i>
</a>
{% endif %}
</div>
<div>
<a href="..">
<i class="arrow arrow-up"></i>
</a>
</div>
<div>
{% if next_image %}
<a href="{{next_image.html_filename}}">
<i class="arrow arrow-right"></i>
</a>
{% endif %}
</div>
</div>
<div id="photo-description" class="caption">
{% if image.description %}
{{ image.description | safe }}
{% endif %}
</div>
<div id="download">
<a href="../{{image.filename}}">view full size</a>
</div>
{% endblock %}

9
resources/skel/photojawn.conf.yml Normal file
View file

@ -0,0 +1,9 @@
# Max size of thumbnails when viewing an album
thumbnail_size: [256, 256]
# Max size of images when viewing a single one on screen
view_size: [1024, 768]
# Directory where the generated site will be created in. All original images will be
# copied in to here with the same directory structure.
output_dir: "site"

BIN
resources/test_album/moon.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
resources/test_album/mountains.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 70 KiB

1
resources/test_album/nested1/description.txt Normal file
View file

@ -0,0 +1 @@
nested album

BIN
resources/test_album/nested1/mountains.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 70 KiB

1
resources/test_album/nested1/nested2/description.txt Normal file
View file

@ -0,0 +1 @@
deeply nested album

BIN
resources/test_album/nested1/nested2/moon.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

1
resources/test_album/with_cover/cover.jpg Symbolic link
View file

@ -0,0 +1 @@
mountains.jpg

BIN
resources/test_album/with_cover/moon.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
resources/test_album/with_cover/mountains.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 70 KiB

1
resources/test_album/with_description/description.txt Normal file
View file

@ -0,0 +1 @@
album with a description

BIN
resources/test_album/with_description/moon.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

1
resources/test_album/with_description/moon.txt Normal file
View file

@ -0,0 +1 @@
this is a moon

BIN
resources/test_album/with_description/mountains.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 70 KiB