|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
@@ -3,11 +3,18 footer { | |||
|
3 | 3 | position: relative; |
|
4 | 4 | margin: 0; |
|
5 | 5 | padding-top: 20px; |
|
6 |
padding-bottom: 1 |
|
|
6 | padding-bottom: 15px; | |
|
7 | 7 | border: 0; |
|
8 | 8 | display: block; |
|
9 | 9 | color: #fff; |
|
10 | 10 | margin-top: 20px; |
|
11 | font-family: "Futura_Std"; | |
|
12 | } | |
|
13 | ||
|
14 | .footer-tittle{ | |
|
15 | padding-top: 20px; | |
|
16 | padding-bottom: 20px; | |
|
17 | font-size: 1.65rem; | |
|
11 | 18 | } |
|
12 | 19 | |
|
13 | 20 | .footer-contact{ |
@@ -19,6 +26,21 footer { | |||
|
19 | 26 | display: flex; |
|
20 | 27 | } |
|
21 | 28 | |
|
29 | .footer-social{ | |
|
30 | padding-left: 0; | |
|
31 | list-style: none; | |
|
32 | } | |
|
33 | ||
|
34 | .footer-social li{ | |
|
35 | margin-bottom: 15px; | |
|
36 | } | |
|
37 | ||
|
38 | .footer-social a{ | |
|
39 | color: white; | |
|
40 | text-decoration: none; | |
|
41 | } | |
|
42 | ||
|
43 | ||
|
22 | 44 | .footer-contact span{ |
|
23 | 45 | margin-top: 3.5px; |
|
24 | 46 | margin-right: 8px; |
@@ -1,6 +1,22 | |||
|
1 |
|
|
|
2 | height:35px; | |
|
3 | background-color: var(--primary); | |
|
1 | .igp-top { | |
|
2 | padding-bottom: 9px; | |
|
3 | } | |
|
4 | ||
|
5 | .igp-menu { | |
|
6 | background-color: #F9F9F9; | |
|
7 | top:69px; | |
|
8 | border-bottom: 1px solid rgb(204, 204, 204); | |
|
9 | border-top: 1px solid rgb(204, 204, 204); | |
|
10 | padding-top: 4px; | |
|
11 | padding-bottom: 4px; | |
|
12 | } | |
|
13 | ||
|
14 | .navbar-title { | |
|
15 | font-size: 18pt; | |
|
16 | /*text-align: right;*/ | |
|
17 | color: var(--primary); | |
|
18 | margin-bottom: 0px; | |
|
19 | margin-top: 0px; | |
|
4 | 20 | } |
|
5 | 21 | |
|
6 | 22 | #igp-top .navbar{ |
@@ -116,5 +132,35 | |||
|
116 | 132 | } |
|
117 | 133 | .navbar-igp-1 li:after { |
|
118 | 134 | content: ''; |
|
119 |
|
|
|
120 | } No newline at end of file | |
|
135 | } | |
|
136 | .logo-igp-md { | |
|
137 | display: none; | |
|
138 | } | |
|
139 | .igp-menu { | |
|
140 | padding-top: 0px; | |
|
141 | padding-bottom: 0px; | |
|
142 | border-bottom: 0px; | |
|
143 | } | |
|
144 | body { | |
|
145 | padding-top: 70px; | |
|
146 | } | |
|
147 | } | |
|
148 | ||
|
149 | @media (max-width: 420px){ | |
|
150 | .logo { | |
|
151 | height: 30px; | |
|
152 | } | |
|
153 | } | |
|
154 | ||
|
155 | ||
|
156 | @media (min-width: 768px){ | |
|
157 | .logo-igp-sm { | |
|
158 | display: none; | |
|
159 | } | |
|
160 | } | |
|
161 | ||
|
162 | @media(min-width: 990px) { | |
|
163 | .navbar-title:after { | |
|
164 | content: ' JICAMARCA' | |
|
165 | } | |
|
166 | } No newline at end of file |
@@ -1,25 +1,42 | |||
|
1 | 1 | |
|
2 | 2 | :root{ |
|
3 |
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
|
|
|
12 |
|
|
|
13 |
|
|
|
14 |
|
|
|
15 |
|
|
|
16 |
|
|
|
17 |
|
|
|
18 |
|
|
|
19 |
|
|
|
20 |
|
|
|
21 |
|
|
|
22 | } | |
|
3 | --primary: #0000AF; | |
|
4 | --dark-primary: #000080; | |
|
5 | --light-primary: rgb(0, 0, 179, .7); | |
|
6 | --secondary: #6F6F6F; | |
|
7 | --tertiary: #0099FF; | |
|
8 | --color-txt: #333; | |
|
9 | --bg-main: rgba(80, 80, 80, .8); | |
|
10 | --bg-invert: rgba(0, 0, 0, .2); | |
|
11 | --bg-sections: #f9f9f9; | |
|
12 | --bd-sections: 1px solid #D9D9D9; | |
|
13 | --fs-nav: .875em; | |
|
14 | --fs-trail: .87rem; | |
|
15 | --hover-nav: rgba(0, 0, 0, 0.3); | |
|
16 | --fg-nav: #2068A0; | |
|
17 | --bs-nav: rgba(43, 43, 43, .4); | |
|
18 | --bs-input: rgba(0, 113, 184, 0.5); | |
|
19 | --bd-input: rgba(56, 181, 230, 0.75); | |
|
20 | --bd-item: 1px solid #C9C9C9; | |
|
21 | --bx-shadow: 0 2px 5px 0 var(--bs-nav); | |
|
22 | --bg-body: #ffffff; | |
|
23 | } | |
|
24 | ||
|
25 | @font-face { | |
|
26 | font-family: "Futura_Std"; | |
|
27 | src: url("../fonts/FuturaStdBook.woff2") format("woff2"); | |
|
28 | } | |
|
29 | ||
|
30 | @font-face { | |
|
31 | font-family: "Futura_Bold"; | |
|
32 | src: url("../fonts/Futura-Bold.otf"); | |
|
33 | } | |
|
34 | ||
|
35 | @font-face { | |
|
36 | font-family: "Futura_Light"; | |
|
37 | src: url("../fonts/FuturaStdLight.otf"); | |
|
38 | } | |
|
39 | ||
|
23 | 40 | |
|
24 | 41 | label { |
|
25 | 42 | display: inline-block; |
@@ -35,9 +52,31 label { | |||
|
35 | 52 | } |
|
36 | 53 | |
|
37 | 54 | body { |
|
38 | color: #444; | |
|
55 | padding-top: 150px; | |
|
56 | color: #211d18; | |
|
57 | font-family: Futura_Std, Arial, Helvetica, Poppins; | |
|
58 | background-color: var(--bg-body); | |
|
59 | /* color: #444; | |
|
39 | 60 | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; |
|
40 | font-size: 14px; | |
|
61 | font-size: 14px; */ | |
|
62 | } | |
|
63 | ||
|
64 | .carousel-caption { | |
|
65 | top: 0; | |
|
66 | bottom: auto; | |
|
67 | text-align: left; | |
|
68 | left: 5%; | |
|
69 | } | |
|
70 | ||
|
71 | .carousel-caption h5 { | |
|
72 | font-family: Futura_Bold; | |
|
73 | font-size: 33px; | |
|
74 | } | |
|
75 | ||
|
76 | .carousel-caption p { | |
|
77 | font-family: Futura_Light; | |
|
78 | font-size: 18px; | |
|
79 | width: 50%; | |
|
41 | 80 | } |
|
42 | 81 | |
|
43 | 82 | main { |
@@ -45,7 +84,36 main { | |||
|
45 | 84 | min-height: 400px; |
|
46 | 85 | } |
|
47 | 86 | |
|
48 | a:link { -webkit-tap-highlight-color: var(--tertiary); } | |
|
87 | a:link { | |
|
88 | -webkit-tap-highlight-color: var(--tertiary); | |
|
89 | } | |
|
90 | ||
|
91 | h2 { | |
|
92 | color: var(--primary); | |
|
93 | font-size: 34px; | |
|
94 | font-weight: 300; | |
|
95 | margin-top: 10px; | |
|
96 | margin-bottom: 10px; | |
|
97 | padding-bottom: 20px; | |
|
98 | } | |
|
99 | ||
|
100 | h3 { | |
|
101 | color: var(--primary); | |
|
102 | font-size: 28px; | |
|
103 | font-weight: 300; | |
|
104 | /*margin-top: 10px; | |
|
105 | margin-bottom: 10px; | |
|
106 | padding-bottom: 20px;*/ | |
|
107 | } | |
|
108 | ||
|
109 | .badge-primary { | |
|
110 | background-color: var(--primary); | |
|
111 | } | |
|
112 | ||
|
113 | .img-tools { | |
|
114 | padding-left: 3rem; | |
|
115 | width: 90%; | |
|
116 | } | |
|
49 | 117 | |
|
50 | 118 | .titulo { |
|
51 | 119 | color: #898989; |
@@ -107,11 +175,16 a:link { -webkit-tap-highlight-color: var(--tertiary); } | |||
|
107 | 175 | margin-bottom: 2em; |
|
108 | 176 | } |
|
109 | 177 | |
|
178 | .plot-container { | |
|
179 | margin: 5px !important; | |
|
180 | } | |
|
181 | ||
|
110 | 182 | /* Change Buttons Bootstrap */ |
|
111 | 183 | .btn-primary { |
|
112 |
|
|
|
113 |
|
|
|
114 |
|
|
|
184 | color: #fff; | |
|
185 | background-color: var(--primary) !important; | |
|
186 | border-color: var(--primary) !important; | |
|
187 | /* border-radius: 1rem;*/ | |
|
115 | 188 | } |
|
116 | 189 | |
|
117 | 190 | .btn-primary:hover { |
@@ -128,6 +201,63 a:link { -webkit-tap-highlight-color: var(--tertiary); } | |||
|
128 | 201 | font-size: 0.8rem; |
|
129 | 202 | } |
|
130 | 203 | |
|
204 | .btn-primary:hover { | |
|
205 | color: #fff; | |
|
206 | background-color: var(--primary) !important; | |
|
207 | border-color: var(--primary) !important; | |
|
208 | } | |
|
209 | ||
|
210 | .btn-outline-primary { | |
|
211 | color: var(--primary); | |
|
212 | border-color: var(--primary) !important; | |
|
213 | border-radius: 1rem; | |
|
214 | min-width: 25%; | |
|
215 | } | |
|
216 | ||
|
217 | .btn-secondary { | |
|
218 | color: #fff; | |
|
219 | background-color: var(--secondary) !important; | |
|
220 | border-color: var(--secondary) !important; | |
|
221 | border-radius: 1.2rem; | |
|
222 | } | |
|
223 | ||
|
224 | .btn-year { | |
|
225 | color: #211d18; | |
|
226 | border-color: var(--primary) !important; | |
|
227 | border-radius: 1rem; | |
|
228 | min-width: 15%; | |
|
229 | } | |
|
230 | ||
|
231 | .btn-year-selected { | |
|
232 | background-color:var(--primary) !important; | |
|
233 | color: white !important; | |
|
234 | border-color: var(--primary) !important; | |
|
235 | border-radius: 1rem; | |
|
236 | min-width: 15%; | |
|
237 | } | |
|
238 | ||
|
239 | .input-search { | |
|
240 | color: #211d18; | |
|
241 | border-color: var(--primary) !important; | |
|
242 | border-radius: 1rem; | |
|
243 | min-width: 15%; | |
|
244 | } | |
|
245 | ||
|
246 | .border-left { | |
|
247 | border-color: var(--primary) !important; | |
|
248 | } | |
|
249 | ||
|
250 | .tools-input { | |
|
251 | border: 1px solid var(--primary); | |
|
252 | border-radius: 1.2rem; | |
|
253 | width: 90%; | |
|
254 | } | |
|
255 | ||
|
256 | .text-primary { | |
|
257 | color: var(--primary) !important; | |
|
258 | } | |
|
259 | ||
|
260 | ||
|
131 | 261 | /*------------------------------------------------*/ |
|
132 | 262 | |
|
133 | 263 | .panel { |
@@ -189,7 +319,7 a:link { -webkit-tap-highlight-color: var(--tertiary); } | |||
|
189 | 319 | } |
|
190 | 320 | .panel-default > .panel-heading { |
|
191 | 321 | |
|
192 |
background-color: #f |
|
|
322 | background-color: #ffffff; | |
|
193 | 323 | border-color: #fafafa; |
|
194 | 324 | } |
|
195 | 325 | .panel-default > .panel-heading + .panel-collapse > .panel-body { |
@@ -212,6 +342,13 a:link { -webkit-tap-highlight-color: var(--tertiary); } | |||
|
212 | 342 | } |
|
213 | 343 | } |
|
214 | 344 | |
|
345 | @media (min-width: 576px) { | |
|
346 | .card-columns { | |
|
347 | column-count: 2; | |
|
348 | } | |
|
349 | } | |
|
350 | ||
|
351 | ||
|
215 | 352 | @media (min-width: 768px) { |
|
216 | 353 | .card-columns { |
|
217 | 354 | column-count: 3; |
@@ -222,6 +359,9 a:link { -webkit-tap-highlight-color: var(--tertiary); } | |||
|
222 | 359 | .card-columns { |
|
223 | 360 | column-count: 4; |
|
224 | 361 | } |
|
362 | .container, .container-lg, .container-md, .container-sm, .container-xl { | |
|
363 | max-width: 1120px; | |
|
364 | } | |
|
225 | 365 | } |
|
226 | 366 | |
|
227 | 367 | @media (min-width: 1380px) { |
@@ -1,45 +1,37 | |||
|
1 | 1 | {% load static %} {% load django_bootstrap5 %} |
|
2 | 2 | <footer> |
|
3 | 3 | <div class="container"> |
|
4 | <div class="row"> | |
|
5 | <div class="col-12 col-lg-6"> | |
|
6 | <div class="footer-tittle">RADIO OBSERVATORIO DE JICAMARCA</div> | |
|
4 | 7 | <ul class="footer-contact"> |
|
5 | <li> | |
|
6 | <span class="fa fa-fax"></span><div><p>Atención al ciudadano</p> | |
|
7 | <p>Lunes a Viernes de 8:30 a 16:30</p></div> | |
|
8 | </li> | |
|
9 | <li> | |
|
10 | <span class="fa fa-map-marker"></span><div> | |
|
11 | <p>Calle Badajoz Nº 169 Urb. Mayorazgo</p> | |
|
12 | <p>I Etapa Ate, Lima 15012 - Perú</p></div> | |
|
13 | </li> | |
|
14 | <li> | |
|
15 | <span class="fa fa-envelope"></span> | |
|
16 | roj@igp.gob.pe | |
|
17 | </li> | |
|
18 | <li> | |
|
19 | <span class="fa fa-phone"></span> | |
|
20 | (511)317-2313 | |
|
21 | </li> | |
|
22 | </ul> | |
|
23 | <ul class="nav-social social-footer"> | |
|
24 | <li> | |
|
25 | <a href="https://www.facebook.com/igp.peru"><i class="fab fa-facebook-f"></i></a> | |
|
26 | </li> | |
|
27 | <li> | |
|
28 | <a href="https://twitter.com/igp_peru"><i class="fab fa-twitter"></i></a> | |
|
29 | </li> | |
|
30 | <li> | |
|
31 | <a href="https://www.linkedin.com/company/igpperu/"><i class="fab fa-linkedin-in"></i></a> | |
|
32 | </li> | |
|
33 | <li> | |
|
34 | <a href="https://www.instagram.com/igp.peru"><i class="fab fa-instagram"></i></a> | |
|
35 | </li> | |
|
36 | <li> | |
|
37 | <a href="https://www.youtube.com/igp_videos"><i class="fab fa-youtube"></i></a> | |
|
38 | </li> | |
|
8 | <li>Lunes a Jueves de 7:50 a 17:50</li> | |
|
9 | <li>Lurigancho-Chosica S/N, Lima 15464 – Perú</li> | |
|
10 | <li>roj@igp.gob.pe</li> | |
|
11 | <li>+51 1317-2313</li> | |
|
39 | 12 | </ul> |
|
13 | </div> | |
|
14 | <div class="col-12 col-lg-6"> | |
|
15 | <div class="footer-tittle">SOCIAL</div> | |
|
16 | <div class="row"> | |
|
17 | <div class="col-6"> | |
|
18 | <ul class="footer-social"> | |
|
19 | <li><a href="https://www.facebook.com/igp.peru" target="_blank"><i class="fab fa-facebook-square fa-lg" aria-hidden="true"></i> Facebook</a></li> | |
|
20 | <li><a href="https://twitter.com/igp_peru" target="_blank"><i class="fab fa-twitter-square fa-lg" aria-hidden="true"></i> Twitter</a></li> | |
|
21 | <li><a href="https://www.instagram.com/igp.peru" target="_blank"><i class="fab fa-instagram fa-lg" aria-hidden="true"></i> Instagram</a></li> | |
|
22 | </ul> | |
|
23 | </div> | |
|
24 | <div class="col-6"> | |
|
25 | <ul class="footer-social"> | |
|
26 | <li><a href="https://www.youtube.com/igp_videos" target="_blank"><i class="fab fa-youtube fa-lg" aria-hidden="true"></i> YouTube</a></li> | |
|
27 | <li><a href="https://www.linkedin.com/company/igpperu/" target="_blank"><i class="fab fa-linkedin fa-lg" aria-hidden="true"></i> Linkedin</a></li> | |
|
28 | </ul> | |
|
29 | </div> | |
|
30 | </div> | |
|
31 | </div> | |
|
32 | <!-- div class="col-12 col-lg-2"> | |
|
33 | <img src="{% static 'images/siempre-con-el-pueblo-bn-small.png' %}" class="img-fluid"> | |
|
34 | </div --> | |
|
35 | </div> | |
|
40 | 36 | </div> |
|
41 | <iframe class="map d-none d-sm-block" | |
|
42 | src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3901.828012758223!2d-76.94633793139629!3d-12.055351713347235!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x7ea774b6fa66a3c6!2sInstituto+Geof%C3%ADsico+del+Per%C3%BA!5e0!3m2!1ses-419!2spe!4v1545658855595" | |
|
43 | width="100%" height="100%" frameborder="0" allowfullscreen="false">  | |
|
44 | </iframe> | |
|
45 | </footer> No newline at end of file | |
|
37 | </footer> |
@@ -1,4 +1,4 | |||
|
1 | {% load static %} {% load django_bootstrap5 %} | |
|
1 | <!-- {% load static %} {% load django_bootstrap5 %} | |
|
2 | 2 | |
|
3 | 3 | <div id="igp-top"> |
|
4 | 4 | <div class="container"> |
@@ -127,4 +127,81 | |||
|
127 | 127 | </div> |
|
128 | 128 | <br> |
|
129 | 129 | |
|
130 | --> | |
|
130 | 131 | |
|
132 | ||
|
133 | ||
|
134 | ||
|
135 | ||
|
136 | ||
|
137 | {% load static %} {% load django_bootstrap5 %} | |
|
138 | ||
|
139 | <nav class="navbar fixed-top navbar-expand-md navbar-light bg-white igp-top"> | |
|
140 | <div class="container"> | |
|
141 | <button class="navbar-toggler" type="button" data-toggle="collapse" | |
|
142 | data-target="#navbar-main" | |
|
143 | aria-controls="navbar-main" aria-expanded="false" | |
|
144 | aria-label="Toggle navigation"> | |
|
145 | <span class="navbar-toggler-icon"></span> | |
|
146 | </button> | |
|
147 | ||
|
148 | <ul class="navbar-nav mr-auto"> | |
|
149 | <a class="nav-link pt-0" href="/"> | |
|
150 | <img class="logo img-responsive" src="{% static 'images/logo-minan.png' %}" alt="Logo Minam IGP"> | |
|
151 | <img class="logo img-responsive logo-igp-sm" src="{% static 'images/logo_igp_small.png' %}" alt="Logo IGP"> | |
|
152 | <img class="logo img-responsive logo-igp-md" src="{% static 'images/logo_igp_normal.png' %}" alt="Logo IGP"> | |
|
153 | </a> | |
|
154 | </ul> | |
|
155 | <ul class="navbar-nav ml-auto pt-0"> | |
|
156 | <li class="nav-link"> | |
|
157 | <p class="navbar-title">SIR</p> | |
|
158 | </li> | |
|
159 | </ul> | |
|
160 | </div> | |
|
161 | </nav> | |
|
162 | ||
|
163 | <nav class="navbar fixed-top navbar-expand-md navbar-light igp-menu"> | |
|
164 | <div class="container"> | |
|
165 | <div class="collapse navbar-collapse " id="navbar-main"> | |
|
166 | <ul class="nav navbar-nav"> | |
|
167 | <li class="nav-item {%if title == 'Operation'%}active{%endif%}"> | |
|
168 | <a class="nav-link" | |
|
169 | href="{% url 'url_operation' %}">Operation</a> | |
|
170 | </li> | |
|
171 | <li class="nav-item {%if title == 'Campaigns'%}active{%endif%}"> | |
|
172 | <a class="nav-link" | |
|
173 | href="{% url 'url_campaigns' %}">Campaigns</a> | |
|
174 | </li> | |
|
175 | <li class="nav-item {%if title == 'Experiments'%}active{%endif%}"> | |
|
176 | <a class="nav-link" | |
|
177 | href="{% url 'url_experiments' %}">Experiments</a> | |
|
178 | </li> | |
|
179 | <li class="nav-item {%if title == 'Configurations'%}active{%endif%}"> | |
|
180 | <a class="nav-link" | |
|
181 | href="{% url 'url_dev_confs' %}">Configurations</a> | |
|
182 | </li> | |
|
183 | <li class="nav-item {%if title == 'Devices'%}active{%endif%}"> | |
|
184 | <a class="nav-link" | |
|
185 | href="{% url 'url_devices' %}">Devices</a> | |
|
186 | </li> | |
|
187 | </ul> | |
|
188 | <ul class="navbar-nav ml-auto pt-0"> | |
|
189 | {% if user.is_authenticated %} | |
|
190 | <li class="nav-item"> | |
|
191 | <a class="nav-link" | |
|
192 | href="{% url 'admin:index' %}">Hi, {{user.first_name}}</a> | |
|
193 | </li> | |
|
194 | <li class="nav-item"> | |
|
195 | <a class="nav-link" | |
|
196 | href="{% url 'url_logout' %}"><i class="fa fa-sign-out fa-lg"></i></a> | |
|
197 | </li> | |
|
198 | {% else %} | |
|
199 | <li class="nav-item"> | |
|
200 | <a class="nav-link" | |
|
201 | href="{% url 'url_login' %}">Login</a> | |
|
202 | </li> | |
|
203 | {% endif %} | |
|
204 | </ul> | |
|
205 | </div> | |
|
206 | </div> | |
|
207 | </nav> |
@@ -122,6 +122,11 MEDIA_ROOT = os.path.join(BASE_DIR, 'media') | |||
|
122 | 122 | STATIC_URL = '/static/' |
|
123 | 123 | STATIC_ROOT = os.path.join(BASE_DIR, 'static') |
|
124 | 124 | |
|
125 | LOGIN_URL = 'login' | |
|
126 | LOGOUT_URL = 'logout' | |
|
127 | LOGIN_REDIRECT_URL = '/admin' | |
|
128 | LOGOUT_REDIRECT_URL = '/' | |
|
129 | ||
|
125 | 130 | STATICFILES_FINDERS = ( |
|
126 | 131 | 'django.contrib.staticfiles.finders.FileSystemFinder', |
|
127 | 132 | 'django.contrib.staticfiles.finders.AppDirectoriesFinder', |
General Comments 0
You need to be logged in to leave comments.
Login now