-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrip.html
154 lines (116 loc) · 7.82 KB
/
trip.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pocket</title>
<link rel="stylesheet" href="style/style_menu.css">
<link rel="stylesheet" href="style/style_trip.css">
</head>
<body>
<div id="mySidenav" class="sidenav">
<p class="menu_logo">Logo</p>
<div class="menu_intestation noselect">
<a class="msidebar-brand" href="index.html">
<svg class="msvgprova" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="svg925" viewBox="0 0 80 80" sodipodi:docname="logo_bianco_sfondo_azzurro_bordo_bianco.jpg.svg" inkscape:version="1.0.2 (e86c870, 2021-01-15)">
<g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g933"
transform="translate(1.8897638,1.8897638)">
<circle
style="fill:#3f80ea;fill-opacity:1;stroke:transparent;stroke-width:3.77953;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path1500"
cx="30"
cy="30"
r="30" />
<path
style="fill:#ffffff;fill-opacity:1;stroke-width:0.360365"
d="m 14.000004,49.13796 c -0.0042,-0.947573 3.141983,-26.461906 3.424656,-27.773092 l 0.175809,-0.815486 H 27.98445 c 7.011299,0 10.383979,0.123566 10.383979,0.380437 0,0.694673 -0.99718,2.324637 -2.028255,3.31533 -1.84346,1.771257 -3.217124,2.103247 -8.70252,2.103247 -4.917309,0 -5.024467,0.01682 -5.192099,0.815487 -0.233711,1.113468 -2.001857,15.527267 -1.996558,16.275796 0.0094,1.335904 3.48886,-0.649022 4.456875,-2.542552 0.280792,-0.549257 0.686685,-2.375671 0.901984,-4.058697 0.2153,-1.683026 0.483275,-3.671661 0.5955,-4.41919 l 0.204042,-1.359144 h 4.581404 c 3.102487,0 5.060444,-0.170967 6.065378,-0.529618 5.639891,-2.012833 7.813718,-9.095436 3.920258,-12.772695 -1.817675,-1.716739 -2.990212,-1.9201 -11.070909,-1.9201 -8.804378,0 -9.649477,-0.211283 -10.762776,-2.690793 -0.364807,-0.812487 -0.666828,-1.852918 -0.671156,-2.312069 L 18.661797,10 29.679636,10.109941 c 12.370785,0.123446 12.722925,0.19033 15.798223,3.00074 6.537667,5.974547 3.558726,18.065294 -5.508429,22.35729 -1.826197,0.864441 -3.011239,1.152693 -5.344189,1.299918 l -2.997666,0.189178 -0.229687,1.672603 c -0.570807,4.156643 -3.504525,8.02706 -7.633143,10.070317 -1.670903,0.826931 -2.563485,1.000048 -5.865844,1.137681 L 14.00382,50 14.00002,49.137958 Z"
id="path1498" />
</g>
</svg>
<span class="malign-middle">Pocket</span>
</a>
<p class="menu_intestation_selected">Dashboard</p>
</div>
<div>
<div class="menu_intestation noselect" id="finance">
<svg xmlns="http://www.w3.org/2000/svg" style=" height: 30px;
" version="1.1" class="image_intestation" width="9%" height="9%" preserveAspectRatio="x200Y200 meet" viewBox="0 0 500 500">
<path d="m 145,312 c -2,69 31,100 104,102 78,1 113,-34 109,-101 -6,-58 -62,-73 -106,-79 -48,-17 -99,-25 -99,-95 0,-48 32,-79 99,-78 60,0 97,25 96,84" style="fill:none;stroke:#ffffff;stroke-width:40" />
<path d="m 250,15 0,470" style="stroke:#ffffff;stroke-width:30" />
</svg>
<p class="text_intestation">Finances</p>
</div>
<div class="group_sub_item animation" id="finance_items">
<p class="sub_item noselect">Conto</p>
<p class="sub_item noselect">Carte</p>
<p class="sub_item noselect">Crypto</p>
<p class="sub_item noselect">Trade</p>
</div>
</div>
<div>
<div class="menu_intestation noselect" id="plans">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="image_intestation" x="0px" y="0px" viewBox="0 0 215.147 215.147" height="100%" width="9%" style="enable-background:new 0 0 215.147 215.147;"
xml:space="preserve">
<path d="M22.583,12.391v24.597h-1.264C9.564,36.988,0,46.55,0,58.305v1.127l0.168,1.114l7.415,49.08v0.137v77.993
c0,11.755,9.563,21.317,21.319,21.317h157.343c11.755,0,21.319-9.563,21.319-21.317v-77.993v-0.137l7.415-49.08l0.168-1.114v-1.127
c0-11.755-9.564-21.317-21.319-21.317h-1.264V12.391c0-3.488-2.829-6.317-6.319-6.317H28.902
C25.413,6.074,22.583,8.903,22.583,12.391z M37.583,21.074h139.98v15.914H37.583V21.074z M193.828,51.988
c3.49,0,6.319,2.829,6.319,6.317l-7.584,50.194v1.264v40.079v37.914c0,3.488-2.829,6.317-6.319,6.317H28.902
c-3.49,0-6.319-2.829-6.319-6.317v-37.914v-40.079v-1.264L15,58.305c0-3.488,2.83-6.317,6.319-6.317H193.828z M55.591,141.714
l0.008-0.296l0.657-1.971h13.539v2c0,3.252,1.14,5.913,3.485,8.137c2.375,2.25,5.395,3.345,9.232,3.345
c3.749,0,6.589-1.099,8.684-3.36c2.135-2.306,3.173-5.278,3.173-9.088c0-4.358-0.966-7.604-2.873-9.646
c-1.87-2.001-4.984-3.017-9.253-3.017H71.542V115.6h10.701c4.082,0,6.935-0.941,8.48-2.797c1.635-1.966,2.464-4.852,2.464-8.577
c0-3.466-0.882-6.152-2.697-8.212c-1.749-1.983-4.359-2.947-7.979-2.947c-3.585,0-6.447,1.06-8.749,3.239
c-2.273,2.149-3.377,4.774-3.377,8.027v2H57.052l-0.911-1.821l-0.013-0.439c-0.198-6.46,2.266-12.04,7.322-16.588
c4.977-4.475,11.39-6.743,19.062-6.743c7.74,0,13.935,2.022,18.411,6.012c4.543,4.051,6.846,10.001,6.846,17.688
c0,4.021-1.072,7.743-3.187,11.064c-1.447,2.271-3.301,4.214-5.537,5.803c2.689,1.617,4.867,3.708,6.499,6.248
c2.26,3.519,3.406,7.795,3.406,12.71c0,7.721-2.51,13.887-7.459,18.326c-4.887,4.385-11.273,6.608-18.98,6.608
c-7.084,0-13.414-2.12-18.814-6.301C58.121,154.586,55.393,148.804,55.591,141.714z M138.574,95.663l-17.026,0.161V83.841
l31.661-3.32v83.552h-14.635V95.663z" style="fill:#ffffff"/>
</svg>
<p class="text_intestation">Plans</p>
</div>
<div class="group_sub_item animation" id="plans_items">
<p class="sub_item noselect">Calendar</p>
<p class="sub_item noselect">Events</p>
<p class="sub_item noselect">Travel</p>
</div>
</div>
</div>
<div id="main">
<div class="header">
<span class="menu_icon">☰</span>
</div>
<div class="main_container">
<div class="done_trip">
</div>
<div class="map">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script>
$(document).ready(function() {
$(".menu_icon").click(function(e) {
$("#mySidenav").toggleClass('is-open_menu');
$("#main").toggleClass('is-open_main');
e.preventDefault();
});
$("#finance").click(function(e) {
$("#finance_items").toggleClass('is-open_finances');
$("#plans_items").removeClass('is-open_plans');
e.preventDefault();
});
$("#plans").click(function(e) {
$("#plans_items").toggleClass('is-open_plans');
$("#finance_items").removeClass('is-open_finances');
e.preventDefault();
});
});
</script>
</body>
</html>