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("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>
})