https://svitlobot.in.ua/maps

1<!DOCTYPE html>
2<html lang="uk">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <title>Мапа світлоботів у реальному часі</title>
7    <meta name="description" content="Мапа світлоботів у реальному часі: стан світла в Україні" />
8    <meta property="og:type" content="website" />
9    <meta property="og:url" content="https://svitlobot.in.ua/maps" />
10    <meta property="og:title" content="Мапа світлоботів у реальному часі" />
11    <meta property="og:description" content="Мапа світлоботів у реальному часі: стан світла в Україні" />
12    <meta property="og:image" content="https://svitlobot.in.ua/assets/media/map_img/map_gif/pic1.jpg" />
13    <meta property="og:site_name" content="СвітлоБот" />
14    <meta property="og:locale" content="uk_UA" />
15    <meta name="twitter:card" content="summary_large_image" />
16    <meta name="twitter:title" content="Мапа світлоботів у реальному часі" />
17    <meta name="twitter:description" content="Мапа світлоботів у реальному часі: стан світла в Україні" />
18    <meta name="twitter:image" content="https://svitlobot.in.ua/assets/media/map_img/map_gif/pic1.jpg" />
19    <link rel="icon" type="image/png" href="/assets/media/logos/logo-favicon.png" />
20    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
21    <link href="/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
22    <link href="/assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
23    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
24    

24<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

24
25    

25<script src="/js/core/lang.js"></script>

25
26    <style>
27        body { margin: 0; padding: 0; overflow: hidden; }
28        .maps-tabs-container {
29            background: #1e1e2d;
30            padding: 0 20px 0 20px;
31            border-bottom: 2px solid #323248;
32        }
33        .maps-tabs-container .nav-tabs {
34            border: none;
35        }
36        .maps-tabs-container .nav-link {
37            color: #9899ac;
38            border: none;
39            border-bottom: 3px solid transparent;
40            padding: 14px 24px;
41            font-weight: 500;
42            transition: all 0.2s ease;
43        }
44        .maps-tabs-container .nav-link:hover {
45            color: #009ef7;
46        }
47        .maps-tabs-container .nav-link.active {
48            color: #009ef7;
49            background: transparent;
50            border-bottom-color: #009ef7;
51        }
52        #maps-content {
53            height: 100%;
54            background: #181c32;
55        }
56        #maps-content .tab-pane {
57            height: 100%;
58        }
59        #maps-content iframe {
60            width: 100%;
61            height: 100%;
62            border: none;
63            display: block;            
64        }
65    </style>
66</head>
67<body>
68    <div class="maps-tabs-container">
69        <ul class="nav nav-tabs nav-line-tabs nav-line-tabs-2x mb-0 fs-6" role="tablist">
70            <li class="nav-item">
71                <a class="nav-link active" data-bs-toggle="tab" href="#tab_svitlobot" role="tab">
72                    <span data-text-id="tab_svitlobot_map">Мапа Світлоботів</span>
73                </a>
74            </li>
75            <li class="nav-item">
76                <a class="nav-link" data-bs-toggle="tab" href="#tab_ggwatch" role="tab">
77                    <span data-text-id="tab_ggwatch_map">Мапа GGSWatch</span>
78                </a>
79            </li>
80        </ul>
81    </div>
82
83    <div id="maps-content" class="tab-content" alt="map">
84        <div class="tab-pane fade show active" id="tab_svitlobot" role="tabpanel">
85            <iframe src="/map?v=20260714a" title="Svitlobot Map"></iframe>
86        </div>
87        <div class="tab-pane fade" id="tab_ggwatch" role="tabpanel">
88            <iframe src="/map-ggswatch" title="GGSWatch Map"></iframe>
89        </div>
90    </div>
91
92    

92<script src="/assets/plugins/global/plugins.bundle.js"></script>

92
93    

93<script src="/assets/js/scripts.bundle.js"></script>

93

94<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"b0155ff9aa2f44f0abf8c162e8dbbc7a","r":1,"spa":2}' crossorigin="anonymous"></script>

94
95</body>
96</html>