52 lines
No EOL
1.7 KiB
HTML
52 lines
No EOL
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{% load static %}
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="{{ site_config.site_head_description }}">
|
|
<title>{{ site_config.site_head_title }} : Slideshow : {{ photo.album.name }}</title>
|
|
{% if next_photo %}
|
|
<meta http-equiv="refresh" content="5; url={% url 'gallery:photo_slideshow_url' next_photo.album.slug next_photo.slug %}" />
|
|
{% endif %}
|
|
<style>
|
|
body {
|
|
background-color: #000;
|
|
margin: 0;
|
|
}
|
|
.slideshow-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100vh;
|
|
}
|
|
img {
|
|
height: 100vh;
|
|
width: auto;
|
|
max-width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="slideshow-container">
|
|
<a href="{{ photo.get_absolute_url }}">
|
|
<img
|
|
src="{{ photo.photo_md.url }}"
|
|
srcset="
|
|
{{ photo.photo_sm.url }} 320w,
|
|
{{ photo.photo_md.url }} 720w,
|
|
{{ photo.photo_bg.url }} 1920w,
|
|
{{ photo.photo.url }} 2560w
|
|
"
|
|
sizes="(max-width: 640px) 320px,
|
|
(max-width: 960px) 720px,
|
|
(max-width: 1920px) 1920px,
|
|
2560px"
|
|
alt="{{ photo.album.name }} - {{ photo.slug }}"
|
|
class="uk-display-block uk-margin-auto"
|
|
style="max-width: 100%; max-height: 90vh; object-fit: contain;" />
|
|
</a>
|
|
</div>
|
|
</body>
|
|
</html> |