1<#-- Nieuws.ftl -->
2<#-- VERSIE 19-02-2026 -->
3
4<style>
5 .icon-x {
6 width: 1em;
7 height: 1em;
8 vertical-align: -0.125em;
9 }
10</style>
11<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
12<#assign journalArticle = journalArticleLocalService.getArticle(getterUtil.getLong(groupId), .vars['reserved-article-id'].data) />
13<#assign extra_sfeerbeeld = journalArticle.getExpandoBridge().getAttribute("extra_sfeerbeeld") />
14<@liferay_util["html-top"] outputKey="metaog">
15 <#if extra_sfeerbeeld?has_content>
16 <meta property="og:image" content="${extra_sfeerbeeld}" />
17 </#if>
18 <meta property="og:type" content="article" />
19 <meta property="og:locale" content="${locale}" />
20</@>
21
22<#assign articlePrimKey = journalArticle.getResourcePrimKey() />
23<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
24<#assign asset = assetEntryLocalService.getEntry('com.liferay.journal.model.JournalArticle', journalArticle.resourcePrimKey) />
25<#assign dlfileEntryLocalServiceUtil = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") />
26
27<#-- Site variabelen ophalen om de link naar aanmelden en e-mailen -->
28<#assign groupService = serviceLocator.findService("com.liferay.portal.kernel.service.GroupLocalService") />
29<#assign group = themeDisplay.getScopeGroup() />
30<#assign link_contact_formulier = group.getExpandoBridge().getAttribute("link_contact_formulier") />
31<#assign link_default_image_nieuws = group.getExpandoBridge().getAttribute("link_default_image_nieuws") />
32<#assign userpics_url = group.getExpandoBridge().getAttribute("base_url_voor_userpics") />
33
34<#-- Contactformulier URL -->
35<#assign originalLocale = locale>
36<#setting locale = localeUtil.getDefault()>
37<#setting datetime_format = "EEE, dd MMM yyyy hh:mm:ss Z">
38<#assign displaydate = .vars['reserved-article-display-date'].data>
39<#assign displaydate = displaydate?datetime>
40<#assign linkcontactformulierurl = "/en/web/open-universiteit/" + link_contact_formulier />
41<#assign currentNieuwsUrl = request.getAttribute("CURRENT_COMPLETE_URL") />
42
43<#if currentNieuwsUrl?starts_with("http://")>
44 <#assign currentNieuwsUrlHttpHttps = currentNieuwsUrl?replace("http://", "https://") />
45<#else>
46 <#assign currentNieuwsUrlHttpHttps = currentNieuwsUrl />
47</#if>
48
49<#-- Sfeerbeeld -->
50<#if Sfeerbeeld?has_content && Sfeerbeeld.getData()!="">
51 <#assign sfeerbeeld_url = Sfeerbeeld.getData() />
52<#else>
53 <#assign sfeerbeeld_url = link_default_image_nieuws />
54</#if>
55
56<#if sfeerbeeld_url?has_content>
57 <#assign picURL = sfeerbeeld_url />
58 <#assign altText = "" />
59
60 <#if picURL?has_content>
61 <#assign image_url = picURL?split("_head_large.")[0] + "_head_small.jpg" />
62 <#assign uuid = ((picURL?split(".jpg/")[1])!"")?split("?")[0] />
63 <#if uuid?has_content && groupId != 0>
64 <#assign dlfileEntry = dlfileEntryLocalServiceUtil.fetchDLFileEntryByUuidAndGroupId(uuid,getterUtil.getLong(groupId)) />
65 <#assign altText = dlfileEntry.getDescription() />
66 <#if altText == "">
67 <#assign altText = dlfileEntry.getTitle() />
68 </#if>
69 </#if>
70 </#if>
71</#if>
72
73<#-- Twitter en Facebook URL genereren -->
74<#assign Current_URL = currentNieuwsUrlHttpHttps />
75<#assign facebook_URL = Current_URL />
76<#assign titleLinkedIn = htmlUtil.stripHtml(.vars['reserved-article-title'].data) />
77<#assign InleidingLinkedIn = htmlUtil.stripHtml(Inleiding.getData()) />
78<#assign InleidingLinkedIn = InleidingLinkedIn[0..*265] />
79<#assign linkedin_URL = httpUtil.encodeURL(Current_URL) + "&title=" + httpUtil.encodeURL(titleLinkedIn) + "+&summary=+" + httpUtil.encodeURL(InleidingLinkedIn) + "+&source=+" + httpUtil.encodeURL("Open Universiteit") />
80<#assign InleidingAsPlainText = Inleiding.getData()?replace("<.*?>","","r") />
81<#assign mailto = "mailto:?subject=" + languageUtil.get(locale, 'GELEZEN_OP_OU_NL') + " " + .vars['reserved-article-title'].data + "&body=" + InleidingAsPlainText + " [" + Current_URL + "]" />
82
83<#-- Check and decide if fe display one or two columns -->
84<#assign width_left_column_ccs_class = "content__left col-xs-12 col-md-8" />
85<#assign showRightColumn = true />
86
87<#if getterUtil.getBoolean((content_full_width.getData())!false)>
88 <#assign width_left_column_ccs_class = "content__left col-xs-12 col-md-12" />
89 <#assign showRightColumn = false />
90</#if>
91
92<#-- Contact persoon informatie ophalen -->
93<#assign Persoon_Tonen = "false" />
94
95<#if Persoon.getChild("Persoon_Tonen").getData()=="true">
96 <#assign Persoon_Tonen = "true" />
97 <#assign Persoon_Gebruikersacroniem = Persoon.getChild("Persoon_Gebruikersacroniem").getData() />
98 <#assign Persoon_Naam = Persoon.getChild("Persoon_Naam").getData() />
99 <#assign Persoon_Titel = Persoon.getChild("Persoon_Titel").getData() />
100 <#if (Persoon.Persoon_Gebruikersacroniem.getData())?has_content>
101 <#assign Persoon_Foto_URL = userpics_url + Persoon.Persoon_Foto_Url.getData() />
102 <#assign Persoon_Link = "/profiel/"+Persoon_Gebruikersacroniem?upper_case />
103 <#else>
104 <#assign Persoon_Foto_URL = Persoon.Persoon_Foto_Url.getData() />
105 </#if>
106 <#if Persoon_Functie?has_content && Persoon_Functie != "">
107 <#assign Persoon_Functie = Persoon.Persoon_Functie.getData() />
108 </#if>
109</#if>
110
111<#-- category name -->
112<#assign vocLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService") />
113<#assign catLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
114<#assign companyGroupId = themeDisplay.getCompanyGroupId() />
115<#assign vocabulary = vocLocalService.getGroupVocabulary(companyGroupId,"Wetenschapsgebied") />
116<#assign vocabularyId = vocabulary.vocabularyId />
117<#assign thema = "" />
118<#assign vocabularyThema = vocLocalService.getGroupVocabulary(companyGroupId,"Thema") />
119<#assign vocabularyThemaId = vocabularyThema.vocabularyId />
120<#assign articleCatNames = catLocalService.getCategoryNames("com.liferay.journal.model.JournalArticle", getterUtil.getLong(articlePrimKey)) />
121<#assign categories = catLocalService.getCategories("com.liferay.journal.model.JournalArticle", getterUtil.getLong(articlePrimKey)) />
122<#assign categoryName = "corporate" />
123<#list categories as category>
124 <#if category.vocabularyId == vocabularyId>
125 <#assign categoryName = category.getName() />
126 <#assign categoryName = categoryName?replace("\\W", " ", "r")?replace("\\s+", "-", "r")?lower_case />
127 <#if categoryName?starts_with("-")>
128 <#assign categoryName = categoryName?string[1] />
129 </#if>
130 <#elseif category.vocabularyId == vocabularyThemaId>
131 <#assign thema = category.getName() />
132 </#if>
133</#list>
134
135<#assign colorKey = " bg--corporate " />
136<#if categoryName == "cultuurwetenschappen">
137 <#assign colorKey = " bg--cw " />
138<#elseif categoryName == "milieu-natuurwetenschappen" || categoryName == "natuurwetenschappen" />
139 <#assign colorKey = " bg--nw " />
140<#elseif categoryName == "informatica" || categoryName == "informatiekunde"/>
141 <#assign colorKey = " bg--inf " />
142<#elseif categoryName == "managementwetenschappen" />
143 <#assign colorKey = " bg--mw " />
144<#elseif categoryName == "onderwijswetenschappen" />
145 <#assign colorKey = " bg--ow " />
146<#elseif categoryName == "psychologie" />
147 <#assign colorKey = " bg--psy " />
148<#elseif categoryName == "rechtswetenschappen" />
149 <#assign colorKey = " bg--rw " />
150<#elseif categoryName == "gezondheidswetenschappen" />
151 <#assign colorKey = " bg--gw " />
152</#if>
153
154<#-- Create link for meer lezen -->
155<#assign overzichtlink = group.getExpandoBridge().getAttribute("link_naar_alle_items_Artikelen") />
156<#assign alle_artikelen_link = "/web"+group.getFriendlyURL()+"/"+group.getExpandoBridge().getAttribute("link_naar_alle_items_Nieuws") />
157<#assign friendly_url = "/en/web/open-universiteit" />
158<#if friendly_url == "/web/nieuwsplaza">
159 <#assign overzichtlink = friendly_url + "/" + group.getExpandoBridge().getAttribute("link_naar_alle_items_Nieuws")/>
160</#if>
161<#assign vocabularySoort = vocLocalService.getGroupVocabulary(companyGroupId,"Soort") />
162<#assign vocabularyIdSoort = vocabularySoort.vocabularyId />
163<#assign tekstNaarAlleArtikelen = "Meer artikelen" />
164<#assign tekstInBreadcrumb = "Artikelen" />
165<#list categories as category>
166 <#if category.vocabularyId == vocabularyIdSoort>
167 <#assign soortCategory = category.getName() />
168 <#assign overzichtlink = overzichtlink + "?categorieen=${soortCategory}" />
169 <#if soortCategory?upper_case == "NIEUWSBERICHT">
170 <#assign tekstInBreadcrumb = "Nieuwsbericht" />
171 <#assign tekstNaarAlleArtikelen = "Meer nieuwsberichten" />
172 <#elseif soortCategory?upper_case == "WEBCOLUMN">
173 <#assign tekstInBreadcrumb = "Webcolumns" />
174 <#assign tekstNaarAlleArtikelen = "Meer webcolumns" />
175 <#elseif soortCategory?upper_case == "PODCAST">
176 <#assign tekstInBreadcrumb = "Podcasts" />
177 <#assign tekstNaarAlleArtikelen = "Meer Podcasts" />
178 </#if>
179 <#if thema?? && thema?has_content>
180 <#assign filterThema = thema?replace("\\s+", "+", "r") />
181 <#assign overzichtlink = overzichtlink + ",${filterThema}" />
182 </#if>
183 </#if>
184</#list>
185
186<#list asset.getTags() as tag>
187 <#if tag.name == "persbericht">
188 <#assign tekstNaarAlleArtikelen = "Meer persberichten" />
189 <#assign tekstInBreadcrumb = "Persberichten" />
190 <#assign overzichtlink = group.getExpandoBridge().getAttribute("persberichten_overzichtspagina") />
191 </#if>
192</#list>
193<#assign titleFlipped = false />
194<#list asset.getTags() as tag>
195 <#if tag.name == "fliptitle">
196 <#assign titleFlipped = true />
197 </#if>
198</#list>
199<!-- START BREADCRUMB -->
200<section class="container-fluid section breadcrumbs">
201 <div class="layout__content-container">
202 <ul aria-label="Klikpad" class="breadcrumb breadcrumb-horizontal">
203 <li class="first breadcrumb-truncate"><a href="/en/web/open-universiteit">Open Universiteit</a><span class="divider">/</span></li>
204 <li class="current-parent breadcrumb-truncate"><a href="/en/web/open-universiteit/${overzichtlink}">${tekstInBreadcrumb}</a><span class="divider">/</span></li>
205 <li class="active last breadcrumb-truncate"><a href="${currentNieuwsUrlHttpHttps}">${htmlUtil.stripHtml(.vars['reserved-article-title'].data)} </a><span class="divider">/</span></li>
206 </ul>
207 </div>
208</section>
209
210<!-- START FULL IMAGE -->
211<section class="container-fluid section padding-top padding-bottom">
212 <div class="full-image full-image--smaller">
213 <div class="full-image__bg">
214 <img src="${image_url}" alt="${altText}" style="display:none"/>
215 <div class="full-image__bg__img" id="Article_${.vars['reserved-article-id'].data}" style="background: url('${image_url}') no-repeat center; background-size: cover;"></div>
216 </div>
217 <#if !titleFlipped>
218 <div class="full-image__content">
219 <div class="layout__content-container">
220 <div class="row">
221 <div class="col-md-12">
222 <#if thema?? && thema?has_content && !getterUtil.getBoolean((Titel_Verbergen.getData())!false)>
223 <span class="o-label ${colorKey}">${thema}</span>
224 <div class="full-image__content__title">${.vars['reserved-article-title'].data}</div>
225 <#elseif !getterUtil.getBoolean((Titel_Verbergen.getData())!false)>
226 <div class="full-image__content__title">${.vars['reserved-article-title'].data}</div>
227 <div class="full-image__content__stripe ${colorKey}"></div>
228 </#if>
229 </div>
230 </div>
231 </div>
232 </div>
233 </#if>
234 </div>
235</section>
236<!-- END FULL IMAGE -->
237
238<!-- START SECTION - CONTENT -->
239<section class="container-fluid section padding-top padding-bottom">
240 <div class="layout__content-container">
241 <div class="content">
242 <div class="row">
243 <div class="${width_left_column_ccs_class}">
244 <#if titleFlipped>
245 <div>
246 <#if !getterUtil.getBoolean((Titel_Verbergen.getData())!false)>
247 <h1 style="margin: 0 20px 20px 0">${.vars['reserved-article-title'].data}</h1>
248 </#if>
249 </div>
250 </#if>
251 <div class="paragraph--intro">
252 ${Inleiding.getData()}
253 </div>
254 <div>
255 ${Artikel.getData()}
256 </div>
257 <div class="social-media social-media__intro">
258 <ul class="social-media__container">
259 <li class="social-media__item"><a href="https://www.facebook.com/share.php?u=${facebook_URL}" class="fa fa-facebook" target="_blank"></a></li>
260 <li class="social-media__item"><a href="https://www.linkedin.com/shareArticle?mini=true&url=${linkedin_URL}" class="fa fa-linkedin" target="_blank"></a></li>
261 <li class="social-media__item"><a href="${mailto}" class="fa fa-envelope-o" target="_blank"></a></li>
262 <li class="social-media__item"><a onclick="printFunction()" class="fa fa-print" target="_blank"></a></li>
263 </ul>
264 </div>
265 <div class="content__date">Laatst gewijzigd op: ${displaydate?datetime?string("d MMM yyyy H:mm")}</div>
266 <div class="m-t-l m-b-l" style="text-align: center;">
267 <a href="${overzichtlink}" class="btn btn--tertiary btn--right ">${tekstNaarAlleArtikelen}</a>
268 <a href="https://www.ou.nl/aanmelden-nieuwsbrieven" target="_blank" class="btn btn--primary btn--left ">Aanmelden nieuwsbrieven</a>
269 </div>
270 </div>
271 <#if showRightColumn>
272 <div class="content__right pull-top col-padding-left col-xs-12 col-md-4">
273 <#if Persoon_Tonen=="true">
274 <a href="${Persoon_Link}" class="person person--small bg__gray sidebar-widget" data-senna-off="true" target="_blank">
275 <div class="person__container">
276 <#if Persoon.Persoon_Foto_Url.getData() != "">
277 <div class="person__photo person__photo__large" style="background: url(${Persoon_Foto_URL}) no-repeat center; background-size: cover;"></div>
278 </#if>
279 <div class="person__content">
280 <div class="person__name">${Persoon_Titel} ${Persoon_Naam}</div>
281 <#if Persoon_Functie?has_content && Persoon_Functie != "">
282 <div class="person__function">${Persoon_Functie}</div>
283 </#if>
284 </div>
285 </div>
286 </a>
287 </#if>
288
289 <#if Publicatie?has_content && Publicatie.getSiblings()?first.Publicatie_Titel.getData()?has_content>
290 <div class="publications-widget bg__gray sidebar-widget">
291 <div class="publications-widget__container">
292 <div class="section-title sidebar-widget__title">
293 <h4>Publicaties </h4>
294 <div class="section-title__stripe"></div>
295 </div>
296 <div class="list list-navigation">
297 <ul>
298 <#list Publicatie.getSiblings() as Publicatie>
299 <li>
300 <a class="list-navigation__item" href="${Publicatie.Publicatie_Link.getData()}">
301 <div class="list-navigation__item__content">
302 <div class="publications-widget__title">
303 ${Publicatie.Publicatie_Titel.getData()}
304 </div>
305 <div class="publications-widget__content">
306 ${Publicatie.Publicatie_Beschrijving.getData()}
307 </div>
308 </div>
309 <div class="list-navigation__item__arrow">
310 <span class="fa fa-chevron-right"></span>
311 </div>
312 </a>
313 </li>
314 </#list>
315 </ul>
316 </div>
317 </div>
318 </div>
319 </#if>
320
321 <#if Gerelateerde_studies?has_content && Gerelateerde_studies.getChild("Opleidingcode").getData()?has_content>
322 <#assign Gerelateerde_studies = Gerelateerde_studies.getChild("Opleidingcode").getSiblings() />
323
324 <div class="related-education-widget bg__gray sidebar-widget">
325 <div class="section-title sidebar-widget__title">
326 <h4>Gerelateerde studies</h4>
327 <div class="section-title__stripe"></div>
328 </div>
329 <div class="list list-navigation">
330 <ul>
331 <#list Gerelateerde_studies as studieCode>
332 <#assign Sku = studieCode.getData() />
333 <#assign Opleidinglink = "/opleiding?sku=" + Sku />
334 <#assign opleidingArticle = "" />
335 <#assign opleidingArticle = (journalArticleLocalService.fetchArticle(getterUtil.getLong(groupId), Sku))! />
336
337 <#if opleidingArticle?has_content>
338 <#assign Opleidingnaam = "" />
339 <#assign Opleidingnaam = opleidingArticle.getTitle(locale) />
340 <#assign document = saxReaderUtil.read(opleidingArticle.getContentByLocale(locale)) />
341 <#assign rootElement = document.getRootElement() />
342 <#assign Studievorm = "" />
343 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Studievorm']") />
344 <#assign Studievorm = xPathSelector.selectSingleNode(rootElement).getStringValue() />
345 <#assign Studiepunten = "" />
346 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Studiepunten']") />
347 <#assign Studiepunten = xPathSelector.selectSingleNode(rootElement).getStringValue() />
348 <#assign Wetenschapsgebied = "" />
349 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Wetenschapsgebied']") />
350 <#assign Wetenschapsgebied = xPathSelector.selectSingleNode(rootElement).getStringValue() />
351 <#assign Wetenschapsgebied = Wetenschapsgebied?replace("\\W", " ", "r")?trim?replace("\\s+", "-", "r")?lower_case />
352
353 <#assign SkuColor = " bg--corporate " />
354 <#if Wetenschapsgebied == "cultuurwetenschappen">
355 <#assign SkuColor = " bg--cw " />
356 <#elseif Wetenschapsgebied == "milieu-natuurwetenschappen" || categoryName == "natuurwetenschappen" />
357 <#assign SkuColor = " bg--nw " />
358 <#elseif Wetenschapsgebied == "informatica-en-informatiekunde" />
359 <#assign SkuColor = " bg--inf " />
360 <#elseif Wetenschapsgebied == "managementwetenschappen" />
361 <#assign SkuColor = " bg--mw " />
362 <#elseif Wetenschapsgebied == "onderwijswetenschappen" />
363 <#assign SkuColor = " bg--ow " />
364 <#elseif Wetenschapsgebied == "psychologie" />
365 <#assign SkuColor = " bg--psy " />
366 <#elseif Wetenschapsgebied == "rechtswetenschappen" />
367 <#assign SkuColor = " bg--rw " />
368 <#elseif Wetenschapsgebied == "gezondheidswetenschappen" />
369 <#assign SkuColor = " bg--gw " />
370 </#if>
371
372 <li>
373 <#if Sku?contains("-")>
374 <a href="${Opleidinglink}" class="list-navigation__item list__item" style="display:table;">
375 <div class="related-education-widget__tile ${SkuColor}" style="line-height:20px; display:table-cell; vertical-align:middle;" data-wg="${Wetenschapsgebied}">
376 <#assign index = Sku?index_of("-") + 1 />
377 <#assign sku1 = Sku?substring(0, index) />
378 <#assign sku2 = Sku?substring(index, Sku?length) />
379 ${sku1}</br>
380 ${sku2}
381 </div>
382 <div class="related-education-widget__content" style="margin-left:10px;">
383 <div class="list__item__description">${Studievorm}| ${Studiepunten}</div>
384 <h4 class="list__item__title">${Opleidingnaam}</h4>
385 </div>
386 <div class="list-navigation__item__arrow">
387 <span class="fa fa-chevron-right"></span>
388 </div>
389 </a>
390 <#else>
391 <a href="${Opleidinglink}" class="list-navigation__item list__item">
392 <div class="related-education-widget__tile ${SkuColor}" data-wg="${Wetenschapsgebied}">
393 ${Sku}
394 </div>
395 <div class="related-education-widget__content">
396 <div class="list__item__description">${Studievorm}| ${Studiepunten}</div>
397 <h4 class="list__item__title">${Opleidingnaam}</h4>
398 </div>
399 <div class="list-navigation__item__arrow">
400 <span class="fa fa-chevron-right"></span>
401 </div>
402 </a>
403 </#if>
404 </li>
405 </#if>
406 </#list>
407 </ul>
408 </div>
409 </div>
410 </#if>
411
412
413 <#if GerelateerdOnderzoek?has_content && GerelateerdOnderzoek.getSiblings()?first.Onderzoek_Titel.getData()?has_content>
414 <div class="publications-widget bg__gray sidebar-widget">
415 <div class="publications-widget__container">
416 <div class="section-title sidebar-widget__title">
417 <h4>Gerelateerd onderzoek </h4>
418 <div class="section-title__stripe"></div>
419 </div>
420 <div class="list list-navigation">
421 <ul>
422 <#list GerelateerdOnderzoek.getSiblings() as GerelateerdOnderzoek>
423 <li>
424 <a class="list-navigation__item" href="${GerelateerdOnderzoek.Onderzoek_Link.getData()}">
425 <div class="list-navigation__item__content">
426 <div class="publications-widget__title">
427 ${GerelateerdOnderzoek.Onderzoek_Titel.getData()}
428 </div>
429 <div class="publications-widget__content">
430 ${GerelateerdOnderzoek.Onderzoek_Beschrijving.getData()}
431 </div>
432 </div>
433 <div class="list-navigation__item__arrow">
434 <span class="fa fa-chevron-right"></span>
435 </div>
436 </a>
437 </li>
438 </#list>
439 </ul>
440 </div>
441 </div>
442 </div>
443 </#if>
444
445 <#if Podcast?has_content && Podcast.getSiblings()?first.Podcast_Titel.getData()?has_content>
446 <div class="publications-widget bg__gray sidebar-widget">
447 <div class="publications-widget__container">
448 <div class="section-title sidebar-widget__title">
449 <h4>Podcast </h4>
450 <div class="section-title__stripe"></div>
451 </div>
452 <div class="list list-navigation">
453 <ul>
454 <#list Podcast.getSiblings() as Podcast>
455 <li>
456 <a class="list-navigation__item" href="${Podcast.Podcast_Link.getData()}">
457 <div class="list-navigation__item__content">
458 <div class="publications-widget__title">
459 ${Podcast.Podcast_Titel.getData()}
460 </div>
461 <div class="publications-widget__content">
462 ${Podcast.Podcast_Beschrijving.getData()}
463 </div>
464 </div>
465 <div class="list-navigation__item__arrow">
466 <span class="fa fa-chevron-right"></span>
467 </div>
468 </a>
469 </li>
470 </#list>
471 </ul>
472 </div>
473 </div>
474 </div>
475 </#if>
476 </div>
477 </#if>
478 </div>
479 </div>
480 </div>
481</section>
482<!-- END SECTION - CONTENT -->
483<script>
484 history.scrollRestoration = "manual";
485 $(document).ready(function() {
486 $("html,body").animate({scrollTop: 0}, 100); //100ms for example
487 });
488</script>