33 lines
1.7 KiB
HTML
33 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Обзор директории</title>
|
||
<style>
|
||
body { background-color: #121212; color: #e0e0e0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 40px 20px; display: flex; justify-content: center; }
|
||
.content { max-width: 800px; width: 100%; background-color: #1e1e1e; padding: 40px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.5); }
|
||
h1 { color: #ffffff; border-bottom: 1px solid #333; padding-bottom: 10px; margin-top: 0; }
|
||
a { text-decoration: none !important; transition: opacity 0.2s; }
|
||
a:hover { opacity: 0.8; }
|
||
ul { list-style-type: none; padding: 0; margin: 0; }
|
||
li { padding: 10px 0; border-bottom: 1px solid #333; transition: background-color 0.2s; }
|
||
.file-link { color: #64b5f6; text-decoration: none !important; font-size: 1.1em; display: flex; align-items: center; }
|
||
.file-link:hover { color: #90caf9; }
|
||
.back-link { color: #90a4ae; font-weight: bold; text-decoration: none !important; display: block; }
|
||
.icon { margin-right: 10px; min-width: 24px; }
|
||
.footer { margin-top: 30px; color: #666; font-size: 0.9em; border-top: 1px solid #333; padding-top: 15px; }
|
||
.footer a { color: #757575; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="content">
|
||
<h1>📂 Обзор директории: /{{TITLE_PATH}}</h1>
|
||
{{FILE_LIST}}
|
||
<div class="footer">
|
||
<a href="/">← На главную</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|