103 lines
3.4 KiB
HTML
103 lines
3.4 KiB
HTML
<!--
|
||
MetaInfo
|
||
Author of the reissue: Diller(Кутман)
|
||
Date of change: 19.05.2025
|
||
-->
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
|
||
<!-- Подключение OL -->
|
||
<link rel="stylesheet" href="../lib/ol/ol.css">
|
||
<script src="../lib/ol/ol.js"></script>
|
||
|
||
<!-- Подключение самописных модулей -->
|
||
<script src="../lib/js/catcher.js"></script>
|
||
<script src="../lib/js/page-manager.js"></script>
|
||
<script src="../lib/js/logger.js"></script>
|
||
<script src="../lib/js/single-layer-manager.js"></script>
|
||
<script src="../lib/js/ref-manager.js"></script>
|
||
<script src="../lib/js/popup-manager.js"></script>
|
||
<script src="../lib/js/slider.js"></script>
|
||
|
||
<!-- Подключение основных файлов -->
|
||
<link rel="stylesheet" href="./style.css">
|
||
<script src="./main.js"></script>
|
||
<script src="./data-manager.js"></script>
|
||
|
||
<!-- Файлы инициалиазции страниц -->
|
||
<script src="./page/main-page.js"></script>
|
||
<script src="./page/info-page.js"></script>
|
||
<script src="./page/slider-page.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Область для страниц -->
|
||
<div id="page-space">
|
||
<!-- Главная страница -->
|
||
<div id="main-page">
|
||
<!-- Карта -->
|
||
<div id="map"></div>
|
||
|
||
<!-- UI-компоненты -->
|
||
<div id="main">
|
||
<div id="left-div">
|
||
<div class="common" id="logos"></div>
|
||
</div>
|
||
<div id="center-div">
|
||
<div class="common" id="title">
|
||
<p>Деньщиковская волость @Е-ГЕО</p>
|
||
</div>
|
||
</div>
|
||
<div id="right-div">
|
||
<div class="common" id="time-select">
|
||
</div>
|
||
<div class="common" id="legend"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Страница информации -->
|
||
<div id="info-page">
|
||
<div id="info-page-images"></div>
|
||
<video id="info-page-video" controls="true"></video>
|
||
<!-- Модальное окно -->
|
||
<div id="myModal" class="modal">
|
||
<span class="close">×</span>
|
||
<img class="modal-content" id="modalImg">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Страница с слайдером -->
|
||
<div id="slider-page">
|
||
<div id="slider-container">
|
||
<div class="side" id="left">
|
||
<img id="previous">
|
||
</div>
|
||
<div id="center">
|
||
<div id="slider"></div>
|
||
</div>
|
||
<div class="side" id="right">
|
||
<img id="next">
|
||
</div>
|
||
</div>
|
||
<img id="to-info-page">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Служебные компоненты (не отрисовываются при загрузке) -->
|
||
<div id="popup">
|
||
<div id="popup-header">
|
||
<a id="popup-title"></a>
|
||
<img id="popup-close">
|
||
</div>
|
||
<div id="popup-content"></div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |