pict-rs-proxy/templates/thumbnails.rs.html

46 lines
1.7 KiB
HTML

@use super::{layout_html, return_home_html, statics::images_css};
@use crate::{Image, FileType};
@(image: Image, sizes: &[u64])
@:layout_html("Thumbnails", Some(&format!("Thumbnails for {}", image.filename())), {
<meta property="og:image" content="@image.link()" />
<meta property="og:url" content="@image.link()" />
<meta property="og:image:alt" content="Image: @image.filename()" />
<link rel="stylesheet" href="@crate::statics(&images_css.name)" type="text/css" />
}, {
<section>
<article>
<h3>Here are your thumbnails</h3>
</article>
<ul>
<li>
<article>
<p>Original File:<br /><a href="@image.view(None)">@image.view(None)</a></p>
</article>
</li>
@for size in sizes {
<li>
<article>
<picture>
<source type="image/webp" srcset="@image.thumb(*size, FileType::Webp)" />
<img src="@image.thumb(*size, FileType::Jpg)" alt="@image.filename()" title="@image.filename()" />
</picture>
<p>@size x @size</p>
<p>
<a
href="@image.view(Some(*size))"
target="_blank"
rel="noopener noreferrer"
>
@image.view(Some(*size))
</a>
</p>
</article>
</li>
}
</ul>
@:return_home_html()
</section>
})