53 lines
No EOL
2.3 KiB
HTML
53 lines
No EOL
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Карта</title>
|
|
<script src="https://telegram.org/js/telegram-web-app.js?59"></script>
|
|
<link rel="stylesheet" href="./styles/main.css?v12">
|
|
</head>
|
|
<body>
|
|
<section id="block">
|
|
<div id="loader"></div>
|
|
<h3>Загрузка карты</h3>
|
|
<p>0/6 загружено...</p>
|
|
<div id="mp"></div>
|
|
</section>
|
|
<section id="map">
|
|
<div id="controls">
|
|
<div class="current" onclick="floorsopen()">
|
|
<span>2 этаж</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>
|
|
</div>
|
|
<div class="select hidden">
|
|
<span onclick="fswitch(1)">1 этаж</span>
|
|
<span onclick="fswitch(2)" class="active">2 этаж</span>
|
|
<span onclick="fswitch(3)">3 этаж</span>
|
|
<span onclick="fswitch(4)">4 этаж</span>
|
|
<span onclick="fswitch(5)">5 этаж</span>
|
|
<span onclick="fswitch(6)">6 этаж</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wr"></div>
|
|
</section>
|
|
|
|
<footer >
|
|
<!-- <div class="dragger"></div> -->
|
|
<div class="hints">
|
|
</div>
|
|
<div class="i">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z"/></svg>
|
|
<input type="text" placeholder="Введи нужную аудиторию...">
|
|
<!-- <button onclick="footerfind()">Найти</button> -->
|
|
</div>
|
|
</footer>
|
|
<script src="./js/footer.js?v12"></script>
|
|
<script src="./js/map.js?v12"></script>
|
|
<script>mapload()</script>
|
|
<script>
|
|
window.Telegram.WebApp.expand()
|
|
</script>
|
|
</body>
|
|
</html> |