YandexMultiPage/index.html at master · yerdn/YandexMultiPage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width,user-scalable=no"/>
	<meta http-equiv="Content-Security-Policy" content="
    img-src data: https://api-maps.yandex.ru https://*.maps.yandex.net https://yandex.ru 'self';
    child-src https://api-maps.yandex.ru;
    frame-src https://api-maps.yandex.ru;
 	script-src 'unsafe-eval' https://api-maps.yandex.ru https://suggest-maps.yandex.ru
 	http://*.maps.yandex.net https://yandex.ru 'self';"/>

	<link rel="stylesheet"  href="./lib/tau/mobile/theme/default/tau.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css"/>
	<script src="./lib/jquery.js"></script>
	<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&csp=true&onload=init" type="text/javascript"></script>
	<script type="text/javascript" src="./lib/tau/mobile/js/tau.js"></script>
	<title>Test App</title>
</head>

<body>
	<!-- Start of first page: #one -->
	<div class="ui-page" id="welcome-page">
		<div class="ui-header">
			<h1>Welcome</h1>
		</div><!-- /header -->

		<div class="ui-content">
			<div class="start-page">
				<div class="company-name">
					<svg viewBox="0 0 1200 300">
						<symbol id="s-text">
							<text text-anchor="middle" x="50%" y="68%" class="text--line">
								Company
							</text>
						</symbol>

						<g class="g-ants">
							<use xlink:href="#s-text" class="text-copy"/>
							<use xlink:href="#s-text" class="text-copy"/>
							<use xlink:href="#s-text" class="text-copy"/>
							<use xlink:href="#s-text" class="text-copy"/>
							<use xlink:href="#s-text" class="text-copy"/>
						</g>
					</svg>
				</div>
				<div class="logo"><img alt="Yandex logo" src="./images/yandex-logo.png"></div>
				<div><a id="next" href="#map-page" class="ui-btn ui-inline">Next</a></div>
			</div>
		</div><!-- /content -->
	</div><!-- /page one -->


	<!-- Start of second page: #two -->
	<div class="ui-page" id="map-page">
		<div class="ui-header">
			<h1>Yandex Map</h1>
		</div><!-- /header -->

		<div class="ui-content">
			<!-- <h2>Two</h2> -->
			<div id="mosMap"></div>
			<div class="navigation-buttons">
				<a id="back" href="#welcome-page" class="ui-btn ui-inline">Back</a>
				<span id="traffic" class="ui-btn ui-inline">Show Traffic</span><br/>
				<span id="type-map" class="ui-btn ui-inline map-type">Roadmap</span>
				<span id="type-satellite" class="ui-btn ui-inline map-type">Satellite</span>
				<span id="type-hybrid" class="ui-btn ui-inline map-type active">Hybrid</span>
				<span id="current-location" class="ui-btn ui-inline">Current Location</span>
				<!-- <span id="current-location" class="ui-btn ui-inline"><img alt="Current Location" src="./images/current-location.png"></span> -->
				<span id="create-route" class="ui-btn ui-inline">Create Route</span>
			</div>
		</div><!-- /content -->
	</div><!-- /page two -->
	<script src="./js/main.js"></script>
</body>
</html>