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

@use super::{layout_html, return_home_html, statics::images_css};
@use crate::{Image, FileType};

@(image: Image, sizes: &[u64])

@:layout_html({
    <title>Thumbnails</title>
    <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.link()">@image.link()</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.thumb(*size, FileType::Jpg)"
                                target="_blank"
                                rel="noopener noreferrer"
                            >
                            @image.thumb(*size, FileType::Jpg)
                            </a>
                        </p>
                    </article>
                </li>
            }
        </ul>
        @:return_home_html()
    </section>
})