69 lines
2.2 KiB
Plaintext
69 lines
2.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans&family=Reddit+Mono:wght@200..900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="../../../master.css">
|
|
<script src="../../../zoomImage.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
|
|
<title>Folder</title>
|
|
</head>
|
|
<body>
|
|
<h1 style="text-align: center;"><%- pic %> (<%- folder %>)</h1>
|
|
<div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center;">
|
|
<%- img %>
|
|
</div>
|
|
<table style="margin-left: 5vw; margin-right: 5vw; width: 90vw;">
|
|
<thead>
|
|
<tr>
|
|
<th>Key</th>
|
|
<th>Value</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Folder</td>
|
|
<td><%- folder %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Image</td>
|
|
<td><%- pic %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Camera</td>
|
|
<td><%- exif.image.Model %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Image made</td>
|
|
<td><%- exif.image.ModifyDate %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Made by</td>
|
|
<td><%- exif.image.Artist %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Exposure time</td>
|
|
<td><%- exif.exif.ExposureTime %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Aperture</td>
|
|
<td><%- exif.exif.FNumber %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>ISO</td>
|
|
<td><%- exif.exif.ISO %></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Zoom</td>
|
|
<td><%- exif.exif.FocalLength %> mm</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Lens</td>
|
|
<td><%- exif.exif.LensModel %></td>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |