-
Notifications
You must be signed in to change notification settings - Fork 1
/
info-page-light.html
100 lines (99 loc) · 3.18 KB
/
info-page-light.html
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;800&display=swap" rel="stylesheet">
<title>Info lapa light</title>
</head>
<body>
<style type="text/css">
body{ background-color: #ffffff; }
#back_button{
top: 2%;
left: 2%;
margin-top: 8px;
display: inline-block;
position: sticky;
}
#inst_virs{
font-family: 'Manrope', sans-serif;
font-weight: 800;
/*color: #C3F44D;*/
color: #7b73e0;
margin-left: 6%;
margin-top: 1%;
margin-bottom: 0%;
}
#saraksts{
font-family: 'Manrope', sans-serif;
font-weight: 500;
margin-top: 1%;
color: #191a1a;
margin-right: 3%;
}
li{
margin-top: 2%;
}
#projekts{
font-family: 'Manrope', sans-serif;
font-weight: 500;
color: #191a1a;
margin-top: 6%;
margin-bottom: 4%;
margin-left: 4%;
margin-right: 4%;
padding-right: 5%;
padding-left: 5%;
padding-top: 1%;
padding-bottom: 1%;
border-color: #d2c2f8;
background: #d2c2f8;
text-align: center;
border-radius: 20px;
}
#logo{
top: 1%;
right: 1%;
left: 1%;
bottom: 1%;
}
/*#nosaukums{
font-family: 'Manrope', sans-serif;
font-weight: 800;
color: #191a1a;
display: inline-block;
padding-left: 5%;
padding-right: 5%;
border-color: #d2c2f8;
background: #d2c2f8;
}*/
#augsa{
position: sticky;
}
</style>
<div id="augsa">
<map name="infographic">
<area shape="rect" coords="5,5,52,52" href="map-page-light.html" alt="atpakaļ" />
</map>
<img src="uwu_logo_back_light.png" width="334px" height="129px" id="back_button" usemap="#infographic">
</div>
<div>
<h1 id="inst_virs">Instrukcijas</h1>
<ul id="saraksts">
<li>Atļaut piekļuvi atrašanās vietai, <i>ja vēlaties</i></li>
<li>Meklētājā ievadīt vai izvēlēties adresi, uz kuru vēlaties doties</li>
<li>Nospiest <img src="uwu_go.png" width="30px" height="30px" style="padding-right: 1%; padding-left: 1%;"> pogu, lai saglabātu adresi uz kartes<br><i>Lai iegūtu pilnvērtīgu pieredzi atļaujiet pārlūkprogrammai piekļuvi jūsu atrašanās vietai</i></li>
<li>Punktus var nodzēst uzspiežot uz tiem un uz <img src="uwu_trash.png" width="30px" height="30px" style="padding-right: 1%; padding-left: 1%;"> pogas</li>
<li>Izvēlies savu ceļu iekļaujot tajā veloceliņus, kas ir iezīmēti kartē ar violetu krāsu, un iegūsti patīkamāku braucienu!</li>
<li>Ja vēlaties izmantot tumšo režīmu, variet uzspiest uz<img src="uwu_light_mode.png" width="30px" height="30px" style="padding-right: 1%; padding-left: 1%;">pogas un ar šo pašu pogu variet tikt atpakaļ uz gaišo režīmu</li>
</ul>
</div>
<!--<div>
<img src="uwu_logo_dark.png" width="314" height="143" id="logo">
</div>-->
<div id="projekts">
<p>Šis projekts ir veidots "Atvērto ģeotelpisko datu hakatons skolēniem 2021" ietvaros, veidojusi komanda "uwu".</p>
</div>
</body>
</html>