<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <title th:text="#{nbscloud.files.gallery.title}"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link th:if="${darkMode}" rel="stylesheet" th:href="@{/css/darkModeColors.css}"/>
    <link th:if="${!darkMode}" rel="stylesheet" th:href="@{/css/lightModeColors.css}"/>
    <link rel="stylesheet" th:href="@{/css/main.css}"/>
    <link rel="stylesheet" th:href="@{/css/files_main.css}"/>
    <link rel="stylesheet" th:href="@{/css/files_gallery.css}"/>
    <link rel="shortcut icon" th:href="@{/favicon.ico}"/>
</head>
<body>
<div id="main-container">
    <div th:replace="includes/header :: header"/>
    <div id="gallery-container">
        <img class="galleryImage" th:each="file : ${files}" th:src="@{/files/preview(filename=${file})}">
    </div>
    <div th:replace="includes/footer :: footer"/>
</div>
</body>
</html>