Portal Función Pública
Episodios
Se ha producido un error al procesar la plantilla.
The string doesn't match the expected date/time/date-time format. The string to parse was: "". The expected format was: "yyyy-MM-dd".
The nested reason given follows:
Unparseable date: ""
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${Fecha.getData()?date("yyyy-MM-dd")?... [in template "418512#418548#39816488" at line 490, column 76]
----
1<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" rel="stylesheet" />
2
3<style type="text/css">
4@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
5
6#container-banner{
7 width: 100vw;
8 position: relative;
9 left: calc(-1 * (100vw - 100%) / 2);
10 padding: 59px 0px !important;
11 background-color:#283148;
12}
13
14#quienes-somos-podcast{
15 width: 100vw;
16 position: relative;
17 left: calc(-1 * (100vw - 100%) / 2);
18 padding: 0px 0px 20px 0px;
19 background:#E7EFFD;
20}
21
22#quienes-somos-podcast h2 {
23 color: #283148;
24 margin-top: 1rem;
25 font-weight: 700;
26 font-size: 3.5em;
27 margin-bottom: 1rem;
28}
29
30.banner-podcast {
31 background:url(/documents/418537/38261760/bkg-banner/abe5d76b-c064-afd1-1934-5663192ca6af?t=1613072580030) no-repeat center center #283148;
32 background-size:cover;
33}
34
35.banner-podcast:before{
36content:'';
37 position: absolute;
38 top: 0;
39 bottom: 0;
40 left: 0;
41 right: 0;
42 background-color: rgba(40,29,72,0.85);
43}
44.banner-podcast h1{
45font-size: 3.052em;
46 color: #fff;
47 position: relative;
48 margin: 0.3em 0;
49}
50
51.banner-podcast p{
52 color: #fff;
53}
54
55.etiqueta-episodio{
56 padding: 8px 16px;
57 letter-spacing: 1px;
58 display: inline-block;
59 background-color: #FCD56B;
60 font-size: 1.2em;
61}
62
63
64.boton-play span {
65 margin-left: 16px;
66 font-weight: 500;
67 font-size: 1.8em;
68 line-height: 110%;
69 color: #ffffff;
70 letter-spacing: 1px;
71}
72
73/* Extra small devices (phones, 768px and down) */
74@media only screen and (max-width: 768px) {
75
76.banner-podcast h1{
77font-size: 2.2em;
78}
79
80#detalle-episodio h1{
81font-size: 2.2em;
82}
83
84
85 #quienes-somos-podcast h2 {
86 font-size: 2.1em;
87}
88
89
90.card-categoria {
91 margin-top: 2em;
92 padding: 2.5em 2em !important;
93}
94
95 .card-categoria span.titulo {
96 font-size: 2em;
97}
98}
99
100@media only screen and (max-width: 900px) {
101
102.card-categoria {
103 padding: 3em 1em !important;
104}
105 }
106
107#titulo-episodios h2{
108 color: #272E45;
109 font-weight: 700;
110 font-size: 3rem;
111 margin: 0px;
112}
113
114#titulo-episodios form-control {
115 display: block;
116 border: 1px solid #BDBDBD !important;
117 margin-top: -4px;
118}
119
120#detalle-episodio{
121 margin-bottom: 2rem;
122}
123
124#detalle-episodio h1{
125 color: #272E45;
126 margin:0px;
127}
128
129
130.categoria-episodio{
131color:#ffffff;
132background-color: #F23858;
133padding: 4px 8px;
134letter-spacing: 1px;
135text-transform: uppercase;
136display: inline-block;
137margin-bottom: 12px;
138}
139
140
141
142select.form-control:not([size]):not([multiple]) {
143 height: calc(3rem + 2px);
144}
145
146#foto-episodio {
147 margin: 0.5rem 0px 1rem 0px;
148 line-height: 0.5;
149 height: 6.5rem;
150}
151
152
153
154
155.invitado-episodio{
156 font-size: 1em;
157 font-weight:500;
158}
159
160
161
162
163/*PAGINADOR*/
164
165.paginador {
166 text-align: center !important;
167 font-size: 1.1em;
168}
169
170.page-link-episodios {
171 position: relative;
172 display: block;
173 padding: .5rem .75rem;
174 margin-left: -1px;
175 line-height: 1.25;
176 background-color: #fff;
177 border-radius: 5px;
178 border: none;
179 margin: 10px;
180}
181
182
183
184.page-item.active .page-link-episodios {
185 z-index: 1;
186 color: #fff !important;
187 background-color: #3366CC !important;
188 border-color: #3366CC !important;
189 border-radius: 5px;
190}
191
192a.page-link-episodios {
193 background-color: #fff;
194 color: #3366CC;
195 margin: 10px;
196}
197
198.btn-ant-sig{
199 position: relative;
200 display: block;
201 padding: .5rem .75rem;
202 line-height: 1.25;
203 background-color: #fff;
204 border-radius: 5px;
205 border: none;
206 margin: 10px !important;
207}
208
209/*footer*/
210
211#footer-episodios{
212 width: 100vw;
213 position: relative;
214 left: calc(-1 * (100vw - 100%) / 2);
215 padding: 59px 0px !important;
216 background-color:#283148;
217}
218
219.img-circle{
220 background-color:#ffffff;
221 padding:0.7rem;
222
223}
224.border-left {
225 border-left: 1px solid #EEE;
226 padding: 10px 0px 10px 25px !important;
227}
228
229
230.flex-center{
231 display: flex;
232 justify-content: space-around;
233 align-items:center;
234}
235
236
237.flex-basis-80 {
238 flex-basis: 80%;
239 display: flex;
240 align-items: center;
241}
242
243.flex-basis-95 {
244 flex-basis: 95%;
245 display: flex;
246 align-items: center;
247}
248
249.mbottom30{
250 margin-bottom:30px !important;
251}
252
253.btn {
254 margin: 0.5em auto !important;
255 padding: 0.8em 1.5em;
256}
257
258
259
260
261/* Extra small devices (phones, 600px and down) */
262@media only screen and (max-width: 600px) {
263
264 .flex-center{
265 flex-direction: column;
266}
267 .etiqueta-episodio{
268 margin-top: 30px;
269}
270 .boton-play span {
271 margin-left: 10px;
272 font-size: 1.5em;
273 line-height: 100%;
274 letter-spacing: 0px;
275}
276
277.busqueda-episodios {
278margin-top:10px;
279}
280
281.border-left {
282 border-left: 0px;
283 padding: 0px;
284 margin-top:20px;
285}
286
287.mtop-xs-10{
288 margin-top:10px;
289}
290
291.mtop-xs-2{
292 margin-top:2em;
293}
294
295#container-banner .form-group {
296 margin-bottom: 5px;
297}
298
299.align-sm-left{
300 text-align:left;
301}
302
303}
304.descripcion-episodio {
305 background-image: url(/documents/418537/38261760/vineta_frecuencia_publica.svg/d3e8a504-be9b-c7f2-d3b5-e366cb0b73b5?t=1613065723833);
306 width: 100%;
307 padding-left: 3em;
308 background-repeat: no-repeat;
309 background-position: left 50%;
310 background-size: 2em;
311 text-align: left;
312 height: 5.5em;
313 margin: 0.5em 0 1.5em 0;
314}
315
316
317.descripcion-episodio p {
318 font-weight: 600;
319 line-height: 1.2em;
320 margin-top:0px !important;
321}
322
323.descripcion-episodio-detalle {
324 background-image: url(/documents/418537/38261760/vineta_frecuencia_publica.svg/d3e8a504-be9b-c7f2-d3b5-e366cb0b73b5?t=1613065723833);
325 width: 100%;
326 padding-left: 3em;
327 background-repeat: no-repeat;
328 background-position: left top;
329 background-size: 2em;
330 text-align: left;
331 height: 5.5em;
332 margin: 0.5em 0 1.5em 0;
333}
334
335
336.descripcion-episodio-detalle p {
337 font-weight: 600;
338 line-height: 1.2em;
339 margin-top:0px !important;
340}
341
342.fecha-episodio {
343 color: #F23858;
344 font-size: 1em;
345 font-weight: 500;
346 margin-bottom:0px !important;
347}
348
349.descripcion-episodio p a {
350color:#333;
351}
352
353.btn-home-podcast {
354 border: none;
355 color: #ffffff;
356 font-weight: 500;
357 white-space: normal;
358 padding: 1em 1.5em 1em 3.5em;
359 background-repeat: no-repeat;
360 background-position: 8% center;
361 background-size: 1.6em;
362 text-align: left;
363 background-color: #F23858;
364 border-radius: 5em;
365}
366
367.btn-home-podcast:hover, .btn-home-podcast:active, .btn-home-podcast:focus{
368 color: #ffffff;
369 border:none;
370}
371
372
373.btn-home-podcast, .btn-home-podcast:active{
374 background-image: url(/documents/418537/38261760/icon-home.svg/65c46101-104e-a251-020d-32a916779e63?t=1623451151439) ;
375}
376
377.btn-home-podcast:hover{
378 background-color:#E60F34;
379}
380
381stl-1-blue-solid:hover, stl-1-blue-solid:focus {
382 color: #ffffff;
383 text-decoration: none !important;
384}
385
386
387.card-categoria {
388 color: #2b2b2b;
389 display: block;
390 background-color: white;
391 padding: 4em 3em;
392 border-radius: 16px;
393 font-size:1.1em;
394 text-align: center;
395 transition: 0.2s;
396 border: 0.1em solid #A9A9A9;
397}
398
399
400
401.card-categoria img {
402 margin-left: auto;
403 margin-right: auto;
404 width: 248px;
405
406}
407
408.card-categoria span.titulo {
409 font-size: 2.5em;
410 display: block;
411 margin: 1.5em 0 0.6em 0;
412 color: #283148 !important;
413 font-family: 'Bebas Neue', cursive;
414}
415
416.card-categoria:hover {
417 transform: translateY(-0.8%);
418 box-shadow: 0 1rem 2rem rgb(0 0 0 / 5%);
419}
420
421
422
423
424/*---------Búsquedas------------*/
425
426#container-banner select.form-control {
427 -moz-appearance:none;
428 -webkit-appearance:none;
429 background-position:96% center;
430 background-repeat:no-repeat;
431 background-size:0.9em;
432 padding-bottom:0;
433 padding-right:10px;
434 padding-top:0;
435background-color: white;
436 border-radius: 10px;
437cursor: pointer;
438 background-image:url("https://www.funcionpublica.gov.co/documents/418537/38261760/fa-solid_angle-down.svg/d8b1d70e-b8e8-3a59-664a-6c0ff09e4338?t=1623799538235")
439}
440
441#container-banner input.form-control {
442 -moz-appearance:none;
443 -webkit-appearance:none;
444 background-position:96% center;
445 background-repeat:no-repeat;
446 background-size:0.9em;
447 padding-bottom:0;
448 padding-right:10px;
449 padding-top:0;
450background-color: white;
451 border-radius: 10px;
452}
453
454#container-banner .form-control {
455 border-width: 0px 0px 0px 0px !important;
456 padding: 1em !important;
457}
458
459#container-banner label, .control-label {
460 font-size: 1.1em !important;
461 margin-bottom: 8px;
462 font-weight: 400;
463}
464
465#container-banner .form-control:focus {
466 color: #333;
467}
468
469
470#container-banner input.form-control:not([size]):not([multiple]) {
471 height: calc(3rem + 2px);
472}
473
474
475select.form-control:not([size]):not([multiple]) {
476 height: calc(3rem + 2px);
477}
478</style>
479
480<#setting locale="es_CO">
481
482<div id="detalle-episodio">
483<p class="categoria-episodio">Episodio</p>
484<#assign journalArticleTitle = .vars['reserved-article-title'].data>
485<h1>${journalArticleTitle}</h1>
486</div>
487
488<p>${CodigoSpreaker.getData()}</p>
489
490<!-- div class="descripcion-episodio-detalle"><span class="fecha-episodio">${Fecha.getData()?date("yyyy-MM-dd")?date}</span>
491
492<p>${journalArticleTitle}</p>
493</div -->
494
495<#assign journalArticleResumen = .vars['reserved-article-description'].data>
496<p class="mbottom30">${journalArticleResumen}</p>
497
498<div class="row">
499<div class="col-md-6">
500<p><button class="button btn-fp w-M br-4 stl-1-blue-solid" onclick="verOcultarTranscripcion();">Quiero ver la transcripción</button></p>
501</div>
502
503<div class="col-md-6">
504<p class="text-right align-sm-left"><a href="/podcast" class="btn btn-home-podcast" type="buttom">Regresar al menú principal</a></p>
505</div>
506</div>
507
508<p> </p>
509
510<div style="display: none;" id="textoTranscripcion">${Transcripcion.getData()}</div>
511
512<script>
513 function verOcultarTranscripcion() {
514 var x = document.getElementById("textoTranscripcion");
515 if (x.style.display === "none") {
516 x.style.display = "block";
517 } else {
518 x.style.display = "none";
519 }
520}
521</script>
522<script async src="https://widget.spreaker.com/widgets.js"></script>
