65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, height=device-height" />
|
|
<title>
|
|
File: {{image_path.name}}
|
|
</title>
|
|
<link href="{% static 'css/styles.css' %}" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="background">
|
|
<!-- Navigation. -->
|
|
<table class="fc mauto">
|
|
<tr>
|
|
<!-- Home button. -->
|
|
<td>
|
|
<a href="/gallery/">
|
|
<img src="{% static 'imgs/gohome.png' %}" class="small-nav-icon">
|
|
</a>
|
|
</td>
|
|
|
|
<!-- Back button. -->
|
|
<td>
|
|
<a href="..">
|
|
<img src="{% static 'imgs/back.png' %}" class="small-nav-icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Image view. -->
|
|
<table class="fc mauto h90">
|
|
<tr>
|
|
<!-- Previous image. -->
|
|
<td>
|
|
{% if prev %}
|
|
<a href="../{{prev}}">
|
|
<img src="{% static 'imgs/back.png' %}" class="navigation-icon">
|
|
</a>
|
|
{% endif %}
|
|
</td>
|
|
|
|
<!-- Current image. -->
|
|
<td class="full-width">
|
|
<a href="{{image_path}}" target="_blank">
|
|
<div class="image-container">
|
|
<img src="{{image_path}}" class="image">
|
|
</div>
|
|
</a>
|
|
</td>
|
|
|
|
<!-- Next image. -->
|
|
<td>
|
|
{% if next %}
|
|
<a href="../{{next}}">
|
|
<img src="{% static 'imgs/forward.png' %}" class="navigation-icon">
|
|
</a>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|