Halversum: Pizza
![](/documents/38671/3029408/hallie+pizza.jpg/f0adc1c5-82e7-a071-dc56-711adf91a0b2?t=1718281782897 );)
![](/documents/20121/1741478/hallie+icon+small.png/9f5d7339-bb37-5003-8f9a-ea9544d97ef6?t=1715152515445)
Hallie Lama
Hallie Lama is het pseudoniem van Alexander Lam (7-6-1976) waaronder hij al heel wat jaren plaatjes tekent en plaatjes draait in clubs en sinds kort ook op de radio. Van zijn hand verschenen meerdere strip- en cartoonbundels bij Uitgeverij XTRA, nieuw werk laat al heel wat jaartjes op zich wachten, behalve als je hem online volgt. Op Instagram, Twitter, Facebook en in mindere mate deze webstek levert de heer Lama nog wel degelijk verse strips en cartoons.
An error occurred while processing the template.
The following has evaluated to null or missing: ==> entry.getAssetRenderer() [in template "20097#20123#1597994" at line 314, column 29] ---- 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: assetRenderer = entry.getAssetRenderer() [in template "20097#20123#1597994" at line 314, column 13] ----
1<script>
2 $(document).ready(function (){
3 var checkExist = setInterval(function() {
4 if ($('#owl-carousel-feed').length > 0) {
5 $('#owl-carousel-feed').owlCarousel({
6 margin:20,
7 loop:true,
8 rewind:false,
9 nav:false,
10 navText : ["<i class='icon-chevron-left nav-left'></i>","<i class='icon-chevron-right nav-right'></i>"],
11 dots:true,
12 autoplay:true,
13 autoplayTimeout:5000,
14 autoplayHoverPause:true,
15 responsive:{
16 0:{
17 items:1
18 },
19 600:{
20 items:2
21 },
22 1200:{
23 items:3
24 }
25 }
26 });
27 // apply meta info to next and previous buttons and make them focusable
28 $('#owl-carousel-feed').find('.owl-prev').attr('role','button').attr('title','Vorige slide').attr('aria-label','Vorige slide');
29 $('#owl-carousel-feed').find('.owl-next').attr('role','button').attr('title','Volgende slide').attr('aria-label','Volgende slide');
30
31 clearInterval(checkExist);
32 }
33 }, 100);
34 });
35</script>
36
37<style>
38:root{
39 --blue: #111083;
40 --yellow: #ffcc17;
41}
42
43.feedpublink {
44 color: var(--main-text-color);
45 background: var(--secondary-bg-color);
46 text-transform: uppercase;
47 font-family: 'Co Headline Bold';
48 font-size: 13px;
49 padding: 12px 19px 10px 19px;
50 border-radius: 14px;
51 box-shadow: 0px 2px 6px #0000001C;
52 line-height: 1;
53 text-align: center;
54}
55.feedpublink:hover, .feedpublink:focus {
56 transform: translateY(1px);
57 color: var(--main-text-color);
58 box-shadow: 0px 1px 4px #0000001C;
59}
60.feedpublink:active {
61 transform: translateY(2px);
62 color: var(--main-text-color);
63 box-shadow: none;
64}
65
66.doeJeMeeFeed a {
67 color: var(--secondary-text-color);
68 background: var(--main-bg-color);
69 text-transform: uppercase;
70 font-family: 'Co Headline Bold';
71 font-size: 13px;
72 padding: 12px 19px 10px 19px;
73 border-radius: 14px;
74 box-shadow: 0px 2px 6px #0000001C;
75 line-height: 1;
76 text-align: center;
77}
78.doeJeMeeFeed a:hover, .doeJeMeeFeed a:focus {
79 transform: translateY(1px);
80 color: var(--secondary-text-color);
81 box-shadow: 0px 1px 4px #0000001C;
82}
83.doeJeMeeFeed a:active {
84 transform: translateY(2px);
85 color: var(--secondary-text-color);
86 box-shadow: none;
87}
88
89
90.orgContainer {
91 font-family: 'Co Text';
92 color: var(--blue);
93 margin-top:20px;
94
95}
96
97.feed_tekst {
98 color: var(--blue);
99 display:flex;
100 justify-content: space-between;
101 flex-direction: row;
102 align-items: center;
103}
104
105.feed_title {
106 font-weight: 700;
107 font-size:30px;
108 text-transform: uppercase;
109}
110
111.feed_list{
112 background-color: var(--blue);
113 position: relative;
114 width: 100%;
115 margin: 0;
116 display: flex;
117 flex-direction: column;
118 height: 202px;
119 border-radius: 35px;
120 align-items: flex-start;
121 justify-content: end;
122 background-position: center;
123 background-size: cover;
124 background-repeat: no-repeat;
125}
126
127.feed_list:hover {
128 text-decoration: none;
129}
130.feedContent{
131 z-index: 2;
132 height: 100%;
133 display: flex;
134 flex-direction: column;
135 justify-content: space-between;
136 padding: 15px 20px 20px 20px;
137}
138
139.feed_blur {
140 width: 100%;
141 background: rgba(0, 0, 0, 0.4);
142 border-radius: 0 0 35px 35px;
143/* position: absolute;*/
144 min-height: 100px;
145 display: flex;
146 flex-direction: column;
147 justify-content: end;
148}
149
150.feed_cat {
151 color: white;
152 font-size: 23px;
153 font-weight: bold;
154 text-transform: uppercase;
155 margin-bottom: 0px;
156 margin-left:5px;
157}
158
159.feed_icon {
160 height: 29px;
161 width: 29px;
162}
163
164.feed_list__header {
165 color: var(--secondary-text-color);
166 font-size: 17px;
167 text-transform: uppercase;
168}
169.feedSvg{
170 position: absolute;
171 border-radius: 0 0 31px 33px;
172}
173
174.feedLinkCat{
175 display: flex;
176 justify-content: space-between;
177 align-items: center;
178}
179
180.feedIdeeInitiatiefWrap{
181 height: 202px;
182 display: flex;
183 flex-direction: column;
184}
185.feedIdeeInitiatiefWrap h3 {
186 line-height: 1;
187 margin: 0;
188 font-size: 15px;
189 text-transform: uppercase;
190 margin-left: 15px;
191 flex: 1;
192 word-break: break-word;
193}
194.feedNews{
195 box-shadow: 0px 5px 16px #0000001A;
196 border-radius: 31px;
197 flex:1;
198 padding: 0 28px;
199 color: var(--main-text-color);
200 font-family: 'Co Headline Bold';
201}
202
203.doeJeMeeFeed {
204 display: flex;
205 justify-content: space-between;
206 position: absolute;
207 top: 0;
208 transform: translate(0, calc(-50% + -30px));
209 align-items: center;
210 width: 100%;
211}
212.doeJeMeeFeed h2{
213 margin: 0;
214 line-height: 1;
215 color: var(--main-text-color);
216}
217.feedini{
218 margin-top: 10px;
219}
220.feedCounterWrap{
221 background-image: url(/documents/20121/0/Blob.png/375a6820-36e3-ae20-3ea0-38b66fce48cd?t=1679067428648);
222 height: 72px;
223 width: 72px;
224 display: flex;
225 justify-content: center;
226 align-items: center;
227}
228.feedCounter{
229 border: solid #ffcc17;
230 height: 48px;
231 border-radius: 50%;
232 width: 48px;
233 display: flex;
234 justify-content: center;
235 align-items: center;
236 line-height: 1;
237 font-size: 19px;
238 background: var(--secondary-bg-color);
239
240}
241.innerIniIdeeWrap{
242 height: 202px;
243}
244
245@media (min-width: 992px) {
246 .list--item {
247 margin-bottom: 20px;
248 }
249 .feed_list__description {
250 display: none;
251 position: absolute;
252 top: 50%;
253 left: 500px;
254 transform: translate3d(0, -50%, 0);
255 max-width: calc(100% - 500px);
256 padding: 10px 13px;
257 border: 1px solid #ec005f;
258 z-index: 2;
259 }
260 .feed_list:hover .feed_list__description,
261 .feed_list:focus .feed_list__description {
262 display: block;
263 }
264}
265
266
267
268@media (max-width: 991px) and (min-width:577px) {
269 .feed_row.p-row-lg {
270 margin-top: -35px;
271 margin-bottom: -35px;
272 }
273
274 .feed_row.p-row-lg > div[class^="col"] {
275 padding-top: 35px;
276 padding-bottom: 35px;
277 }
278}
279
280@media (max-width: 767px) {
281 .feed_cat{
282 font-size: 21px;
283 }
284 .feedCols:nth-child(5), .feedCols:nth-child(4){
285 display: none;
286 }
287}
288
289@media(max-width: 576px){
290 .doeJeMeeFeed{
291 position: relative;
292 transform: translate(0, calc(-10px));
293 }
294
295}
296</style>
297<#assign AssetCategoryLocalServiceUtil = staticUtil['com.liferay.asset.kernel.service.AssetCategoryLocalServiceUtil'] />
298<#assign DLFileEntryLocalServiceUtil = staticUtil['com.liferay.document.library.kernel.service.DLFileEntryLocalServiceUtil'] />
299<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
300<#assign GroupLocalServiceUtil = staticUtil['com.liferay.portal.kernel.service.GroupLocalServiceUtil'] />
301<#assign DLFileEntryLocalServiceUtil = staticUtil['com.liferay.document.library.kernel.service.DLFileEntryLocalServiceUtil'] />
302<#assign IdeeCounter = JournalArticleLocalService.getArticlesCount(20121, 1155984, 0) />
303<#assign getActiveInit = GroupLocalServiceUtil.getGroupsCount(themeDisplay.getCompanyId(), 491828, true) />
304
305<#assign
306 dlAppLocalServiceUtil = staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]
307 dlUtil = staticUtil["com.liferay.document.library.kernel.util.DLUtil"]
308 />
309
310<h2 class="title" style="color:var(--main-text-color);text-transform:uppercase;">Actueel</h2>
311 <div id="owl-carousel-feed" class="owl-carousel feed_row ">
312 <#list entries as entry>
313 <#assign
314 assetRenderer = entry.getAssetRenderer()
315 entryTitle = htmlUtil.escape(assetRenderer.getTitle(locale))
316 viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, assetRenderer, entry, !stringUtil.equals(assetLinkBehavior, "viewInContext"))
317 />
318 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
319 <#assign
320 docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent())
321 ExterneLink = docXml.valueOf("//dynamic-element[@name='ExterneLink']/dynamic-content/text()")
322 image = docXml.valueOf("//dynamic-element[@name='Foto']/dynamic-content/text()")
323 />
324 <#if image?has_content>
325 <#assign
326 campagneimg_catch = image?eval
327 uuid = campagneimg_catch.uuid
328 groupId = campagneimg_catch.groupId
329 dlFile = dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(uuid,groupId?number)
330 imgUrl = dlUtil.getPreviewURL(dlFile, dlFile.getFileVersion(),themeDisplay,'')
331 />
332 </#if>
333 </#if>
334 <#assign entryCategories = AssetCategoryLocalServiceUtil.getCategories(entry.getClassName(), entry.getClassPK()) />
335 <#list entryCategories[0..*1] as entryCat>
336 <div class="item feedCols" >
337 <div <#if image?has_content>style="background-image: url('${imgUrl}&imagePreview=1');"<#else></#if> class="feed_list">
338 <div class="feed_blur">
339 <div class=" feedContent">
340 <h2 class="feed_list__header">${entryTitle}</h2>
341 <div class="feedLinkCat">
342 <a class="feedpublink" href="${viewURL}">Lees verder</a>
343 <p class="feed_cat" >${entryCat.name}</p>
344 </div>
345 </div>
346 </div>
347 <#if entryCat.name == "Initiatief">
348 <svg class="feedSvg yellowFeedSvg" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="43.559" viewBox="0 0 765.623 75.559" style="fill:var(--tertiary-bg-color);">
349 <path id="Path_61" data-name="Path 61" d="M2403-942.085l764.922-33.941.342,63.456s1.423,12.1-5.263,12.1H2410.834s-7.311,0-7.834-10.192S2403-942.085,2403-942.085Z" transform="translate(-2402.767 976.026)" ></path>
350 </svg>
351 <#else>
352 <svg class="feedSvg blueFeedSvg" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="43.559" viewBox="0 0 765.623 75.559" style="fill:var(--main-bg-color);">
353 <path id="Path_61" data-name="Path 61" d="M2403-942.085l764.922-33.941.342,63.456s1.423,12.1-5.263,12.1H2410.834s-7.311,0-7.834-10.192S2403-942.085,2403-942.085Z" transform="translate(-2402.767 976.026)" ></path>
354 </svg>
355 </#if>
356 </div>
357 </div>
358 </#list>
359
360 </#list>
361 </div>