##// END OF EJS Templates
FUNCIONAL Se actualizó el header y footer, ademas de añadir fuentes
Renato-TUF -
r362:8d13a1930079
parent child
Show More
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: 10px;
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 #igp-top{
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 --primary: #0200AE;
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 }
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 color: #fff;
113 background-color: #00addc !important;
114 border-color: #00addc !important;
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: #fafafa;
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">&#160;
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',
@@ -37,7 +37,7 label {
37 37 body {
38 38 color: #444;
39 39 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
40 font-size: 14px;
40 font-size: px;
41 41 }
42 42
43 43 main {
General Comments 0
You need to be logged in to leave comments. Login now