Idiomas
español
inglés
francés
alemán
Portales
Ceremonia de grados 11 de diciembre 2020
Programa de par estudiantil del CREE fortalece trayectorias académicas a través del aprendizaje
En encuentro de estudiantes, tutores, egresados y monitores, el evento resaltó la importancia del programa, destacando el impacto positivo en la formación académica y personal de los estudiantes, así como el valor de la colaboración.
May 02, 2025
Ceremonia de grados 6 de noviembre 2020
Ceremonia de grados 18 de septiembre 2020
Ceremonia de grados 28 de agosto 2020
Ceremonia de grados 17 de julio 2020
Ceremonia de grados 12 de junio 2020
null PROGRAMACIÓN-UNINORTE-EN-VERANO
modificado hace 2 años
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> citaTexto [in template "20097#20123#19422661" at line 278, column 18]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if citaTexto.getData()?? && citaText... [in template "20097#20123#19422661" at line 278, column 13]
----
1<style>
2 .buttons_cont {
3 position: fixed;
4 z-index: 1;
5 top: 50%;
6 margin-top: -92.5px;
7 background-color: rgba(0, 0, 0, 0.4);
8 border-top-right-radius: 10px;
9 border-bottom-right-radius: 10px;
10 }
11
12 .buttons_cont p {
13 margin: 13px 8px;
14 }
15 .padre{
16 position:relative;
17 }
18 .pie-inicial{
19 position:absolute;
20 z-index:1;
21 right:0;
22 left:0;
23 bottom:0px;
24 margin:auto;
25 max-width: 980px;
26 width: 90%;
27 text-align:center;
28 background-color: rgba(0, 0, 0, .75);
29 color: #fff;
30 font-style: italic;
31 font-size:small;
32 }
33 .category {
34 width: 100%;
35 display: flex;
36 justify-content: flex-end;
37 color: #fff;
38 font-size: 12px;
39 font-weight: bold;
40 text-transform: uppercase;
41 }
42
43 .category .category1,
44 .category .category2 {
45 background-color: #cf1417;
46 padding: 1rem;
47 border-radius: 0 0 15px 15px;
48 height: fit-content;
49 }
50
51 .category1 a,
52 .category2 a {
53 color: white;
54 }
55
56 .citas {
57 font-size: 16px;
58 padding: 0 0 0 10px;
59 margin: 0 0 20px;
60 border-left: 5px solid #cf1417;
61 font-style: italic;
62 }
63
64 .cita-comilla-contenedor {
65 width: 100%;
66 margin: 1rem 0;
67 }
68 .cita-comilla-borde {
69 border: 2px solid #cf1417;
70 border-radius: 10px;
71 display: flex;
72 flex-direction: row;
73 font-size: 16px;
74 }
75 .cita-comilla-borde img {
76 width: 100%;
77 max-width: 32px !important;
78 height: fit-content;
79 margin: 8px !important;
80 filter: invert(15%) sepia(36%) saturate(7058%) hue-rotate(347deg)
81 brightness(108%) contrast(106%);
82 }
83 .cita-comilla-borde #texto {
84 margin: 1rem;
85
86 }
87 .cita-comilla-borde #autor {
88 margin: 1rem;
89 font-weight:bold;
90 }
91
92
93 .history-news-template-container {
94 width: 100%;
95 }
96
97 .history-news-template-container img {
98
99 display: block;
100 margin: auto;
101 }
102 .history-news-template-container .carousel{
103 width: 100%;
104 max-width:625px;
105 margin: auto;
106 }
107
108 .m-bot span {
109 text-align: center;
110 }
111
112
113 p iframe{
114 text-align:center;
115 }
116
117
118
119 .history-news-template-container figure {
120 position: relative;
121 margin: 0;
122 }
123
124 .history-news-template-info {
125 display: flex;
126 }
127
128 .history-news-template-header {
129 text-align: center;
130 width: 90%;
131 max-width: 600px;
132 margin: auto;
133 }
134
135 .history-news-template-author {
136 width: 100%;
137 display: flex;
138 justify-content: flex-start;
139 flex-direction: column;
140 padding: 8px;
141 font-weight: bold;
142 }
143
144 .history-news-template-author p {
145 margin: 2px 0;
146 }
147
148 .mw980 {
149 width: 90%;
150 max-width: 980px;
151 margin: 0 auto;
152 }
153
154
155 @media screen and (max-width: 425px) {
156 .history-news-template-info {
157 flex-direction: column-reverse;
158 }
159
160 .history-news-template-author p {
161 text-align: center;
162 }
163
164 .buttons_cont {
165 display: flex;
166 top: auto;
167 bottom: 0;
168 width: 100%;
169 justify-content: center;
170 border-top-right-radius: 0px;
171 border-bottom-right-radius: 0px;
172 }
173 }
174</style>
175<#assign
176 journalArticleResourceLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService")
177 assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")
178 journalArticleId = .vars['reserved-article-id'].data
179 imagenurl = .vars['reserved-article-small-image-url'].data
180 dlFileEntryService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")
181/>
182<!-- Leer descripción de imagen destacada -->
183<#if imagenurl?has_content>
184 <#assign
185 uuid1=imagenurl?keep_before("?")?keep_after_last("/")
186 Group = imagenurl?keep_after("documents/")?keep_before("/")?number
187 step1 = dlFileEntryService.getFileEntryByUuidAndGroupId(uuid1, Group)
188/>
189</#if>
190<div class="history-news-template-container">
191 <div class="history-news-template-header">
192 <h1 style="font-size: 32px;">${.vars['reserved-article-title'].data}</h1>
193 <p>
194 <small>
195 ${.vars['reserved-article-description'].data}
196 </small>
197 </p>
198 </div>
199
200 <div class="padre">
201 <#if .vars['reserved-article-small-image-url'].data?has_content>
202 <!--asignar descripción en texto alt si tiene, y si no que muestre el mismo titulo de la imagen-->
203 <#if step1.getDescription()?has_content>
204 <img src="${.vars['reserved-article-small-image-url'].data}" alt="${step1.getDescription()}" style="width:90%; max-width:980px;"/>
205 <#else>
206 <img src="${.vars['reserved-article-small-image-url'].data}" alt="${step1.getTitle()}" style="width:90%; max-width:980px;"/>
207 </#if>
208 <!--termina el alt y sigue con condicional de agregar logo UN en caso de que no tenga imagen destacada por mostrar-->
209 <#else>
210 <img src="https://www.uninorte.edu.co/documents/13400067/14601182/Logo_Uninorte.jpg/48cf4a2c-1cb9-3ea3-f675-dc4096815673?t=1667419477389" alt="Uninorte logo" style="width:90%; max-width:980px;"/>
211 </#if>
212 <div class="pie-inicial">${PieDeFoto.getData()}</div>
213 </div>
214 <div class="history-news-template-info mw980">
215 <div class="mw980 history-news-template-author">
216 <#if autor??>
217 <p>Por: ${autor.getData()}</p>
218 </#if>
219 <p>
220 <#assign fechasucia = .data_model['reserved-article-display-date'].data>
221 <#assign fechalimpia = fechasucia?keep_after(", ")?keep_before(" +")?keep_before_last(" ")>
222 ${fechalimpia}
223 </p>
224 </div>
225 <div class="category">
226 <!-- nuevo formato de mostrar categoría, se hace uso ahora de tags-->
227 <#assign cat = .vars['reserved-article-asset-tag-names'].data/>
228 <#if cat?contains("academia") || cat?contains("cultura y sociedad") || cat?contains("investigación") || cat?contains("salud") || cat?contains("estudiantes") || cat?contains("egresados") || cat?contains("educación") || cat?contains("histórico")>
229 <#if cat?contains("academia")>
230 <div class="category1">
231 <a href="/web/grupo-prensa/academia"
232 target="_blank">ACADEMIA</a>
233 </div>
234 <#elseif cat?contains("cultura y sociedad")>
235 <div class="category1">
236 <a href="/web/grupo-prensa/cultura"
237 target="_blank">CULTURA Y SOCIEDAD</a>
238 </div>
239 <#elseif cat?contains("investigación")>
240 <div class="category1">
241 <a href="/web/grupo-prensa/investigacion"
242 target="_blank">INVESTIGACIÓN</a>
243 </div>
244 <#elseif cat?contains("salud")>
245 <div class="category1">
246 <a href="/web/grupo-prensa/salud"
247 target="_blank">SALUD</a>
248 </div>
249 <#elseif cat?contains("estudiantes")>
250 <div class="category1">
251 <a href="/web/grupo-prensa/estudiantes"
252 target="_blank">ESTUDIANTES</a>
253 </div>
254 <#elseif cat?contains("egresados")>
255 <div class="category1">
256 <a href="/web/grupo-prensa/noticias-egresados"
257 target="_blank">EGRESADOS</a>
258 </div>
259 <#elseif cat?contains("educación")>
260 <div class="category1">
261 <a href="/web/grupo-prensa/educacion"
262 target="_blank">EDUCACIÓN</a>
263 </div>
264 <#elseif cat?contains("histórico")>
265 <div class="category1">
266 <a href="/web/grupo-prensa/historico"
267 target="_blank">HISTÓRICO</a>
268 </div>
269 </#if>
270 </#if>
271 </div>
272 </div>
273
274 <div class="mw980 history-news-template-content">
275 ${ContenidoDeLaNoticia.getData()}
276
277 <!--primer campo de la cita, este fue editado-viejo está en teams-->
278 <#if citaTexto.getData()?? && citaTexto.getData() !="">
279 <div class="cita-comilla-contenedor">
280 <div class="cita-comilla-borde">
281 <img src="/documents/15916181/30396914/signo-de-comillas-a-la-izquierda+%281%29.png/cbe74105-fddf-f599-6407-38704ab4013e?t=1666364715581" alt="">
282 <div>
283 <p id="texto">
284 <i>${citaTexto.getData()}</i>
285 </p>
286 <p id="autor">${citaTexto.AutorDeLaCita.getData()}</p>
287 </div>
288 </div>
289 </div>
290 </#if>
291 <!--hasta acá-->
292
293 <#if seccionrepetible.getSiblings()?has_content>
294 <#list seccionrepetible.getSiblings() as cur_seccionrepetible>
295 <!--Parrafo-->
296 <#if cur_seccionrepetible.PVP.getData()?? && cur_seccionrepetible.PVP.getData() !="">
297 <div style="width: fit-content; margin: 0 auto;">
298 <div class="m-bot">${cur_seccionrepetible.PVP.getData()}</div>
299 </div>
300 </#if>
301
302 <!--Cita-->
303 <#if cur_seccionrepetible.CitaOComilln1l3b.getData()?? &&
304 cur_seccionrepetible.CitaOComilln1l3b.getData() !="">
305
306 <div class="cita-comilla-contenedor">
307 <div class="cita-comilla-borde">
308 <img src="/documents/15916181/30396914/signo-de-comillas-a-la-izquierda+%281%29.png/cbe74105-fddf-f599-6407-38704ab4013e?t=1666364715581" alt="">
309 <div>
310 <p id="texto">
311 <i>${cur_seccionrepetible.CitaOComilln1l3b.getData()}</i>
312 </p>
313 <p id="autor">${cur_seccionrepetible.CitaOComilln1l3b.AutorDeLaCitaflb9.getData()}</p>
314 </div>
315 </div>
316 </div>
317
318 </#if>
319 </#list>
320 </#if>
321 </div>
322 <!-- carrusel -->
323 <#assign contador_galeria=1>
324 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
325 <div class="carousel-inner">
326 <#if galeria.galeriaImagen.getSiblings()?has_content>
327 <#list galeria.galeriaImagen.getSiblings() as cur_galeria_galeriaImagen>
328 <#if contador_galeria==1>
329 <div class="carousel-item active">
330 <#if (cur_galeria_galeriaImagen.getData())?? && cur_galeria_galeriaImagen.getData() != "">
331 <img alt="${cur_galeria_galeriaImagen.getAttribute("alt")}" data-fileentryid="${cur_galeria_galeriaImagen.getAttribute("fileEntryId")}" src="${cur_galeria_galeriaImagen.getData()}" />
332 <p style="margin: 0 1rem;">
333 ${galeria.galeriaImagen.PieDeFoto1.getData()}
334 </p>
335 </#if>
336 </div>
337 <#else>
338 <div class="carousel-item">
339 <#if (cur_galeria_galeriaImagen.getData())?? && cur_galeria_galeriaImagen.getData() != "">
340 <img alt="${cur_galeria_galeriaImagen.getAttribute("alt")}" data-fileentryid="${cur_galeria_galeriaImagen.getAttribute("fileEntryId")}" src="${cur_galeria_galeriaImagen.getData()}" />
341 <p style="margin: 0 1rem;">${galeria.galeriaImagen.PieDeFoto1.getData()}</p>
342 </#if>
343 </div>
344 </#if>
345 <#assign contador_galeria=contador_galeria + 1>
346 </#list>
347 </#if>
348
349 </div>
350 <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
351 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
352 <span class="sr-only">Previous</span>
353 </a>
354 <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
355 <span class="carousel-control-next-icon" aria-hidden="true"></span>
356 <span class="sr-only">Next</span>
357 </a>
358 </div>
359
360 <div class="buttons_cont">
361 <p class="bttn">
362 <a id="bttn_tw" target="_blank"><img alt=""
363 src="https://www.uninorte.edu.co/documents/15916181/26880663/twitter-icon-rel-home.png/76c3b24b-0fb2-cb1d-e4e8-18a1011c7dbb?t=1654696845822"
364 style="max-width: 30px" /></a>
365 </p>
366
367 <p class="bttn">
368 <a id="bttn_fb" target="_blank"><img alt=""
369 src="https://www.uninorte.edu.co/documents/15916181/26880663/facebook-icon-rel-home.png/39b55b6d-5d1d-6d3a-ccc7-752ee26bfff7?t=1654696845712"
370 style="max-width: 30px" /></a>
371 </p>
372
373 <p class="bttn">
374 <a id="bttn_wp" target="_blank"><img alt=""
375 src="https://www.uninorte.edu.co/documents/15916181/26880663/whatsapp-icon-rel-home.png/791cf726-e5cb-ff3e-4d78-79e2f5be5dda?t=1654696845955"
376 style="max-width: 30px" /></a>
377 </p>
378
379 <p class="bttn">
380 <a id="bttn_lk" target="_blank"><img alt=""
381 src="https://www.uninorte.edu.co/documents/15916181/26880663/linkedin-icon-rel-home.png/695ab08e-679b-8c67-0a4e-7cbe2f7377fa?t=1654696845571"
382 style="max-width: 30px" /></a>
383 </p>
384 </div>
385</div>
386<script>
387 var now = new Date().toISOString().slice(0, 10);
388 const urlFromThis = (window.location.href).replace('&', '%26');
389 document.getElementById('fecha-publicacion').textContent = now;
390 document.querySelector('meta[name="url"]').setAttribute("content", urlFromThis);
391 document.querySelector('meta[name="twitter:url"]').setAttribute("content", urlFromThis);
392
393 const categoria = document.getElementById('categoria');
394 if (categoria.textContent == 'investigacion') {
395 categoria.textContent = 'Investigación';
396 } else if (categoria.textContent == 'cultura-y-sociedad') {
397 categoria.textContent = 'Cultura y sociedad';
398 } else if (categoria.textContent == 'proyeccion-social') {
399 categoria.textContent = 'Proyección Social';
400 } else if (categoria.textContent == 'salud') {
401 categoria.textContent = 'Salud';
402 }
403 else if (categoria.textContent == 'academia') {
404 categoria.textContent = 'Academia';
405 } else if (categoria.textContent == 'estudiantes') {
406 categoria.textContent = 'Estudiantes';
407 } else if (categoria.textContent == 'noticias-egresados') {
408 categoria.textContent = 'Egresados';
409 }
410
411
412 const linea = document.getElementById('linea');
413 linea.textContent = ' - ';
414 const categoria2 = document.getElementById('categoria2');
415 if (categoria2.textContent == 'none') {
416 categoria2.textContent = '';
417 linea.textContent = '';
418 } else if (categoria2.textContent == 'investigacion1') {
419 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/investigacion";
420 categoria2.textContent = 'Investigación';
421 } else if (categoria2.textContent == 'cultura-y-sociedad1') {
422 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/cultura";
423 categoria2.textContent = 'Cultura y sociedad';
424 } else if (categoria2.textContent == 'proyeccion-social1') {
425 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/proyeccion-social";
426 categoria2.textContent = 'Proyección Social';
427 } else if (categoria2.textContent == 'salud1') {
428 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/salud";
429 categoria2.textContent = 'Salud';
430 }
431 else if (categoria2.textContent == 'academia1') {
432 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/academia";
433 categoria2.textContent = 'Academia';
434 } else if (categoria2.textContent == 'estudiantes1') {
435 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/estudiantes";
436 categoria2.textContent = 'Estudiantes';
437 } else if (categoria2.textContent == 'egresados1') {
438 categoria2.href = "https://www.uninorte.edu.co/web/grupo-prensa/noticias-egresados";
439 categoria2.textContent = 'Egresados';
440 }
441
442 const facebookComment = document.querySelector('.fb-comments');
443 facebookComment.setAttribute('data-href', urlFromThis);
444
445 document.getElementById('twitter-share').href = 'https://twitter.com/intent/tweet?url=' + urlFromThis;
446 document.getElementById('fb-share').href = 'https://www.facebook.com/sharer/sharer.php?u=' + urlFromThis;
447 document.getElementById('linkedin-share').href = 'https://www.linkedin.com/sharing/share-offsite/?url=' + urlFromThis;
448 document.getElementById('wsapp-share').href = 'https://api.whatsapp.com/send?text=' + urlFromThis;
449
450 const copyText = () => {
451 const aux = document.createElement("input");
452 aux.setAttribute("value", window.location.href);
453 document.body.appendChild(aux);
454 aux.select();
455 document.execCommand("copy");
456 document.body.removeChild(aux);
457 openSnack();
458 }
459
460 const snack = document.getElementById('snack');
461
462 const openSnack = () => {
463 snack.classList.remove('close');
464 snack.classList.add('show');
465 setTimeout(closeSnack, 3000)
466 }
467
468
469 const closeSnack = () => {
470 snack.classList.remove('show');
471 snack.classList.add('close');
472 }
473</script>
474<script>
475 // Get the element
476 $tw_link = document.querySelector("#bttn_tw");
477 $fb_link = document.querySelector("#bttn_fb");
478 $wp_link = document.querySelector("#bttn_wp");
479 $lk_link = document.querySelector("#bttn_lk");
480 $href = window.location.href;
481 $href_cod = $href.replace("&", "%26").toString();
482 $tw_url = "https://twitter.com/intent/tweet?text=${.vars['reserved-article-title'].data}%20" + $href_cod;
483 $fb_url = "https://www.facebook.com/sharer/sharer.php?u=" + $href_cod;
484 $wp_url = "https://api.whatsapp.com/send?text=${.vars['reserved-article-title'].data}%20" + $href_cod;
485 $lk_url = "https://www.linkedin.com/sharing/share-offsite/?url=" + $href_cod;
486 // Set url attribute of the link
487
488 $fb_link.setAttribute("href", $fb_url);
489 $lk_link.setAttribute("href", $lk_url);
490 $tw_link.setAttribute("href", $tw_url);
491 $wp_link.setAttribute("href", $wp_url);
492</script>
Ceremonia de grados 15 de mayo 2020
Ceremonia de grados 13 de marzo 2020