PageSourceSearch

https://in.fo/

html in.fo collected 2026-10-02 08:04:12 UTC 128,636 bytes, 3,128 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fo">
3    <head>
4        <meta charset="UTF-8" />
5        <meta
6            name="viewport"
7            content="width=device-width, initial-scale=1.0"
8        />
9        <meta
10            http-equiv="X-UA-Compatible"
11            content="ie=edge"
12        />
13
14        <title>Forsíða - info</title>
15
16                    <meta
17    name="description"
18    content="info (Faroese for 'Dawn') is the oldest and largest newspaper of the Faroe Islands and is based in Tórshavn."
19/>
20
21<meta
22    property="og:title"
23    content="in.fo | Tíðindi"
24/>
25<meta
26    property="og:description"
27    content="info (Faroese for 'Dawn') is the oldest and largest newspaper of the Faroe Islands and is based in Tórshavn."
28/>
29<meta
30    property="og:image"
31    content="https://in.fo/assets/d.jpg"
32/>
33<meta
34    property="og:type"
35    content="website"
36/>
37<meta
38    property="og:url"
39    content="https://in.fo/"
40/>
41
42<meta
43    name="twitter:card"
44    content="https://in.fo/assets/d.jpg"
45/>
46<meta
47    name="twitter:title"
48    content="in.fo | Tíðindi"
49/>
50<meta
51    name="twitter:description"
52    content="info (Faroese for 'Dawn') is the oldest and largest newspaper of the Faroe Islands and is based in Tórshavn."
53/>
54<meta
55    name="twitter:image"
56    content="https://in.fo/assets/d.jpg"
57/>
58
59        
59<script>
60            const newestArticleId = '7fcbe857-8128-4313-a9f0-5aa04e712967';
61        </script>
61
62        
63        <link
64            rel="shortcut icon"
65            href="https://in.fo/favicon.ico"
66            type="image/x-icon"
67        />
68
69        
70        <link rel="preload" as="style" href="https://in.fo/build/assets/app-DHHefGyc.css" /><link rel="stylesheet" href="https://in.fo/build/assets/app-DHHefGyc.css" />        <link rel="modulepreload" as="script" href="https://in.fo/build/assets/script-UXxOdrHY.js" />
70<script type="module" src="https://in.fo/build/assets/script-UXxOdrHY.js"></script>
70
71        <style>
72            [x-cloak] {
73                display: none;
74            }
75        </style>
76    </head>
77
78    <body>
79        <div
80    x-cloak
81    x-data="advertisementList('topp-bannari', 2, 2)"
82    class="bg-white py-6"
83    :class="{
84        'hidden': !advertisements.length
85    }"
86>
87    
88    <div class="mx-auto max-w-site px-6 sm:px-8 lg:px-0">
89        <div
90            class="grid gap-[30px] sm:grid-cols-2"
91            :class="{
92                '!grid-cols-1 max-w-[585px] mx-auto': advertisements.length == 1
93            }"
94        >
95            <template x-for="advertisement in advertisements">
96                <div
97    x-cloak
98    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
99>
100    
101    <template x-if="advertisement && advertisement.embed_code">
102        <iframe
103            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
104            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
105            loading="lazy"
106            scrolling="no"
107            title="Lýsing"
108            class="absolute left-0 top-0 h-full w-full border-0"
109        ></iframe>
110    </template>
111
112    <template x-if="advertisement && !advertisement.embed_code">
113        <a
114            :href="`/lysingar/${advertisement?.id}`"
115            target="_blank"
116            class="absolute left-0 top-0 block h-full w-full"
117        >
118            <template x-if="advertisement.mimetype?.includes('image/')">
119                <img
120                    :src="advertisement.media_url"
121                    loading="lazy"
122                    class="absolute left-0 top-0 h-full w-full object-contain"
123                />
124            </template>
125
126            <template x-if="advertisement.mimetype?.includes('video/')">
127                <video
128                    :src="advertisement.media_url"
129                    muted="muted"
130                    autoplay="autoplay"
131                    loop="loop"
132                    playsinline="playsinline"
133                    loading="lazy"
134                    class="absolute left-0 top-0 h-full w-full object-contain"
135                ></video>
136            </template>
137        </a>
138    </template>
139</div>
140            </template>
141        </div>
142    </div>
143</div>
144
145        
146        
147        <div
148        x-data="{
149            index: 0,
150            banner: null,
151            banners: JSON.parse('[{&quot;id&quot;:&quot;TX7-t7kqrYWAeZpueah6-&quot;,&quot;link&quot;:&quot;https:\/\/sos.fo&quot;,&quot;image&quot;:&quot;banners\/35_720x100_sos-in_fo.gif&quot;}]'),
152            secondsPerImage: 0,
153
154            init() {
155                this.banner = this.banners[this.index]
156
157                if (this.banners.length > 1) {
158                    setInterval(() => {
159                        this.index = (this.index + 1) % this.banners.length
160                        this.banner = this.banners[this.index]
161                    }, this.secondsPerImage * 1000)
162                }
163            },
164
165            get target() {
166                return '_blank'
167            },
168        }"
169        class="mb-[30px] px-6 sm:hidden"
170    >
171        <template x-if="banner">
172            <a
173                :href="banner.link"
174                :target="target"
175                class="mx-auto block max-w-site sm:px-6 lg:px-0"
176            >
177                <img
178                    :src="assetUrl(banner.image)"
179                    class="h-[50px] w-full object-contain"
180                />
181            </a>
182        </template>
183    </div>
184
185        <header
186    x-data
187    x-cloak
188    class="mb-8 border-y bg-white font-sans"
189>
190    <div class="flex justify-center border-b px-8 py-4">
191        <a
192            href="https://in.fo"
193            class="inline-block"
194        >
195            <img
196                src="https://in.fo/assets/info-logo-green.svg"
197                alt="info"
198                
199                class="h-[3.6rem] w-auto"
200            />
201        </a>
202    </div>
203
204    
205    <div class="mx-auto flex max-w-site items-center justify-end gap-5 px-6 py-2 lg:px-8">
206        <div class="flex w-full flex-shrink-0 items-center justify-between gap-x-5 sm:w-auto 
206sm:justify-end">
207            
208            
209            <a
210    href="#"
211            x-on:click.prevent.stop="$dispatch(&#039;open-search-modal&#039;)"
212        class="flex h-11 w-11 flex-col items-center justify-center transition hover:text-stone-500"
213>
214    <svg
215    xmlns="http://www.w3.org/2000/svg"
216    fill="none"
217    viewBox="0 0 24 24"
218    stroke-width="1.5"
219    stroke="currentColor"
220    class="size-5"
221>
222    <path
223        stroke-linecap="round"
224        stroke-linejoin="round"
225        d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
226    />
227</svg>
228
229    <div class="text-[10px] sm:text-xs">Leita</div>
230</a>
231
232            <div class="flex flex-row-reverse items-center gap-5 sm:flex-row">
233                <a
234    href="#"
235            x-on:click.prevent.stop="$dispatch(&#039;open-menu&#039;)"
236        class="flex h-11 w-11 flex-col items-center justify-center transition hover:text-stone-500"
237>
238    <svg
239    xmlns="http://www.w3.org/2000/svg"
240    fill="none"
241    viewBox="0 0 24 24"
242    stroke-width="1.5"
243    stroke="currentColor"
244    class="size-5"
245>
246    <path
247        stroke-linecap="round"
248        stroke-linejoin="round"
249        d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
250    />
251</svg>
252
253    <div class="text-[10px] sm:text-xs">Valmynd</div>
254</a>
255
256                
257                            </div>
258        </div>
259    </div>
260
261    
262    <div class="hidden border-t lg:block">
263        <nav class="mx-auto flex max-w-site flex-wrap items-center justify-center gap-x-4 gap-y-1 px-6 py-1.5 text-sm uppercase lg:px-8 xl:gap-x-6">
264                            
265                                    <a
266                        href="https://in.fo"
267                                                class="flex flex-shrink-0 items-center gap-1.5 py-1.5 font-bold underline"
268                    >
269                        
270                        Forsíða
271                    </a>
272                                            
273                                    <div
274                        x-data="{ open: false }"
275                        @mouseenter="open = true"
276                        @mouseleave="open = false"
277                        class="relative flex-shrink-0"
278                    >
279                        <a
280                            href="https://in.fo?c=tidindi"
281                            @focus="open = true"
282                            class="flex items-center gap-1 py-1.5 "
283                        >
284                            Tíðindi
285
286                            
287                            <svg
288                                class="size-3 "
289                                 style="color: #ea0708"                                 viewB
289ox="0 0 20 20"
290                                fill="currentColor"
291                            >
292                                <path
293                                    fill-rule="evenodd"
294                                    d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
295                                    clip-rule="evenodd"
296                                />
297                            </svg>
298                        </a>
299
300                        <div
301                            x-show="open"
302                            x-transition.opacity.duration.150ms
303                            x-cloak
304                            class="absolute left-0 top-full z-50 min-w-[230px] rounded-b border border-stone-200 bg-white py-1 shadow-lg"
305                        >
306                                                            <a
307                                    href="https://in.fo?c=innanlands"
308                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
309                                >
310                                    Innanlands
311                                </a>
312                                                            <a
313                                    href="https://in.fo?c=uttanlands"
314                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
315                                >
316                                    Uttanlands
317                                </a>
318                                                            <a
319                                    href="https://in.fo?c=lesarabrov"
320                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
321                                >
322                                    Lesarabrøv
323                                </a>
324                                                            <a
325                                    href="https://in.fo?c=tingfo"
326                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
327                                >
328                                    Ting.fo
329                                </a>
330                                                            <a
331                                    href="https://in.fo?c=loegtingsval-2026"
332                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
333                                >
334                                    Løgtingsval 2026
335                                </a>
336                                                            <a
337                                    href="https://in.fo?c=folkatingsval-2026"
338                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
339                                >
340                                    Fólkatingsval 2026
341                                </a>
342                                                            <a
343                                    href="https://in.fo?c=lysingagrein"
344                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
345                                >
346                                    Lýsingagreinar
347                                </a>
348                                                    </div>
349                    </div>
350                                            
351                                    <div
352                        x-data="{ open: false }"
353                        @mouseenter="open = true"
354                        @mouseleave="open = false"
355                        class="relative flex-shrink-0"
356                    >
357                        <a
358                            href="https://in.fo?c=itrottur"
359                            @focus="open = true"
360                            class="flex items-center gap-1 py-1.5 "
361                        >
362                            Ítróttur
363
364                            
365                            <svg
366                                class="size-3 "
367                                 style="color: #179e20"                                 viewB
367ox="0 0 20 20"
368                                fill="currentColor"
369                            >
370                                <path
371                                    fill-rule="evenodd"
372                                    d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
373                                    clip-rule="evenodd"
374                                />
375                            </svg>
376                        </a>
377
378                        <div
379                            x-show="open"
380                            x-transition.opacity.duration.150ms
381                            x-cloak
382                            class="absolute left-0 top-full z-50 min-w-[230px] rounded-b border border-stone-200 bg-white py-1 shadow-lg"
383                        >
384                                                            <a
385                                    href="https://in.fo?c=em24"
386                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
387                                >
388                                    EM24
389                                </a>
390                                                            <a
391                                    href="https://in.fo?c=oyggjaleikir-2023"
392                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
393                                >
394                                    Oyggjaleikir 2023
395                                </a>
396                                                            <a
397                                    href="https://in.fo?c=fotboltur"
398                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
399                                >
400                                    Fótbóltur
401                                </a>
402                                                            <a
403                                    href="https://in.fo?c=hondboltur"
404                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
405                                >
406                                    Hondbóltur
407                                </a>
408                                                            <a
409                                    href="https://in.fo?c=annar-itrottur"
410                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
411                                >
412                                    Annar ítróttur
413                                </a>
414                                                    </div>
415                    </div>
416                                            
417                                    <div
418                        x-data="{ open: false }"
419                        @mouseenter="open = true"
420                        @mouseleave="open = false"
421                        class="relative flex-shrink-0"
422                    >
423                        <a
424                            href="https://in.fo?c=novn"
425                            @focus="open = true"
426                            class="flex items-center gap-1 py-1.5 "
427                        >
428                            Nøvn
429
430                            
431                            <svg
432                                class="size-3 "
433                                 style="color: #efae08"                                 viewB
433ox="0 0 20 20"
434                                fill="currentColor"
435                            >
436                                <path
437                                    fill-rule="evenodd"
438                                    d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
439                                    clip-rule="evenodd"
440                                />
441                            </svg>
442                        </a>
443
444                        <div
445                            x-show="open"
446                            x-transition.opacity.duration.150ms
447                            x-cloak
448                            class="absolute left-0 top-full z-50 min-w-[230px] rounded-b border border-stone-200 bg-white py-1 shadow-lg"
449                        >
450                                                            <a
451                                    href="https://in.fo?c=andlat"
452                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
453                                >
454                                    Andlát
455                                </a>
456                                                            <a
457                                    href="https://in.fo?c=minningarord"
458                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
459                                >
460                                    Minningarorð
461                                </a>
462                                                            <a
463                                    href="https://in.fo?c=tokkir"
464                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
465                                >
466                                    Tøkkir
467                                </a>
468                                                            <a
469                                    href="https://in.fo?c=merkisdagar"
470                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
471                                >
472                                    Merkisdagar
473                                </a>
474                                                            <a
475                                    href="https://in.fo?c=fodingar"
476                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
477                                >
478                                    Føðingar
479                                </a>
480                                                    </div>
481                    </div>
482                                            
483                                    <div
484                        x-data="{ open: false }"
485                        @mouseenter="open = true"
486                        @mouseleave="open = false"
487                        class="relative flex-shrink-0"
488                    >
489                        <a
490                            href="https://in.fo?c=vinnan"
491                            @focus="open = true"
492                            class="flex items-center gap-1 py-1.5 "
493                        >
494                            Vinnan
495
496                            
497                            <svg
498                                class="size-3 "
499                                 style="color: #0477fc"                                 viewB
499ox="0 0 20 20"
500                                fill="currentColor"
501                            >
502                                <path
503                                    fill-rule="evenodd"
504                                    d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
505                                    clip-rule="evenodd"
506                                />
507                            </svg>
508                        </a>
509
510                        <div
511                            x-show="open"
512                            x-transition.opacity.duration.150ms
513                            x-cloak
514                            class="absolute left-0 top-full z-50 min-w-[230px] rounded-b border border-stone-200 bg-white py-1 shadow-lg"
515                        >
516                                                            <a
517                                    href="https://in.fo?c=byggivinnan"
518                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
519                                >
520                                    Byggivinnan
521                                </a>
522                                                            <a
523                                    href="https://in.fo?c=fiskivinna"
524                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
525                                >
526                                    Fiskivinna
527                                </a>
528                                                            <a
529                                    href="https://in.fo?c=ferdavinna"
530                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
531                                >
532                                    Ferðavinna
533                                </a>
534                                                            <a
535                                    href="https://in.fo?c=orkuvinna"
536                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
537                                >
538                                    Orkuvinna
539                                </a>
540                                                            <a
541                                    href="https://in.fo?c=bilar"
542                                    class="block px-4 py-2 normal-case text-stone-700 hover:bg-stone-100 "
543                                >
544                                    Bilar
545                                </a>
546                                                    </div>
547                    </div>
548                                            
549                                    <a
550                        href="https://in.fo?c=myndasavn"
551                                                class="flex flex-shrink-0 items-center gap-1.5 py-1.5 "
552                    >
553                        
554                        Myndasøvn
555                    </a>
556                                            
557                                    <a
558                        href="https://www.vedur.fo"
559                         target="_blank" rel="noopener"                         class="flex flex-shrink-0 items-center gap-1.5 py-1.5 "
560                    >
561                        
562                        Veðrið
563                    </a>
564                                            
565                                    <a
566                        href="https://in.fo?c=loegtingsval-2026"
567                                                class="flex flex-shrink-0 items-center gap-1.5 py-1.5 "
568                    >
569                        
570                        Løgtingsval 2026
571                    </a>
572                                            
573                                    <a
574                        href="https://www.sosialurin.fo/um-okkum"
575                         target="_blank" rel="noopener"                         class="flex flex-shrink-0 items-center gap-1.5 py-1.5 "
576                    >
577                        
578                        Um okkum
579                    </a>
580                                            
581                                    <a
582                        href="/whats-on"
583                                                class="flex flex-shrink-0 items-center gap-1.5 py-1.5 "
584                    >
585                                                    <img
586                                src="https://in.fo/assets/whatson-logo.png"
587                                alt=""
588                                class="h-5 w-auto flex-shrink-0"
589                            />
590                        
591                        What&#039;s on
592                    </a>
593                                    </nav>
594    </div>
595</header>
596        <div
597    x-cloak
598    x-data="search"
599    x-on:open-search-modal.window="active = true"
600    class="fixed left-0 top-0 z-50 h-full w-full overflow-auto bg-stone-900/95 p-3 py-16 transition sm:p-8"
601    :class="{
602        'pointer-events-none opacity-0': !active
603    }"
604>
605    <div
606        x-trap.inert.noscroll="active"
607        x-on:click.away="active = false"
608        x-on:keydown.window.escape="active = false"
609        class="relative mx-auto max-w-xl rounded-lg bg-white shadow-xl transition"
610        :class="{
611            'translate-y-8': !active
612        }"
613    >
614        <div class="relative border-b">
615            <div class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-stone-500">
616                <svg
617    xmlns="http://www.w3.org/2000/svg"
618    fill="none"
619    viewBox="0 0 24 24"
620    stroke-width="1.5"
621    stroke="currentColor"
622    class="size-5"
623>
624    <path
625        stroke-linecap="round"
626        stroke-linejoin="round"
627        d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
628    />
629</svg>
630            </div>
631
632            <input
633                x-model="query"
634                type="text"
635                placeholder="Leita..."
636                name="search-input"
637                class="w-full rounded-t-lg border-none border-stone-200 p-4 pl-10 font-sans !ring-0"
638            />
639
640            <a
641                href="#"
642                x-on:click.prevent="active = false"
643                tabindex="-1"
644                class="absolute right-3 top-1/2 z-10 grid h-8 w-8 -translate-y-1/2 place-items-center text-stone-500"
645            >
646                <svg
647                    xmlns="http://www.w3.org/2000/svg"
648                    fill="none"
649                    viewBox="0 0 24 24"
650                    stroke-width="1.5"
651                    stroke="currentColor"
652                    class="size-6"
653                >
654                    <path
655                        stroke-linecap="round"
656                        stroke-linejoin="round"
657                        d="M6 18 18 6M6 6l12 12"
658                    />
659                </svg>
660            </a>
661        </div>
662
663        <div class="border-b font-sans">
664            <button
665                type="button"
666                x-on:click="advanced = !advanced"
667                class="flex w-full items-center justify-between px-4 py-2.5 text-sm text-stone-600 hover:text-stone-900"
668            >
669                <span>Víðkað leiting</span>
670
671                <svg
672                    xmlns="http://www.w3.org/2000/svg"
673                    fill="none"
674                    viewBox="0 0 24 24"
675                    stroke-width="2"
676                    stroke="currentColor"
677                    class="size-4 transition-transform"
678                    :class="{ 'rotate-180': advanced }"
679                >
680                    <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
681                </svg>
682            </button>
683
684            <div
685                x-show="advanced"
686                x-cloak
687                class="grid gap-3 px-4 pb-4 sm:grid-cols-3"
688            >
689                <label class="block">
690                    <span class="mb-1 block text-xs text-stone-500">Frá</span>
691                    <input
692                        type="date"
693                        x-model="from"
694                        class="w-full rounded border-stone-300 p-2 text-sm !ring-0"
695                    />
696                </label>
697
698                <label class="block">
699                    <span class="mb-1 block text-xs text-stone-500">Til</span>
700                    <input
701                        type="date"
702                        x-model="to"
703                        class="w-full rounded border-stone-300 p-2 text-sm !ring-0"
704                    />
705                </label>
706
707                <label class="block">
708                    <span class="mb-1 block text-xs text-stone-500">Raða eftir</span>
709                    <select
710                        x-model="sort"
711                        class="w-full rounded border-stone-300 p-2 text-sm !ring-0"
712                    >
713                        <option value="relevance">Relevans</option>
714                        <option value="newest">Nýggjast fyrst</option>
715                        <option value="oldest">Elst fyrst</option>
716                    </select>
717                </label>
718            </div>
719        </div>
720
721        <div class="max-h-[556px] overflow-auto p-4">
722            <div
723                x-show="query.length >= 3 && !results.length"
724                class="py-8 text-center font-sans text-stone-500"
725            >
726                Ongi úrslit
727            </div>
728
729            <template x-for="article in results">
730                <a
731                    :href="`/grein/${article.slug}`"
732                    class="flex items-center space-x-3 rounded-md p-2.5 hover:bg-stone-100"
733                >
734                    <div class="relative size-14 flex-shrink-0 overflow-hidden rounded bg-stone-300">
735                        <img
736                            :src="article.image?.url"
737                            class="absolute left-0 top-0 h-full w-full object-cover"
738                        />
739                    </div>
740
741                    <div>
742                        <h3
743                            x-text="article.title"
744                            class="font-semibold"
745                        ></h3>
746
747                        <div
748                            x-text="formatDate(article.date)"
749                            class="mt-1 font-sans text-xs text-stone-700"
750                        ></div>
751                    </div>
752                </a>
753            </template>
754        </div>
755    </div>
756</div>
757
758        
759        
760
761        <main class="">
762            <div x-init="adContract({&quot;top-banner&quot;:&quot;1&quot;,&quot;side-banner&quot;:&quot;-1&quot;})"></div>
763
764    
765    
766    <div
767        x-data="{
768            index: 0,
769            banner: null,
770            banners: JSON.parse('[{&quot;id&quot;:&quot;k7zt9zXn9EyfXKH40Cg-i&quot;,&quot;link&quot;:&quot;https:\/\/sos.fo&quot;,&quot;image&quot;:&quot;banners\/35_1200x70_sos-in_fo.gif&quot;}]'),
771            secondsPerImage: 0,
772
773            init() {
774                this.banner = this.banners[this.index]
775
776                if (this.banners.length > 1) {
777                    setInterval(() => {
778                        this.index = (this.index + 1) % this.banners.length
779                        this.banner = this.banners[this.index]
780                    }, this.secondsPerImage * 1000)
781                }
782            },
783
784            get target() {
785                return '_blank'
786            },
787        }"
788        class="mb-[30px] hidden sm:block"
789    >
790        <template x-if="banner">
791            <a
792                :href="banner.link"
793                :target="target"
794                class="mx-auto block max-w-site sm:px-6 lg:px-0"
795            >
796                <img
797                    :src="assetUrl(banner.image)"
798                    class="h-[70px] w-full object-contain"
799                />
800            </a>
801        </template>
802    </div>
803
804    
805            <div class="mx-auto mb-[30px] max-w-site px-6 lg:px-0">
806        <iframe
807            src="https://www.dystir.fo/info/todaymatches"
808            title="Dystir í dag"
809            loading="lazy"
810            scrolling="no"
811            class="h-[150px] w-full border-0"
812        ></iframe>
813    </div>
814    
815    
816    <div class="mx-auto flex max-w-site flex-col gap-[30px] px-6 lg:flex-row lg:items-stretch lg:px-0">
817        
818        <div class="grid min-w-0 flex-1 gap-[30px] sm:grid-cols-2 sm:grid-rows-2">
819            <div class="sm:row-span-2">
820                <a
821                    href="https://in.fo/grein/byggiloyvid-til-itrottarholl-fyri-44-millionir-a-eyka-fundi"
822                class="group flex h-full min-h-[360px] flex-col overflow-hidden rounded bg-black shadow-md"
823    >
824        
825        
826        
826<script>
827            const hero_image_6abf657bc5598 = JSON.parse(`{\"id\":\"greinamyndir::itrottarholl-i-sorvagi.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/itrottarholl-i-sorvagi.jpg\",\"data\":[]}`);
828        </script>
828
829
830        
831        <div
832            x-data="{
833                image: hero_image_6abf657bc5598,
834
835                get objectPosition() {
836                    const focus = this.image?.data?.focus
837
838                    if (! focus) {
839                        return '50% 50%'
840                    }
841
842                    // focus is x-y-zoom; object-position takes x then y. Zoom has no
843                    // object-position equivalent, so it is dropped — as in the cards.
844                    const [x, y] = focus.split('-')
845
846                    return `${x}% ${y}%`
847                },
848            }"
849            class="relative h-[320px] flex-shrink-0 overflow-hidden bg-stone-800"
850        >
851                            <img
852                    src="https://in.fo/assets/news-import/user_upload/itrottarholl-i-sorvagi.jpg"
853                    class="absolute left-0 top-0 h-full w-full object-cover transition group-hover:scale-105"
854                    loading="lazy"
855                    :style="{
856                        objectPosition
857                    }"
858                />
859            
860            
861            
862                    </div>
863
864        
865        <div
866            data-hero-fit
867            class="flex flex-1 flex-col px-4 pb-4 text-white"
868        >
869            <div class="relative z-10 -mt-3 self-start bg-red-600 px-3 py-1 font-sans text-xs font-bold uppercase leading-none tracking-wider text-white">
870                Tíðindi
871            </div>
872
873            
874            <div class="flex flex-1 flex-col justify-center [&>*:first-child]:mt-0">
875
876            
877            
878            <h3
879                data-hero-title
880                class="mt-2 break-words text-2xl font-black leading-tight group-hover:underline sm:text-3xl"
881            >
882                Byggiloyvið til ítróttarhøll fyri 44 milliónir á eyka fundi
883            </h3>
884
885                            <p
886                    data-hero-excerpt
887                    class="mt-2 line-clamp-[7] font-sans text-sm text-stone-300"
888                >
889                    Sørvágs bygdaráð verður kallað saman til eyka fund týsdagin. Bara eitt mál er á skránni: Byggiloyvið til nýggju ítróttarhøllina.
890                </p>
891            
892                <div class="pt-3 font-sans text-xs text-stone-400">
893                    9 minuttir síðan
894                </div>
895            </div>
896        </div>
897    </a>
898            </div>
899
900                            <a
901                    href="https://in.fo/grein/video-kropsligi-venjarin-heldur-at-hopurin-er-topptrimmadur"
902                class="group flex h-full flex-col overflow-hidden rounded border border-stone-200 bg-white"
903    >
904        
904<script>
905    const image_6abf657bc6445 = JSON.parse(`{\"id\":\"greinamyndir::magni_mohr_fsf_varpid_01-10-2026-1600x896.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/magni_mohr_fsf_varpid_01-10-2026-1600x896.jpg\",\"data\":[]}`);
906</script>
906
907
908<div
909    x-data="{
910        image: image_6abf657bc6445,
911
912        get objectPosition() {
913            const focus = this.image.data.focus
914
915            if (! focus) {
916                return '50% 50%'
917            }
918
919            const [y, x] = focus.split('-')
920
921            return `${y}% ${x}%`
922        },
923    }"
924    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] "
925>
926            <img
927            src="https://in.fo/assets/news-import/user_upload/magni_mohr_fsf_varpid_01-10-2026-1600x896.jpg"
928            class="absolute left-0 top-0 h-full w-full object-cover"
929                        loading="lazy"
930                            :style="{
931                    objectPosition
932                }"
933                    />
934    
935    
936    </div>
937
938        <div class="flex flex-1 flex-col px-3 pb-3">
939            
940            <div class="relative z-10 -mt-3 self-start bg-black px-3 py-1 font-sans text-xs font-bold uppercase leading-none tracking-wider text-white">
941                Fótbóltur
942            </div>
943
944            
945            <h3 class="mt-2 line-clamp-3 break-words text-lg font-black leading-snug group-hover:underline lg:text-xl">
946                VIDEO: Kropsligi venjarin heldur at hópurin er topptrimmaður
947            </h3>
948
949            <div class="mt-auto pt-2 font-sans text-xs text-stone-700">
950                18 minuttir síðan
951            </div>
952        </div>
953    </a>
954            
955                            <a
956                    href="https://in.fo/grein/bilur-endadi-nidri-i-bonum-i-kollafirdi"
957                class="group flex h-full flex-col overflow-hidden rounded border border-stone-200 bg-white"
958    >
959        
959<script>
960    const image_6abf657bc738b = JSON.parse(`{\"id\":\"greinamyndir::politi18032404-1790924005.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/politi18032404-1790924005.jpg\",\"data\":[]}`);
961</script>
961
962
963<div
964    x-data="{
965        image: image_6abf657bc738b,
966
967        get objectPosition() {
968            const focus = this.image.data.focus
969
970            if (! focus) {
971                return '50% 50%'
972            }
973
974            const [y, x] = focus.split('-')
975
976            return `${y}% ${x}%`
977        },
978    }"
979    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] "
980>
981            <img
982            src="https://in.fo/assets/news-import/user_upload/politi18032404-1790924005.jpg"
983            class="absolute left-0 top-0 h-full w-full object-cover"
984                        loading="lazy"
985                            :style="{
986                    objectPosition
987                }"
988                    />
989    
990    
991    </div>
992
993        <div class="flex flex-1 flex-col px-3 pb-3">
994            
995            <div class="relative z-10 -mt-3 self-start bg-black px-3 py-1 font-sans text-xs font-bold uppercase leading-none tracking-wider text-white">
996                Tíðindi
997            </div>
998
999            
1000            <h3 class="mt-2 line-clamp-3 break-words text-lg font-black leading-snug group-hover:underline lg:text-xl">
1001                Bilur endaði niðri í bønum í Kollafirði
1002            </h3>
1003
1004            <div class="mt-auto pt-2 font-sans text-xs text-stone-700">
1005                42 minuttir síðan
1006            </div>
1007        </div>
1008    </a>
1009                    </div>
1010
1011        
1012        <aside class="w-full flex-shrink-0 lg:w-[380px]">
1013            <div
1014                x-data="advertisementList('storbannari', 3)"
1015                class="flex h-full flex-col gap-[30px]"
1016            >
1017                <template
1018                    x-for="advertisement in advertisements"
1019                    :key="advertisement.id"
1020                >
1021                    <div
1022    x-cloak
1023    class="min-h-[190px] flex-1 relative block overflow-hidden rounded bg-stone-100 shadow"
1024>
1025    
1026    <template x-if="advertisement && advertisement.embed_code">
1027        <iframe
1028            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
1029            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
1030            loading="lazy"
1031            scrolling="no"
1032            title="Lýsing"
1033            class="absolute left-0 top-0 h-full w-full border-0"
1034        ></iframe>
1035    </template>
1036
1037    <template x-if="advertisement && !advertisement.embed_code">
1038        <a
1039            :href="`/lysingar/${advertisement?.id}`"
1040            target="_blank"
1041            class="absolute left-0 top-0 block h-full w-full"
1042        >
1043            <template x-if="advertisement.mimetype?.includes('image/')">
1044                <img
1045                    :src="advertisement.media_url"
1046                    loading="lazy"
1047                    class="absolute left-0 top-0 h-full w-full object-contain"
1048                />
1049            </template>
1050
1051            <template x-if="advertisement.mimetype?.includes('video/')">
1052                <video
1053                    :src="advertisement.media_url"
1054                    muted="muted"
1055                    autoplay="autoplay"
1056                    loop="loop"
1057                    playsinline="playsinline"
1058                    loading="lazy"
1059                    class="absolute left-0 top-0 h-full w-full object-contain"
1060                ></video>
1061            </template>
1062        </a>
1063    </template>
1064</div>
1065                </template>
1066            </div>
1067        </aside>
1068    </div>
1069
1070    
1071    
1072    <div class="mx-auto mt-[30px] max-w-site px-6 lg:hidden">
1073        <div class="overflow-hidden rounded-lg">
1074            <div class="flex items-center justify-between gap-2 bg-[#719911] px-4 py-2 text-white">
1075                <h2 class="flex items-center gap-2 text-base font-black leading-none">
1076                    <img
1077                        src="https://in.fo/assets/suit-white.png"
1078                        alt=""
1079                        class="h-4 w-auto flex-shrink-0"
1080                    />
1081
1082                    Leys størv <span class="font-medium opacity-90">(12)</span>
1083                </h2>
1084
1085                <a
1086                    href="https://umhvarv.in.fo/rita-inn"
1087                    target="_blank"
1088                    rel="noopener"
1089                    class="flex-shrink-0 rounded bg-white/15 px-2 py-1 text-[10px] font-semibold uppercase tracking-wide"
1090                >
1091                    Legg inn
1092                </a>
1093            </div>
1094
1095            
1096            <ul class="max-h-[22rem] divide-y divide-[#719911]/20 overflow-y-auto overscroll-contain bg-[#719911]/10">
1097                                    <li>
1098                        
1099                        <a
1100                            href="https://in.fo/lysingar/01a0f6e8-40b1-7039-9ca3
1100-7c72c3019749"
1101                            target="_blank"
1102                            rel="noopener"
1103                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1104                        >
1105                                                            <img
1106                                    src="https://in.fo/storage/advertisements/bxwzVTbkZ0ZfluhBEmKC6dSIts6iGP6dAEkMJK12.jpg"
1107                                    alt=""
1108                                    loading="lazy"
1109                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1110                                />
1111                            
1112                            <span class="min-w-0">1. meistari til Breiðanes</span>
1113                        </a>
1114                    </li>
1115                                    <li>
1116                        
1117                        <a
1118                            href="https://in.fo/lysingar/01a0ecfc-5dc9-7281-ac1c-e9a73a7087de"
1119                            target="_blank"
1120                            rel="noopener"
1121                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1122                        >
1123                                                            <img
1124                                    src="https://in.fo/storage/advertisements/Ht6hSzWJ94kf7Wh4utobFikhlAOTrtf4Kalirnit.jpg"
1125                                    alt=""
1126                                    loading="lazy"
1127                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1128                                />
1129                            
1130                            <span class="min-w-0">Stjóri til Vørn</span>
1131                        </a>
1132                    </li>
1133                                    <li>
1134                        
1135                        <a
1136                            href="https://in.fo/lysingar/01a0edac-1e31-7069-b588-7c72d36df960"
1137                            target="_blank"
1138                            rel="noopener"
1139                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1140                        >
1141                                                            <img
1142                                    src="https://in.fo/storage/advertisements/WLQIdUVnQo9QIFh0omUn21Eh1y8rkLlBoxnUxgQX.png"
1143                                    alt=""
1144                                    loading="lazy"
1145                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1146                                />
1147                            
1148                            <span class="min-w-0">Forritarar – ert tú okkara næsti starvsfelagi?</span>
1149                        </a>
1150                    </li>
1151                                    <li>
1152                        
1153                        <a
1154                            href="https://in.fo/lysingar/01a0ed58-f077-734b-ba3d-1d02930bd398"
1155                            target="_blank"
1156                            rel="noopener"
1157                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1158                        >
1159                                                            <img
1160                                    src="https://in.fo/storage/advertisements/wnIqKNZFLAqkxIUDrQC8CquBpgsxooQzDTBk28nu.pdf"
1161                                    alt=""
1162                                    loading="lazy"
1163                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1164                                />
1165                            
1166                            <span class="min-w-0">Sølufólk til Búrøkt</span>
1167                        </a>
1168                    </li>
1169                                    <li>
1170                        
1171                        <a
1172                            href="https://in.fo/lysingar/01a0ebf1-8d52-7141-9040-6421722ff8c2"
1173                            target="_blank"
1174                            rel="noopener"
1175                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1176                        >
1177                                                            <img
1178                                    src="https://in.fo/storage/advertisements/RFIlcrsY4o1zm4F9QzDYySbRxVWiLsPk03jEpaYz.jpg"
1179                                    alt=""
1180                                    loading="lazy"
1181                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1182                                />
1183                            
1184                            <span class="min-w-0">Deildarleiðari</span>
1185                        </a>
1186                    </li>
1187                                    <li>
1188                        
1189                        <a
1190                            href="https://in.fo/lysingar/01a0e777-8101-70ea-bf67-2df4846d050a"
1191                            target="_blank"
1192                            rel="noopener"
1193                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1194                        >
1195                                                            <img
1196                                    src="https://in.fo/storage/advertisements/SdhxO4hMWWzfHfqtQLqdRleawHgJtmuLMDeNbXh0.svg"
1197                                    alt=""
1198                                    loading="lazy"
1199                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1200                                />
1201                            
1202                            <span class="min-w-0">Kundaráðgevi til Norðoya Sparikassa í Havn</span>
1203                        </a>
1204                    </li>
1205                                    <li>
1206                        
1207                        <a
1208                            href="https://in.fo/lysingar/01a0d8a5-fd9f-7190-9956-857e20eba0c3"
1209                            target="_blank"
1210                            rel="noopener"
1211                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1212                        >
1213                                                            <img
1214                                    src="https://in.fo/storage/advertisements/VwrfoA1eBOm3xchKXU1IJtVrnjyqZHlzC4Lo8sLT.png"
1215                                    alt=""
1216                                    loading="lazy"
1217                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1218                                />
1219                            
1220                            <span class="min-w-0">Er tú okkara nýggi deildarleiðari á deildini í Vági?</span>
1221                        </a>
1222                    </li>
1223                                    <li>
1224                        
1225                        <a
1226                            href="https://in.fo/lysingar/01a0d910-2070-7163-98fc-530ab6c3b8d3"
1227                            target="_blank"
1228                            rel="noopener"
1229                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1230                        >
1231                                                            <img
1232                                    src="https://in.fo/assets/news-import/user_upload/Skaermbillede_2026-09-03_kl._08.21.21.png"
1233                                    alt=""
1234                                    loading="lazy"
1235                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1236                                />
1237                            
1238                            <span class="min-w-0">Ert tú okkara nýggi KT-mennari?</span>
1239                        </a>
1240                    </li>
1241                                    <li>
1242                        
1243                        <a
1244                            href="https://in.fo/lysingar/01a0c8c0-ba90-70d1-b93a-805a643711a8"
1245                            target="_blank"
1246                            rel="noopener"
1247                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1248                        >
1249                                                            <img
1250                                    src="https://in.fo/storage/advertisements/mX6B299BHYKfvOcf5xHuTyVhIyw5TvAInaGbMytP.png"
1251                                    alt=""
1252                                    loading="lazy"
1253                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1254                                />
1255                            
1256                            <span class="min-w-0">LÍV søkir fíggjarstjóra</span>
1257                        </a>
1258                    </li>
1259                                    <li>
1260                        
1261                        <a
1262                            href="https://in.fo/lysingar/a2c690b0-7477-4fb7-b5fa-e0bb80f5340d"
1263                            target="_blank"
1264                            rel="noopener"
1265                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1266                        >
1267                                                            <img
1268                                    src="https://in.fo/storage/advertisements/ZQVhbxJaAkrQ5UHoJEyxTcfLvYOxPoBDAjkovfYE.png"
1269                                    alt=""
1270                                    loading="lazy"
1271                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1272                                />
1273                            
1274                            <span class="min-w-0">Stjóri til Gjaldstovuna</span>
1275                        </a>
1276                    </li>
1277                                    <li>
1278                        
1279                        <a
1280                            href="https://in.fo/lysingar/a2b684b0-d98c-4973-ade1-8b1513218948"
1281                            target="_blank"
1282                            rel="noopener"
1283                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1284                        >
1285                                                            <img
1286                                    src="https://in.fo/assets/news-import/user_upload/TAKS_logo.JPG"
1287                                    alt=""
1288                                    loading="lazy"
1289                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1290                                />
1291                            
1292                            <span class="min-w-0">Fulltrúi til virkisskattin hjá TAKS</span>
1293                        </a>
1294                    </li>
1295                                    <li>
1296                        
1297                        <a
1298                            href="https://in.fo/lysingar/a2b684b0-dfd1-4218-aef4-6da2e76d6bd3"
1299                            target="_blank"
1300                            rel="noopener"
1301                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1302                        >
1303                                                            <img
1304                                    src="https://in.fo/assets/news-import/user_upload/Screenshot_2026-09-04_at_17.46.46.jpg"
1305                                    alt=""
1306                                    loading="lazy"
1307                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1308                                />
1309                            
1310                            <span class="min-w-0">Køkssølufólk til Vordingborg Køkar</span>
1311                        </a>
1312                    </li>
1313                            </ul>
1314        </div>
1315    </div>
1316
1317    
1318    <div class="mx-auto mt-[30px] max-w-site px-6 lg:hidden">
1319        <div class="overflow-hidden rounded-lg">
1320            <div class="bg-[#719911] px-4 py-2 text-white">
1321                <h2 class="text-base font-black leading-none">Kunngerðir</h2>
1322            </div>
1323
1324            
1325            <ul class="max-h-[22rem] divide-y divide-[#719911]/20 overflow-y-auto overscroll-contain bg-[#719911]/10">
1326                                    <li>
1327                        
1328                        <a
1329                            href="https://in.fo/lysingar/a2c28d18-b5e6-4a73-ab7f-088ee325e6a6"
1330                            target="_blank"
1331                            rel="noopener"
1332                            class="flex items-center gap-2.5 px-4 py-2 font-sans text-[13px] leading-snug text-stone-800"
1333                        >
1334                                                            <img
1335                                    src="https://in.fo/storage/advertisements/DMbdJdvrQhYRZHQupzOmf2jnG4RWsaITj3K74gK3.png"
1336                                    alt=""
1337                                    loading="lazy"
1338                                    class="h-6 w-14 flex-shrink-0 object-contain object-left"
1339                                />
1340                            
1341                            <span class="min-w-0 font-medium">Freistin at søkja stuðul til verkætlanir er 15. oktober 2026.</span>
1342                        </a>
1343                    </li>
1344                            </ul>
1345        </div>
1346    </div>
1347
1348    
1349    <div class="mx-auto mt-[30px] flex max-w-[1000px] flex-col gap-[30px] px-6 lg:px-0">
1350        <div
1351            x-cloak
1352            x-data="feedAd('storbannari')"
1353            x-show="advertisement"
1354        >
1355            <div
1356    x-cloak
1357    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
1358>
1359    
1360    <template x-if="advertisement && advertisement.embed_code">
1361        <iframe
1362            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
1363            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
1364            loading="lazy"
1365            scrolling="no"
1366            title="Lýsing"
1367            class="absolute left-0 top-0 h-full w-full border-0"
1368        ></iframe>
1369    </template>
1370
1371    <template x-if="advertisement && !advertisement.embed_code">
1372        <a
1373            :href="`/lysingar/${advertisement?.id}`"
1374            target="_blank"
1375            class="absolute left-0 top-0 block h-full w-full"
1376        >
1377            <template x-if="advertisement.mimetype?.includes('image/')">
1378                <img
1379                    :src="advertisement.media_url"
1380                    loading="lazy"
1381                    class="absolute left-0 top-0 h-full w-full object-contain"
1382                />
1383            </template>
1384
1385            <template x-if="advertisement.mimetype?.includes('video/')">
1386                <video
1387                    :src="advertisement.media_url"
1388                    muted="muted"
1389                    autoplay="autoplay"
1390                    loop="loop"
1391                    playsinline="playsinline"
1392                    loading="lazy"
1393                    class="absolute left-0 top-0 h-full w-full object-contain"
1394                ></video>
1395            </template>
1396        </a>
1397    </template>
1398</div>
1399        </div>
1400    </div>
1401
1402    
1403    <div class="mx-auto mt-[30px] flex max-w-site items-start gap-[30px] px-6 lg:px-0">
1404        <main class="min-w-0 flex-1">
1405            <div
1406    x-data="articles('', 1, true, '7fcbe857-8128-4313-a9f0-5aa04e712967,9fbe976d-0079-4fc5-b4f3-d3fecb462e75,1d316a37-408e-4c80-ba1e-e4dddf993681')"
1407    class="pb-12"
1408>
1409    <template
1410        x-for="(articleSet, index) of articleSets"
1411        :key="index"
1412    >
1413        <div class="mb-[30px]">
1414            
1415            <div class="grid gap-[30px] sm:grid-cols-2">
1416                <template
1417                    x-for="article of articleSet"
1418                    :key="article.id"
1419                >
1420                    <a
1421    :href="article.external_link || `/grein/${article.slug}`"
1422    :target="article.external_link ? `_blank` : '_self'"
1423    class="group"
1424    x-data="{
1425        get objectPosition() {
1426            if (! this.article.image || ! this.article.image.data) {
1427                return ''
1428            }
1429
1430            const focus = this.article.image.data.focus
1431
1432            if (! focus) {
1433                return '50% 50%'
1434            }
1435
1436            const [y, x] = focus.split('-')
1437
1438            return `${y}% ${x}%`
1439        },
1440    }"
1441>
1442    <div class="relative overflow-hidden rounded bg-stone-200 pb-[60%] shadow-md">
1443        <img
1444            x-show="article.image?.url"
1445            :src="article.image?.url"
1446            class="absolute left-0 top-0 h-full w-full object-cover"
1447            loading="lazy"
1448            :style="{
1449                objectPosition
1450            }"
1451        />
1452
1453        <div
1454            x-show="!article.image?.url"
1455            class="absolute left-0 top-0 grid h-full w-full place-items-center bg-stone-50 group-hover:bg-stone-100"
1456        >
1457            <span class="text-4xl font-black lowercase tracking-tight text-stone-300">info</span>
1458        </div>
1459
1460        <div
1461            x-show="article.isBreakingNews"
1462            class="absolute bottom-0 left-2 rounded-t bg-red-500 px-2 py-1.5 text-center font-sans text-sm font-semibold uppercase text-white"
1463        >
1464            Bráðtíðindi
1465        </div>
1466
1467        <div
1468            x-show="article.hasMedia"
1469            class="absolute left-1/2 top-1/2 grid h-16 w-16 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full bg-stone-900 text-white"
1470        >
1471            <svg
1472                xmlns="http://www.w3.org/2000/svg"
1473                viewBox="0 0 24 24"
1474                fill="currentColor"
1475                class="ml-0.5 h-10 w-10"
1476            >
1477                <path
1478                    fill-rule="evenodd"
1479                    d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712
1480                    1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z"
1481                    clip-rule="evenodd"
1482                />
1483            </svg>
1484        </div>
1485    </div>
1486
1487    <div class="flex flex-col px-2 pb-2">
1488        
1489        <div
1490            x-text="article.categories?.[0]?.title || 'Tíðindi'"
1491            class="relative z-10 -mt-3 self-start bg-black px-3 py-1 font-sans text-xs font-bold uppercase leading-none tracking-wider text-white"
1492        ></div>
1493
1494        <h3
1495            x-text="article.title"
1496            class="mt-2 line-clamp-3 font-black leading-snug group-hover:underline text-lg sm:text-xl"
1497        ></h3>
1498
1499        <div
1500            x-text="formatDate(article.date)"
1501            class="mt-1 font-sans text-xs text-stone-700"
1502        ></div>
1503    </div>
1504</a>
1505                </template>
1506            </div>
1507
1508            
1509            <div class="mt-[30px]">
1510                <div
1511                    x-cloak
1512                    x-data="feedAd('storbannari', 2)"
1513                    x-show="advertisements.length"
1514                    class="flex flex-col gap-[30px]"
1515                >
1516                    <template
1517                        x-for="advertisement in advertisements"
1518                        :key="advertisement.id"
1519                    >
1520                        <div
1521    x-cloak
1522    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
1523>
1524    
1525    <template x-if="advertisement && advertisement.embed_code">
1526        <iframe
1527            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
1528            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
1529            loading="lazy"
1530            scrolling="no"
1531            title="Lýsing"
1532            class="absolute left-0 top-0 h-full w-full border-0"
1533        ></iframe>
1534    </template>
1535
1536    <template x-if="advertisement && !advertisement.embed_code">
1537        <a
1538            :href="`/lysingar/${advertisement?.id}`"
1539            target="_blank"
1540            class="absolute left-0 top-0 block h-full w-full"
1541        >
1542            <template x-if="advertisement.mimetype?.includes('image/')">
1543                <img
1544                    :src="advertisement.media_url"
1545                    loading="lazy"
1546                    class="absolute left-0 top-0 h-full w-full object-contain"
1547                />
1548            </template>
1549
1550            <template x-if="advertisement.mimetype?.includes('video/')">
1551                <video
1552                    :src="advertisement.media_url"
1553                    muted="muted"
1554                    autoplay="autoplay"
1555                    loop="loop"
1556                    playsinline="playsinline"
1557                    loading="lazy"
1558                    class="absolute left-0 top-0 h-full w-full object-contain"
1559                ></video>
1560            </template>
1561        </a>
1562    </template>
1563</div>
1564                    </template>
1565                </div>
1566            </div>
1567        </div>
1568    </template>
1569
1570        
1571    <div
1572        x-ref="sentinel"
1573        aria-hidden="true"
1574        class="h-px w-full"
1575    ></div>
1576
1577<div
1578        x-show="loading"
1579        class="flex justify-center py-8"
1580    >
1581        <div class="loader"></div>
1582    </div>
1583</div>
1584        </main>
1585
1586        <aside class="hidden w-[380px] flex-shrink-0 lg:block">
1587            
1588            
1589            <aside class="flex flex-col gap-[30px]">
1590            <div class="overflow-hidden rounded-lg">
1591            
1592            <div class="flex items-center justify-between gap-2 bg-[#719911] px-4 py-2.5 text-white">
1593                <h2 class="flex items-center gap-2 text-lg font-black leading-none">
1594                    <img
1595                        src="https://in.fo/assets/suit-white.png"
1596                        alt=""
1597                        class="h-5 w-auto flex-shrink-0"
1598                    />
1599
1600                    Leys størv <span class="font-medium opacity-90">(12)</span>
1601                </h2>
1602
1603                <a
1604                    href="https://umhvarv.in.fo/rita-inn"
1605                    target="_blank"
1606                    rel="noopener"
1607                    class="flex-shrink-0 rounded bg-white/15 px-2 py-1 text-[11px] font-semibold uppercase tracking-wide hover:bg-white/25"
1608                >
1609                    Legg starvslýsing inn
1610                </a>
1611            </div>
1612
1613            
1614            <div class="flex flex-col gap-2 bg-[#719911]/10 p-2">
1615                                    
1616                    <a
1617                        href="https://in.fo/lysingar/01a0f6e8-40b1-7039-9ca3
1617-7c72c3019749"
1618                        target="_blank"
1619                        rel="noopener"
1620                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1621                    >
1622                        <div class="min-w-0">
1623                            <div class="text-sm font-medium text-stone-800">1. meistari til Breiðanes</div>
1624
1625                                                    </div>
1626
1627                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1628                                <img
1629                                    src="https://in.fo/storage/advertisements/bxwzVTbkZ0ZfluhBEmKC6dSIts6iGP6dAEkMJK12.jpg"
1630                                    alt=""
1631                                    loading="lazy"
1632                                    class="max-h-9 max-w-[70px] object-contain"
1633                                />
1634                            </div>
1635                                            </a>
1636                                    
1637                    <a
1638                        href="https://in.fo/lysingar/01a0ecfc-5dc9-7281-ac1c-e9a73a7087de"
1639                        target="_blank"
1640                        rel="noopener"
1641                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1642                    >
1643                        <div class="min-w-0">
1644                            <div class="text-sm font-medium text-stone-800">Stjóri til Vørn</div>
1645
1646                                                            <div class="mt-0.5 text-xs text-stone-500">
1647                                    Umsóknarfreist: 15.10.2026
1648                                </div>
1649                                                    </div>
1650
1651                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1652                                <img
1653                                    src="https://in.fo/storage/advertisements/Ht6hSzWJ94kf7Wh4utobFikhlAOTrtf4Kalirnit.jpg"
1654                                    alt=""
1655                                    loading="lazy"
1656                                    class="max-h-9 max-w-[70px] object-contain"
1657                                />
1658                            </div>
1659                                            </a>
1660                                    
1661                    <a
1662                        href="https://in.fo/lysingar/01a0edac-1e31-7069-b588-7c72d36df960"
1663                        target="_blank"
1664                        rel="noopener"
1665                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1666                    >
1667                        <div class="min-w-0">
1668                            <div class="text-sm font-medium text-stone-800">Forritarar – ert tú okkara næsti starvsfelagi?</div>
1669
1670                                                            <div class="mt-0.5 text-xs text-stone-500">
1671                                    Umsóknarfreist: 15.10.2026
1672                                </div>
1673                                                    </div>
1674
1675                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1676                                <img
1677                                    src="https://in.fo/storage/advertisements/WLQIdUVnQo9QIFh0omUn21Eh1y8rkLlBoxnUxgQX.png"
1678                                    alt=""
1679                                    loading="lazy"
1680                                    class="max-h-9 max-w-[70px] object-contain"
1681                                />
1682                            </div>
1683                                            </a>
1684                                    
1685                    <a
1686                        href="https://in.fo/lysingar/01a0ed58-f077-734b-ba3d-1d02930bd398"
1687                        target="_blank"
1688                        rel="noopener"
1689                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1690                    >
1691                        <div class="min-w-0">
1692                            <div class="text-sm font-medium text-stone-800">Sølufólk til Búrøkt</div>
1693
1694                                                            <div class="mt-0.5 text-xs text-stone-500">
1695                                    Umsóknarfreist: 12.10.2026
1696                                </div>
1697                                                    </div>
1698
1699                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1700                                <img
1701                                    src="https://in.fo/storage/advertisements/wnIqKNZFLAqkxIUDrQC8CquBpgsxooQzDTBk28nu.pdf"
1702                                    alt=""
1703                                    loading="lazy"
1704                                    class="max-h-9 max-w-[70px] object-contain"
1705                                />
1706                            </div>
1707                                            </a>
1708                                    
1709                    <a
1710                        href="https://in.fo/lysingar/01a0ebf1-8d52-7141-9040-6421722ff8c2"
1711                        target="_blank"
1712                        rel="noopener"
1713                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1714                    >
1715                        <div class="min-w-0">
1716                            <div class="text-sm font-medium text-stone-800">Deildarleiðari</div>
1717
1718                                                            <div class="mt-0.5 text-xs text-stone-500">
1719                                    Umsóknarfreist: 05.10.2026
1720                                </div>
1721                                                    </div>
1722
1723                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1724                                <img
1725                                    src="https://in.fo/storage/advertisements/RFIlcrsY4o1zm4F9QzDYySbRxVWiLsPk03jEpaYz.jpg"
1726                                    alt=""
1727                                    loading="lazy"
1728                                    class="max-h-9 max-w-[70px] object-contain"
1729                                />
1730                            </div>
1731                                            </a>
1732                                    
1733                    <a
1734                        href="https://in.fo/lysingar/01a0e777-8101-70ea-bf67-2df4846d050a"
1735                        target="_blank"
1736                        rel="noopener"
1737                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1738                    >
1739                        <div class="min-w-0">
1740                            <div class="text-sm font-medium text-stone-800">Kundaráðgevi til Norðoya Sparikassa í Havn</div>
1741
1742                                                            <div class="mt-0.5 text-xs text-stone-500">
1743                                    Umsóknarfreist: 16.10.2026
1744                                </div>
1745                                                    </div>
1746
1747                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1748                                <img
1749                                    src="https://in.fo/storage/advertisements/SdhxO4hMWWzfHfqtQLqdRleawHgJtmuLMDeNbXh0.svg"
1750                                    alt=""
1751                                    loading="lazy"
1752                                    class="max-h-9 max-w-[70px] object-contain"
1753                                />
1754                            </div>
1755                                            </a>
1756                                    
1757                    <a
1758                        href="https://in.fo/lysingar/01a0d8a5-fd9f-7190-9956-857e20eba0c3"
1759                        target="_blank"
1760                        rel="noopener"
1761                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1762                    >
1763                        <div class="min-w-0">
1764                            <div class="text-sm font-medium text-stone-800">Er tú okkara nýggi deildarleiðari á deildini í Vági?</div>
1765
1766                                                            <div class="mt-0.5 text-xs text-stone-500">
1767                                    Umsóknarfreist: 19.10.2026
1768                                </div>
1769                                                    </div>
1770
1771                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1772                                <img
1773                                    src="https://in.fo/storage/advertisements/VwrfoA1eBOm3xchKXU1IJtVrnjyqZHlzC4Lo8sLT.png"
1774                                    alt=""
1775                                    loading="lazy"
1776                                    class="max-h-9 max-w-[70px] object-contain"
1777                                />
1778                            </div>
1779                                            </a>
1780                                    
1781                    <a
1782                        href="https://in.fo/lysingar/01a0d910-2070-7163-98fc-530ab6c3b8d3"
1783                        target="_blank"
1784                        rel="noopener"
1785                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1786                    >
1787                        <div class="min-w-0">
1788                            <div class="text-sm font-medium text-stone-800">Ert tú okkara nýggi KT-mennari?</div>
1789
1790                                                            <div class="mt-0.5 text-xs text-stone-500">
1791                                    Umsóknarfreist: 18.10.2026
1792                                </div>
1793                                                    </div>
1794
1795                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1796                                <img
1797                                    src="https://in.fo/assets/news-import/user_upload/Skaermbillede_2026-09-03_kl._08.21.21.png"
1798                                    alt=""
1799                                    loading="lazy"
1800                                    class="max-h-9 max-w-[70px] object-contain"
1801                                />
1802                            </div>
1803                                            </a>
1804                                    
1805                    <a
1806                        href="https://in.fo/lysingar/01a0c8c0-ba90-70d1-b93a-805a643711a8"
1807                        target="_blank"
1808                        rel="noopener"
1809                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1810                    >
1811                        <div class="min-w-0">
1812                            <div class="text-sm font-medium text-stone-800">LÍV søkir fíggjarstjóra</div>
1813
1814                                                            <div class="mt-0.5 text-xs text-stone-500">
1815                                    Umsóknarfreist: 10.10.2026
1816                                </div>
1817                                                    </div>
1818
1819                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1820                                <img
1821                                    src="https://in.fo/storage/advertisements/mX6B299BHYKfvOcf5xHuTyVhIyw5TvAInaGbMytP.png"
1822                                    alt=""
1823                                    loading="lazy"
1824                                    class="max-h-9 max-w-[70px] object-contain"
1825                                />
1826                            </div>
1827                                            </a>
1828                                    
1829                    <a
1830                        href="https://in.fo/lysingar/a2c690b0-7477-4fb7-b5fa-e0bb80f5340d"
1831                        target="_blank"
1832                        rel="noopener"
1833                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1834                    >
1835                        <div class="min-w-0">
1836                            <div class="text-sm font-medium text-stone-800">Stjóri til Gjaldstovuna</div>
1837
1838                                                            <div class="mt-0.5 text-xs text-stone-500">
1839                                    Umsóknarfreist: 19.10.2026
1840                                </div>
1841                                                    </div>
1842
1843                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1844                                <img
1845                                    src="https://in.fo/storage/advertisements/ZQVhbxJaAkrQ5UHoJEyxTcfLvYOxPoBDAjkovfYE.png"
1846                                    alt=""
1847                                    loading="lazy"
1848                                    class="max-h-9 max-w-[70px] object-contain"
1849                                />
1850                            </div>
1851                                            </a>
1852                                    
1853                    <a
1854                        href="https://in.fo/lysingar/a2b684b0-d98c-4973-ade1-8b1513218948"
1855                        target="_blank"
1856                        rel="noopener"
1857                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1858                    >
1859                        <div class="min-w-0">
1860                            <div class="text-sm font-medium text-stone-800">Fulltrúi til virkisskattin hjá TAKS</div>
1861
1862                                                            <div class="mt-0.5 text-xs text-stone-500">
1863                                    Umsóknarfreist: 04.10.2026
1864                                </div>
1865                                                    </div>
1866
1867                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1868                                <img
1869                                    src="https://in.fo/assets/news-import/user_upload/TAKS_logo.JPG"
1870                                    alt=""
1871                                    loading="lazy"
1872                                    class="max-h-9 max-w-[70px] object-contain"
1873                                />
1874                            </div>
1875                                            </a>
1876                                    
1877                    <a
1878                        href="https://in.fo/lysingar/a2b684b0-dfd1-4218-aef4-6da2e76d6bd3"
1879                        target="_blank"
1880                        rel="noopener"
1881                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1882                    >
1883                        <div class="min-w-0">
1884                            <div class="text-sm font-medium text-stone-800">Køkssølufólk til Vordingborg Køkar</div>
1885
1886                                                    </div>
1887
1888                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1889                                <img
1890                                    src="https://in.fo/assets/news-import/user_upload/Screenshot_2026-09-04_at_17.46.46.jpg"
1891                                    alt=""
1892                                    loading="lazy"
1893                                    class="max-h-9 max-w-[70px] object-contain"
1894                                />
1895                            </div>
1896                                            </a>
1897                            </div>
1898        </div>
1899    
1900    </aside>
1901
1902            <div
1903                x-data="adGroup('vanlig-lysing', 2)"
1904                class="mt-[30px] flex flex-col gap-[30px]"
1905            >
1906                <template
1907                    x-for="advertisement in advertisements"
1908                    :key="advertisement.id"
1909                >
1910         
1910           
1911                    <div
1912    x-cloak
1913    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
1914>
1915    
1916    <template x-if="advertisement && advertisement.embed_code">
1917        <iframe
1918            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
1919            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
1920            loading="lazy"
1921            scrolling="no"
1922            title="Lýsing"
1923            class="absolute left-0 top-0 h-full w-full border-0"
1924        ></iframe>
1925    </template>
1926
1927    <template x-if="advertisement && !advertisement.embed_code">
1928        <a
1929            :href="`/lysingar/${advertisement?.id}`"
1930            target="_blank"
1931            class="absolute left-0 top-0 block h-full w-full"
1932        >
1933            <template x-if="advertisement.mimetype?.includes('image/')">
1934                <img
1935                    :src="advertisement.media_url"
1936                    loading="lazy"
1937                    class="absolute left-0 top-0 h-full w-full object-contain"
1938                />
1939            </template>
1940
1941            <template x-if="advertisement.mimetype?.includes('video/')">
1942                <video
1943                    :src="advertisement.media_url"
1944                    muted="muted"
1945                    autoplay="autoplay"
1946                    loop="loop"
1947                    playsinline="playsinline"
1948                    loading="lazy"
1949                    class="absolute left-0 top-0 h-full w-full object-contain"
1950                ></video>
1951            </template>
1952        </a>
1953    </template>
1954</div>
1955                </template>
1956            </div>
1957
1958            <div class="mt-[30px]">
1959                <aside class="flex flex-col gap-[30px]">
1960    
1961            <div class="overflow-hidden rounded-lg">
1962            <div class="bg-[#719911] px-4 py-2.5 text-white">
1963                <h2 class="text-lg font-black leading-none">Kunngerðir</h2>
1964            </div>
1965
1966            <div class="flex flex-col gap-2 bg-[#719911]/10 p-2">
1967                                    
1968                    <a
1969                        href="https://in.fo/lysingar/a2c28d18-b5e6-4a73-ab7f-088ee325e6a6"
1970                        target="_blank"
1971                        rel="noopener"
1972                        class="flex items-center justify-between gap-3 rounded bg-white px-4 py-3 font-sans shadow-sm hover:bg-stone-50"
1973                    >
1974                        <div class="min-w-0">
1975                            <div class="text-sm font-bold text-stone-800">Freistin at søkja stuðul til verkætlanir er 15. oktober 2026.</div>
1976
1977                                                    </div>
1978
1979                                                    <div class="flex w-[70px] flex-shrink-0 justify-center">
1980                                <img
1981                                    src="https://in.fo/storage/advertisements/DMbdJdvrQhYRZHQupzOmf2jnG4RWsaITj3K74gK3.png"
1982                                    alt=""
1983                                    loading="lazy"
1984                                    class="max-h-9 max-w-[70px] object-contain"
1985                                />
1986                            </div>
1987                                            </a>
1988                            </div>
1989        </div>
1990    </aside>
1991            </div>
1992
1993            <div
1994                x-data="adGroup('vanlig-lysing', 2)"
1995                class="mt-[30px] flex flex-col gap-[30px]"
1996            >
1997                <template
1998                    x-for="advertisement in advertisements"
1999                    :key="advertisement.id"
2000                >
2001                    <div
2002    x-cloak
2003    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
2004>
2005    
2006    <template x-if="advertisement && advertisement.embed_code">
2007        <iframe
2008            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
2009            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
2010            loading="lazy"
2011            scrolling="no"
2012            title="Lýsing"
2013            class="absolute left-0 top-0 h-full w-full border-0"
2014        ></iframe>
2015    </template>
2016
2017    <template x-if="advertisement && !advertisement.embed_code">
2018        <a
2019            :href="`/lysingar/${advertisement?.id}`"
2020            target="_blank"
2021            class="absolute left-0 top-0 block h-full w-full"
2022        >
2023            <template x-if="advertisement.mimetype?.includes('image/')">
2024                <img
2025                    :src="advertisement.media_url"
2026                    loading="lazy"
2027                    class="absolute left-0 top-0 h-full w-full object-contain"
2028                />
2029            </template>
2030
2031            <template x-if="advertisement.mimetype?.includes('video/')">
2032                <video
2033                    :src="advertisement.media_url"
2034                    muted="muted"
2035                    autoplay="autoplay"
2036                    loop="loop"
2037                    playsinline="playsinline"
2038                    loading="lazy"
2039                    class="absolute left-0 top-0 h-full w-full object-contain"
2040                ></video>
2041            </template>
2042        </a>
2043    </template>
2044</div>
2045                </template>
2046            </div>
2047
2048            <div class="overflow-hidden rounded-lg mt-[30px]">
2049        <div class="bg-[#719911] px-4 py-2.5 text-white">
2050            <h2 class="text-lg font-black leading-none">Mest lisið</h2>
2051        </div>
2052
2053        <div class="flex flex-col gap-2 bg-[#719911]/10 p-2">
2054                            <a
2055                    href="https://in.fo/grein/nuuk-baedi-funnin-deyd"
2056                    class="group flex items-center gap-3 rounded bg-white px-3 py-2 font-sans shadow-sm hover:bg-stone-50"
2057                >
2058                    <div class="w-16 flex-shrink-0">
2059                        
2059<script>
2060    const image_6abf657bca97f = JSON.parse(`{\"id\":\"greinamyndir::gr-politibilur-nuukkkk.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/gr-politibilur-nuukkkk.jpg\",\"data\":[]}`);
2061</script>
2061
2062
2063<div
2064    x-data="{
2065        image: image_6abf657bca97f,
2066
2067        get objectPosition() {
2068            const focus = this.image.data.focus
2069
2070            if (! focus) {
2071                return '50% 50%'
2072            }
2073
2074            const [y, x] = focus.split('-')
2075
2076            return `${y}% ${x}%`
2077        },
2078    }"
2079    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] !pb-[70%] "
2080>
2081            <img
2082            src="https://in.fo/assets/news-import/user_upload/gr-politibilur-nuukkkk.jpg"
2083            class="absolute left-0 top-0 h-full w-full object-cover"
2084                        loading="lazy"
2085                            :style="{
2086                    objectPosition
2087                }"
2088                    />
2089    
2090    
2091    </div>
2092                    </div>
2093
2094                    <div class="min-w-0">
2095                        <h3 class="text-sm font-bold leading-snug text-stone-800 group-hover:underline">
2096                            Nuuk: Bæði funnin deyð
2097                        </h3>
2098
2099                        <div class="mt-0.5 text-xs text-stone-500">
2100                            27. september kl. 23:01
2101                        </div>
2102                    </div>
2103                </a>
2104                            <a
2105                    href="https://in.fo/grein/ein-lysandi-bilur-a-sandsvatni-i-kvold"
2106                    class="group flex items-center gap-3 rounded bg-white px-3 py-2 font-sans shadow-sm hover:bg-stone-50"
2107                >
2108                    <div class="w-16 flex-shrink-0">
2109                        
2109<script>
2110    const image_6abf657bcacd2 = JSON.parse(`{\"id\":\"greinamyndir::bilur-prestholmur.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/bilur-prestholmur.jpg\",\"data\":{\"caption\":\"F\\u00f3lk, sum koyrdu um hesar lei\\u00f0ir t\\u00ed\\u00f0liga \\u00ed kv\\u00f8ld, s\\u00f3u ein l\\u00fdsandi bil v\\u00e6l \\u00fati \\u00e1 vatninum, mest sum \\u00ed ein \\u00fatnyr\\u00f0ing \\u00far Presth\\u00f3lmi, sum eisini s\\u00e6st \\u00e1 myndini\"}}`);
2111</script>
2111
2112
2113<div
2114    x-data="{
2115        image: image_6abf657bcacd2,
2116
2117        get objectPosition() {
2118            const focus = this.image.data.focus
2119
2120            if (! focus) {
2121                return '50% 50%'
2122            }
2123
2124            const [y, x] = focus.split('-')
2125
2126            return `${y}% ${x}%`
2127        },
2128    }"
2129    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] !pb-[70%] "
2130>
2131            <img
2132            src="https://in.fo/assets/news-import/user_upload/bilur-prestholmur.jpg"
2133            class="absolute left-0 top-0 h-full w-full object-cover"
2134                        loading="lazy"
2135                            :style="{
2136                    objectPosition
2137                }"
2138                    />
2139    
2140    
2141    </div>
2142                    </div>
2143
2144                    <div class="min-w-0">
2145                        <h3 class="text-sm font-bold leading-snug text-stone-800 group-hover:underline">
2146                            Lýsandi bilur á Sandsvatni í kvøld
2147                        </h3>
2148
2149                        <div class="mt-0.5 text-xs text-stone-500">
2150                            Í gjár kl. 23:37
2151                        </div>
2152                    </div>
2153                </a>
2154                            <a
2155                    href="https://in.fo/grein/bogi-jacobsen-for-fra-eftir-ar-vid-naerum-tvifaldadum-avlopi"
2156                    class="group flex items-center gap-3 rounded bg-white px-3 py-2 font-sans shadow-sm hover:bg-stone-50"
2157                >
2158                    <div class="w-16 flex-shrink-0">
2159                        
2159<script>
2160    const image_6abf657bcb014 = JSON.parse(`{\"id\":\"greinamyndir::bogi-jacobsen1.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/bogi-jacobsen1.jpg\",\"data\":[]}`);
2161</script>
2161
2162
2163<div
2164    x-data="{
2165        image: image_6abf657bcb014,
2166
2167        get objectPosition() {
2168            const focus = this.image.data.focus
2169
2170            if (! focus) {
2171                return '50% 50%'
2172            }
2173
2174            const [y, x] = focus.split('-')
2175
2176            return `${y}% ${x}%`
2177        },
2178    }"
2179    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] !pb-[70%] "
2180>
2181            <img
2182            src="https://in.fo/assets/news-import/user_upload/bogi-jacobsen1.jpg"
2183            class="absolute left-0 top-0 h-full w-full object-cover"
2184                        loading="lazy"
2185                            :style="{
2186                    objectPosition
2187                }"
2188                    />
2189    
2190    
2191    </div>
2192                    </div>
2193
2194                    <div class="min-w-0">
2195                        <h3 class="text-sm font-bold leading-snug text-stone-800 group-hover:underline">
2196                            Bogi Jac­ob­sen fór frá eft­ir ár við nær­um tví­fald­að­um avlopi
2197                        </h3>
2198
2199                        <div class="mt-0.5 text-xs text-stone-500">
2200                            25. september kl. 21:45
2201                        </div>
2202                    </div>
2203                </a>
2204                            <a
2205                    href="https://in.fo/grein/eg-taki-abyrgd-men-hvar-hevur-borgarstjorin-verid"
2206                    class="group flex items-center gap-3 rounded bg-white px-3 py-2 font-sans shadow-sm hover:bg-stone-50"
2207                >
2208                    <div class="w-16 flex-shrink-0">
2209                        
2209<script>
2210    const image_6abf657bcb41a = JSON.parse(`{\"id\":\"greinamyndir::screenshot-2026-09-29-at-13.23.47.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/screenshot-2026-09-29-at-13.23.47.jpg\",\"data\":{\"caption\":\"Ey\\u00f0stein Zachariasen, borgarstj\\u00f3ri \\u2013 og J\\u00f3gvan Kruse, fyrrverandi borgarstj\\u00f3ri \\u00ed Sunda kommunu\"}}`);
2211</script>
2211
2212
2213<div
2214    x-data="{
2215        image: image_6abf657bcb41a,
2216
2217        get objectPosition() {
2218            const focus = this.image.data.focus
2219
2220            if (! focus) {
2221                return '50% 50%'
2222            }
2223
2224            const [y, x] = focus.split('-')
2225
2226            return `${y}% ${x}%`
2227        },
2228    }"
2229    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] !pb-[70%] "
2230>
2231            <img
2232            src="https://in.fo/assets/news-import/user_upload/screenshot-2026-09-29-at-13.23.47.jpg"
2233            class="absolute left-0 top-0 h-full w-full object-cover"
2234                        loading="lazy"
2235                            :style="{
2236                    objectPosition
2237                }"
2238                    />
2239    
2240    
2241    </div>
2242                    </div>
2243
2244                    <div class="min-w-0">
2245                        <h3 class="text-sm font-bold leading-snug text-stone-800 group-hover:underline">
2246                            Eg taki ábyrgd – men hvar hevur borgarstjórin verið?
2247                        </h3>
2248
2249                        <div class="mt-0.5 text-xs text-stone-500">
2250                            29. september kl. 14:18
2251                        </div>
2252                    </div>
2253                </a>
2254                            <a
2255                    href="https://in.fo/grein/gronlands-politi-leitar-eftir-tveimum-ungum-folkum-i-nuuk"
2256                    class="group flex items-center gap-3 rounded bg-white px-3 py-2 font-sans shadow-sm hover:bg-stone-50"
2257                >
2258                    <div class="w-16 flex-shrink-0">
2259                        
2259<script>
2260    const image_6abf657bcb7c7 = JSON.parse(`{\"id\":\"greinamyndir::gr-pol-nytttttt.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/gr-pol-nytttttt.jpg\",\"data\":[]}`);
2261</script>
2261
2262
2263<div
2264    x-data="{
2265        image: image_6abf657bcb7c7,
2266
2267        get objectPosition() {
2268            const focus = this.image.data.focus
2269
2270            if (! focus) {
2271                return '50% 50%'
2272            }
2273
2274            const [y, x] = focus.split('-')
2275
2276            return `${y}% ${x}%`
2277        },
2278    }"
2279    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] !pb-[70%] "
2280>
2281            <img
2282            src="https://in.fo/assets/news-import/user_upload/gr-pol-nytttttt.jpg"
2283            class="absolute left-0 top-0 h-full w-full object-cover"
2284                        loading="lazy"
2285                            :style="{
2286                    objectPosition
2287                }"
2288                    />
2289    
2290    
2291    </div>
2292                    </div>
2293
2294                    <div class="min-w-0">
2295                        <h3 class="text-sm font-bold leading-snug text-stone-800 group-hover:underline">
2296                            Grønlands Politi leitar eftir tveimum ungum fólkum í Nuuk
2297                        </h3>
2298
2299                        <div class="mt-0.5 text-xs text-stone-500">
2300                            25. september kl. 12:08
2301                        </div>
2302                    </div>
2303                </a>
2304                            <a
2305                    href="https://in.fo/grein/mugu-aftur-og-aftur-bidja-blabar-dempa-tonleikin"
2306                    class="group flex items-center gap-3 rounded bg-white px-3 py-2 font-sans shadow-sm hover:bg-stone-50"
2307                >
2308                    <div class="w-16 flex-shrink-0">
2309                        
2309<script>
2310    const image_6abf657bcbc43 = JSON.parse(`{\"id\":\"greinamyndir::screenshot-2026-09-26-at-10.35.29.jpg\",\"url\":\"https:\\/\\/in.fo\\/assets\\/news-import\\/user_upload\\/screenshot-2026-09-26-at-10.35.29.jpg\",\"data\":[]}`);
2311</script>
2311
2312
2313<div
2314    x-data="{
2315        image: image_6abf657bcbc43,
2316
2317        get objectPosition() {
2318            const focus = this.image.data.focus
2319
2320            if (! focus) {
2321                return '50% 50%'
2322            }
2323
2324            const [y, x] = focus.split('-')
2325
2326            return `${y}% ${x}%`
2327        },
2328    }"
2329    class="relative overflow-hidden rounded bg-stone-200 shadow-md pb-[60%] !pb-[70%] "
2330>
2331            <img
2332            src="https://in.fo/assets/news-import/user_upload/screenshot-2026-09-26-at-10.35.29.jpg"
2333            class="absolute left-0 top-0 h-full w-full object-cover"
2334                        loading="lazy"
2335                            :style="{
2336                    objectPosition
2337                }"
2338                    />
2339    
2340    
2341    </div>
2342                    </div>
2343
2344                    <div class="min-w-0">
2345                        <h3 class="text-sm font-bold leading-snug text-stone-800 group-hover:underline">
2346                            Mugu aftur og aftur biðja Blábar dempa tónleikin
2347                        </h3>
2348
2349                        <div class="mt-0.5 text-xs text-stone-500">
2350                            26. september kl. 10:36
2351                        </div>
2352                    </div>
2353                </a>
2354                    </div>
2355    </div>
2356
2357            <div
2358                x-data="adGroup('vanlig-lysing', 2)"
2359                class="mt-[30px] flex flex-col gap-[30px]"
2360            >
2361                <template
2362                    x-for="advertisement in advertisements"
2363                    :key="advertisement.id"
2364                >
2365                    <div
2366    x-cloak
2367    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
2368>
2369    
2370    <template x-if="advertisement && advertisement.embed_code">
2371        <iframe
2372            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
2373            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
2374            loading="lazy"
2375            scrolling="no"
2376            title="Lýsing"
2377            class="absolute left-0 top-0 h-full w-full border-0"
2378        ></iframe>
2379    </template>
2380
2381    <template x-if="advertisement && !advertisement.embed_code">
2382        <a
2383            :href="`/lysingar/${advertisement?.id}`"
2384            target="_blank"
2385            class="absolute left-0 top-0 block h-full w-full"
2386        >
2387            <template x-if="advertisement.mimetype?.includes('image/')">
2388                <img
2389                    :src="advertisement.media_url"
2390                    loading="lazy"
2391                    class="absolute left-0 top-0 h-full w-full object-contain"
2392                />
2393            </template>
2394
2395            <template x-if="advertisement.mimetype?.includes('video/')">
2396                <video
2397                    :src="advertisement.media_url"
2398                    muted="muted"
2399                    autoplay="autoplay"
2400                    loop="loop"
2401                    playsinline="playsinline"
2402                    loading="lazy"
2403                    class="absolute left-0 top-0 h-full w-full object-contain"
2404                ></video>
2405            </template>
2406        </a>
2407    </template>
2408</div>
2409                </template>
2410            </div>
2411
2412            <div class="overflow-hidden rounded-lg mt-[30px]">
2413        <div class="bg-[#719911] px-4 py-2.5 text-white">
2414            <h2 class="text-lg font-black leading-none">Veðrið</h2>
2415        </div>
2416
2417        <div class="flex flex-col gap-2 bg-[#719911]/10 p-2">
2418                            <div class="flex items-center gap-1.5 rounded bg-white px-3 py-2 font-sans shadow-sm">
2419                    <div class="min-w-0 flex-1 truncate text-sm font-bold text-stone-800">
2420                        Tórshavn
2421                    </div>
2422
2423                    <svg
2424            class="size-7 flex-shrink-0"
2425            viewBox="0 0 32 32"
2426            fill="none"
2427        >
2428            <circle
2429                cx="12"
2430                cy="11"
2431                r="5"
2432                fill="#fbbf24"
2433            />
2434
2435            <g
2436                stroke="#fbbf24"
2437                stroke-width="2"
2438                stroke-linecap="round"
2439            >
2440                <path d="M12 1.5v3M12 17.5v1M1.5 11h3M19.5 11h1M4.6 3.6l2 2M17.4 3.6l-2 2" />
2441            </g>
2442
2443            <path
2444                d="M11 27a5.5 5.5 0 0 1 .6-10.97 7 7 0 0 1 13.1 2.2A4.4 4.4 0 0 1 24 27H11Z"
2445                fill="#d6d3d1"
2446            />
2447        </svg>
2448
2449        
2450                    <div class="w-9 flex-shrink-0 text-right text-sm font-bold text-red-600">
2451                                                    11°
2452                                            </div>
2453
2454                    <div class="w-16 flex-shrink-0 text-right text-sm text-blue-500">
2455                                                    0,0 mm
2456                                            </div>
2457
2458                    
2459                    <div class="w-12 flex-shrink-0 whitespace-nowrap text-right text-sm text-stone-700">
2460                        2–7
2461                    </div>
2462
2463                    <div class="flex w-5 flex-shrink-0 justify-end text-stone-700">
2464                                                    
2465                            <svg
2466                                viewBox="0 0 24 24"
2467                                class="size-4"
2468                                style="transform: rotate(405deg)"
2469                                fill="none"
2470                                stroke="currentColor"
2471                                stroke-width="2.5"
2472                            >
2473                                <path
2474                                    d="M12 20V4M12 4l-6 6M12 4l6 6"
2475                                    stroke-linecap="round"
2476                                    stroke-linejoin="round"
2477                                />
2478                            </svg>
2479                                            </div>
2480                </div>
2481                            <div class="flex items-center gap-1.5 rounded bg-white px-3 py-2 font-sans shadow-sm">
2482                    <div class="min-w-0 flex-1 truncate text-sm font-bold text-stone-800">
2483                        Runavík
2484                    </div>
2485
2486                    <svg
2487            class="size-7 flex-shrink-0"
2488            viewBox="0 0 32 32"
2489            fill="none"
2490        >
2491            <circle
2492                cx="12"
2493                cy="11"
2494                r="5"
2495                fill="#fbbf24"
2496            />
2497
2498            <g
2499                stroke="#fbbf24"
2500                stroke-width="2"
2501                stroke-linecap="round"
2502            >
2503                <path d="M12 1.5v3M12 17.5v1M1.5 11h3M19.5 11h1M4.6 3.6l2 2M17.4 3.6l-2 2" />
2504            </g>
2505
2506            <path
2507                d="M11 27a5.5 5.5 0 0 1 .6-10.97 7 7 0 0 1 13.1 2.2A4.4 4.4 0 0 1 24 27H11Z"
2508                fill="#d6d3d1"
2509            />
2510        </svg>
2511
2512        
2513                    <div class="w-9 flex-shrink-0 text-right text-sm font-bold text-red-600">
2514                                                    11°
2515                                            </div>
2516
2517                    <div class="w-16 flex-shrink-0 text-right text-sm text-blue-500">
2518                                                    0,0 mm
2519                                            </div>
2520
2521                    
2522                    <div class="w-12 flex-shrink-0 whitespace-nowrap text-right text-sm text-stone-700">
2523                        2–6
2524                    </div>
2525
2526                    <div class="flex w-5 flex-shrink-0 justify-end text-stone-700">
2527                                                    
2528                            <svg
2529                                viewBox="0 0 24 24"
2530                                class="size-4"
2531                                style="transform: rotate(405deg)"
2532                                fill="none"
2533                                stroke="currentColor"
2534                                stroke-width="2.5"
2535                            >
2536                                <path
2537                                    d="M12 20V4M12 4l-6 6M12 4l6 6"
2538                                    stroke-linecap="round"
2539                                    stroke-linejoin="round"
2540                                />
2541                            </svg>
2542                                            </div>
2543                </div>
2544                            <div class="flex items-center gap-1.5 rounded bg-white px-3 py-2 font-sans shadow-sm">
2545                    <div class="min-w-0 flex-1 truncate text-sm font-bold text-stone-800">
2546                        Klaksvík
2547                    </div>
2548
2549                    <svg
2550            class="size-7 flex-shrink-0"
2551            viewBox="0 0 32 32"
2552            fill="none"
2553        >
2554            <circle
2555                cx="12"
2556                cy="11"
2557                r="5"
2558                fill="#fbbf24"
2559            />
2560
2561            <g
2562                stroke="#fbbf24"
2563                stroke-width="2"
2564                stroke-linecap="round"
2565            >
2566                <path d="M12 1.5v3M12 17.5v1M1.5 11h3M19.5 11h1M4.6 3.6l2 2M17.4 3.6l-2 2" />
2567            </g>
2568
2569            <path
2570                d="M11 27a5.5 5.5 0 0 1 .6-10.97 7 7 0 0 1 13.1 2.2A4.4 4.4 0 0 1 24 27H11Z"
2571                fill="#d6d3d1"
2572            />
2573        </svg>
2574
2575        
2576                    <div class="w-9 flex-shrink-0 text-right text-sm font-bold text-red-600">
2577                                                    12°
2578                                            </div>
2579
2580                    <div class="w-16 flex-shrink-0 text-right text-sm text-blue-500">
2581                                                    0,4 mm
2582                                            </div>
2583
2584                    
2585                    <div class="w-12 flex-shrink-0 whitespace-nowrap text-right text-sm text-stone-700">
2586                        1–6
2587                    </div>
2588
2589                    <div class="flex w-5 flex-shrink-0 justify-end text-stone-700">
2590                                                    
2591                            <svg
2592                                viewBox="0 0 24 24"
2593                                class="size-4"
2594                                style="transform: rotate(405deg)"
2595                                fill="none"
2596                                stroke="currentColor"
2597                                stroke-width="2.5"
2598                            >
2599                                <path
2600                                    d="M12 20V4M12 4l-6 6M12 4l6 6"
2601                                    stroke-linecap="round"
2602                                    stroke-linejoin="round"
2603                                />
2604                            </svg>
2605                                            </div>
2606                </div>
2607                            <div class="flex items-center gap-1.5 rounded bg-white px-3 py-2 font-sans shadow-sm">
2608                    <div class="min-w-0 flex-1 truncate text-sm font-bold text-stone-800">
2609                        Flogvøllurin
2610                    </div>
2611
2612                    <svg
2613            class="size-7 flex-shrink-0"
2614            viewBox="0 0 32 32"
2615            fill="none"
2616        >
2617            <path
2618                d="M9 21a5.5 5.5 0 0 1 .6-10.97 7 7 0 0 1 13.1 2.2A4.4 4.4 0 0 1 22 21H9Z"
2619                fill="#9ca3af"
2620            />
2621
2622            <g
2623                stroke="#3b82f6"
2624                stroke-width="2.4"
2625                stroke-linecap="round"
2626            >
2627                <path d="M11 24l-1.5 4M17 24l-1.5 4M23 24l-1.5 4" />
2628            </g>
2629        </svg>
2630
2631        
2632                    <div class="w-9 flex-shrink-0 text-right text-sm font-bold text-red-600">
2633                                                    10°
2634                                            </div>
2635
2636                    <div class="w-16 flex-shrink-0 text-right text-sm text-blue-500">
2637                                                    0,5 mm
2638                                            </div>
2639
2640                    
2641                    <div class="w-12 flex-shrink-0 whitespace-nowrap text-right text-sm text-stone-700">
2642                        2–7
2643                    </div>
2644
2645                    <div class="flex w-5 flex-shrink-0 justify-end text-stone-700">
2646                                                    
2647                            <svg
2648                                viewBox="0 0 24 24"
2649                                class="size-4"
2650                                style="transform: rotate(405deg)"
2651                                fill="none"
2652                                stroke="currentColor"
2653                                stroke-width="2.5"
2654                            >
2655                                <path
2656                                    d="M12 20V4M12 4l-6 6M12 4l6 6"
2657                                    stroke-linecap="round"
2658                                    stroke-linejoin="round"
2659                                />
2660                            </svg>
2661                                            </div>
2662                </div>
2663                            <div class="flex items-center gap-1.5 rounded bg-white px-3 py-2 font-sans shadow-sm">
2664                    <div class="min-w-0 flex-1 truncate text-sm font-bold text-stone-800">
2665                        Tvøroyri
2666                    </div>
2667
2668                    <svg
2669            class="size-7 flex-shrink-0"
2670            viewBox="0 0 32 32"
2671            fill="none"
2672        >
2673            <circle
2674                cx="12"
2675                cy="11"
2676                r="5"
2677                fill="#fbbf24"
2678            />
2679
2680            <g
2681                stroke="#fbbf24"
2682                stroke-width="2"
2683                stroke-linecap="round"
2684            >
2685                <path d="M12 1.5v3M12 17.5v1M1.5 11h3M19.5 11h1M4.6 3.6l2 2M17.4 3.6l-2 2" />
2686            </g>
2687
2688            <path
2689                d="M11 27a5.5 5.5 0 0 1 .6-10.97 7 7 0 0 1 13.1 2.2A4.4 4.4 0 0 1 24 27H11Z"
2690                fill="#d6d3d1"
2691            />
2692        </svg>
2693
2694        
2695                    <div class="w-9 flex-shrink-0 text-right text-sm font-bold text-red-600">
2696                                                    11°
2697                                            </div>
2698
2699                    <div class="w-16 flex-shrink-0 text-right text-sm text-blue-500">
2700                                                    0,1 mm
2701                                            </div>
2702
2703                    
2704                    <div class="w-12 flex-shrink-0 whitespace-nowrap text-right text-sm text-stone-700">
2705                        2–7
2706                    </div>
2707
2708                    <div class="flex w-5 flex-shrink-0 justify-end text-stone-700">
2709                                                    
2710                            <svg
2711                                viewBox="0 0 24 24"
2712                                class="size-4"
2713                                style="transform: rotate(405deg)"
2714                                fill="none"
2715                                stroke="currentColor"
2716                                stroke-width="2.5"
2717                            >
2718                                <path
2719                                    d="M12 20V4M12 4l-6 6M12 4l6 6"
2720                                    stroke-linecap="round"
2721                                    stroke-linejoin="round"
2722                                />
2723                            </svg>
2724                                            </div>
2725                </div>
2726                    </div>
2727
2728        <div class="bg-[#719911]/10 px-3 pb-2 pt-1 text-right text-[11px] text-stone-500">
2729            Kelda:
2730            <a
2731                href="https://www.vedur.fo"
2732                target="_blank"
2733                rel="noopener"
2734                class="underline"
2735            >vedur.fo</a>
2736        </div>
2737    </div>
2738
2739            <div
2740                x-data="sidebarAds('vanlig-lysing')"
2741                class="mt-[30px] flex flex-col gap-[30px]"
2742            >
2743                <template
2744                    x-for="(advertisement, index) in slots"
2745                    :key="index"
2746                >
2747                    <div
2748    x-cloak
2749    class="pb-[50%] relative block overflow-hidden rounded bg-stone-100 shadow"
2750>
2751    
2752    <template x-if="advertisement && advertisement.embed_code">
2753        <iframe
2754            :srcdoc="adEmbedSrcdoc(advertisement.embed_code)"
2755            sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
2756            loading="lazy"
2757            scrolling="no"
2758            title="Lýsing"
2759            class="absolute left-0 top-0 h-full w-full border-0"
2760        ></iframe>
2761    </template>
2762
2763    <template x-if="advertisement && !advertisement.embed_code">
2764        <a
2765            :href="`/lysingar/${advertisement?.id}`"
2766            target="_blank"
2767            class="absolute left-0 top-0 block h-full w-full"
2768        >
2769            <template x-if="advertisement.mimetype?.includes('image/')">
2770                <img
2771                    :src="advertisement.media_url"
2772                    loading="lazy"
2773                    class="absolute left-0 top-0 h-full w-full object-contain"
2774                />
2775            </template>
2776
2777            <template x-if="advertisement.mimetype?.includes('video/')">
2778                <video
2779                    :src="advertisement.media_url"
2780                    muted="muted"
2781                    autoplay="autoplay"
2782                    loop="loop"
2783                    playsinline="playsinline"
2784                    loading="lazy"
2785                    class="absolute left-0 top-0 h-full w-full object-contain"
2786                ></video>
2787            </template>
2788        </a>
2789    </template>
2790</div>
2791                </template>
2792            </div>
2793        </aside>
2794    </div>
2795        </main>
2796
2797        <aside
2798    x-data="{
2799        active: false,
2800    }"
2801    x-cloak
2802    x-on:open-menu.window="active = true"
2803    x-on:click.away="active = false"
2804    x-on:keydown.escape.window="active = false"
2805    class="fixed right-0 top-0 z-[60] flex h-full w-screen flex-col justify-between overflow-auto border-l bg-white px-6 py-10 font-sans transition sm:w-96"
2806    :class="{
2807        'translate-x-full opacity-0 pointer-events-none': !active
2808    }"
2809>
2810    <a
2811    href="#"
2812    x-on:click.prevent="active = false"
2813    tabindex="-1"
2814    class="absolute right-4 top-4 grid h-8 w-8 place-items-center text-stone-400 hover:text-stone-500"
2815>
2816    <svg
2817        xmlns="http://www.w3.org/2000/svg"
2818        fill="none"
2819        viewBox="0 0 24 24"
2820        stroke-width="1.5"
2821        stroke="currentColor"
2822        class="size-6"
2823    >
2824        <path
2825            stroke-linecap="round"
2826            stroke-linejoin="round"
2827            d="M6 18 18 6M6 6l12 12"
2828        />
2829    </svg>
2830</a>
2831
2832    <div>
2833        <div class="mb-5 text-3xl font-black lowercase tracking-tight text-stone-900">info</div>
2834
2835        <div class="-mx-2.5">
2836                            
2837                <a
2838                    href="https://in.fo"
2839                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
2840                >
2841                    
2842                    Forsíða
2843                </a>
2844
2845                                            
2846                <a
2847                    href="https://in.fo?c=tidindi"
2848                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
2849                >
2850                    
2851                    Tíðindi
2852                </a>
2853
2854                                    <div class="mb-1 ml-4 border-l border-stone-200">
2855                                                    <a
2856                                href="https://in.fo?c=innanlands"
2857                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2858                            >
2859                                Innanlands
2860                            </a>
2861                                                    <a
2862                                href="https://in.fo?c=uttanlands"
2863                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2864                            >
2865                                Uttanlands
2866                            </a>
2867                                                    <a
2868                                href="https://in.fo?c=lesarabrov"
2869                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2870                            >
2871                                Lesarabrøv
2872                            </a>
2873                                                    <a
2874                                href="https://in.fo?c=tingfo"
2875                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2876                            >
2877                                Ting.fo
2878                            </a>
2879                                                    <a
2880                                href="https://in.fo?c=loegtingsval-2026"
2881                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2882                            >
2883                                Løgtingsval 2026
2884                            </a>
2885                                                    <a
2886                                href="https://in.fo?c=folkatingsval-2026"
2887                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2888                            >
2889                                Fólkatingsval 2026
2890                            </a>
2891                                                    <a
2892                                href="https://in.fo?c=lysingagrein"
2893                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2894                            >
2895                                Lýsingagreinar
2896                            </a>
2897                                            </div>
2898                                            
2899                <a
2900                    href="https://in.fo?c=itrottur"
2901                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
2902                >
2903                    
2904                    Ítróttur
2905                </a>
2906
2907                                    <div class="mb-1 ml-4 border-l border-stone-200">
2908                                                    <a
2909                                href="https://in.fo?c=em24"
2910                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2911                            >
2912                                EM24
2913                            </a>
2914                                                    <a
2915                                href="https://in.fo?c=oyggjaleikir-2023"
2916                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2917                            >
2918                                Oyggjaleikir 2023
2919                            </a>
2920                                                    <a
2921                                href="https://in.fo?c=fotboltur"
2922                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2923                            >
2924                                Fótbóltur
2925                            </a>
2926                                                    <a
2927                                href="https://in.fo?c=hondboltur"
2928                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2929                            >
2930                                Hondbóltur
2931                            </a>
2932                                                    <a
2933                                href="https://in.fo?c=annar-itrottur"
2934                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2935                            >
2936                                Annar ítróttur
2937                            </a>
2938                                            </div>
2939                                            
2940                <a
2941                    href="https://in.fo?c=novn"
2942                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
2943                >
2944                    
2945                    Nøvn
2946                </a>
2947
2948                                    <div class="mb-1 ml-4 border-l border-stone-200">
2949                                                    <a
2950                                href="https://in.fo?c=andlat"
2951                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2952                            >
2953                                Andlát
2954                            </a>
2955                                                    <a
2956                                href="https://in.fo?c=minningarord"
2957                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2958                            >
2959                                Minningarorð
2960                            </a>
2961                                                    <a
2962                                href="https://in.fo?c=tokkir"
2963                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2964                            >
2965                                Tøkkir
2966                            </a>
2967                                                    <a
2968                                href="https://in.fo?c=merkisdagar"
2969                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2970                            >
2971                                Merkisdagar
2972                            </a>
2973                                                    <a
2974                                href="https://in.fo?c=fodingar"
2975                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2976                            >
2977                                Føðingar
2978                            </a>
2979                                            </div>
2980                                            
2981                <a
2982                    href="https://in.fo?c=vinnan"
2983                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
2984                >
2985                    
2986                    Vinnan
2987                </a>
2988
2989                                    <div class="mb-1 ml-4 border-l border-stone-200">
2990                                                    <a
2991                                href="https://in.fo?c=byggivinnan"
2992                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2993                            >
2994                                Byggivinnan
2995                            </a>
2996                                                    <a
2997                                href="https://in.fo?c=fiskivinna"
2998                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
2999                            >
3000                                Fiskivinna
3001                            </a>
3002                                                    <a
3003                                href="https://in.fo?c=ferdavinna"
3004                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
3005                            >
3006                                Ferðavinna
3007                            </a>
3008                                                    <a
3009                                href="https://in.fo?c=orkuvinna"
3010                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
3011                            >
3012                                Orkuvinna
3013                            </a>
3014                                                    <a
3015                                href="https://in.fo?c=bilar"
3016                                class="block py-2 pl-4 text-sm text-stone-600 hover:bg-stone-100"
3017                            >
3018                                Bilar
3019                            </a>
3020                                            </div>
3021                                            
3022                <a
3023                    href="https://in.fo?c=myndasavn"
3024                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3025                >
3026                    
3027                    Myndasøvn
3028                </a>
3029
3030                                            
3031                <a
3032                    href="https://www.vedur.fo"
3033                     target="_blank" rel="noopener"                     class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3034                >
3035                    
3036                    Veðrið
3037                </a>
3038
3039                                            
3040                <a
3041                    href="https://in.fo?c=loegtingsval-2026"
3042                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3043                >
3044                    
3045                    Løgtingsval 2026
3046                </a>
3047
3048                                            
3049                <a
3050                    href="https://www.sosialurin.fo/um-okkum"
3051                     target="_blank" rel="noopener"                     class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3052                >
3053                    
3054                    Um okkum
3055                </a>
3056
3057                                            
3058                <a
3059                    href="/whats-on"
3060                                        class="flex items-center gap-2 p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3061                >
3062                                            <img
3063                            src="https://in.fo/assets/whatson-logo.png"
3064                            alt=""
3065                            class="h-5 w-auto flex-shrink-0"
3066                        />
3067                    
3068                    What&#039;s on
3069                </a>
3070
3071                            
3072            <hr class="my-2 border-stone-200" />
3073
3074            <a
3075            href="#"
3076        x-on:click.prevent.stop="
3077                    $dispatch(&#039;open-search-modal&#039;)
3078                    active = false
3079                "
3080        class="block p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3081>
3082    Leita eftir grein
3083</a>
3084
3085            <a
3086            href="https://in.fo/poddvarp"
3087        class="block p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3088>
3089    Poddvarp
3090</a>
3091
3092            <a
3093            href="https://in.fo/bladid"
3094        class="block p-2.5 py-3 text-sm uppercase hover:bg-stone-100"
3095>
3096    Blaðið á netinum
3097</a>
3098
3099            
3100
3101            
3102                    </div>
3103    </div>
3104
3105    <div class="mt-8 flex flex-col items-center text-center text-sm leading-relaxed text-stone-600">
3106        <div>Tórsgøta 1</div>
3107        <div>FO-100 Tórshavn</div>
3108        
3109        <a
3110            href="tel:+298341800"
3111            class="inline-block text-stone-700"
3112        >
3113            +298 34 18 00
3114        </a>
3115        <a href="/cdn-cgi/l/email-protection#3851565e57785156165e57" class="inline-block text-stone-700">
3116            <span class="__cf_email__" data-cfemail="026b6c646d426b6c2c646d">[email&#160;protected]</span>
3117        </a>
3118    </div>
3119</aside>
vendor: 127 bytes, lines 3119-3122
3119
3120
3121        
3122        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3122<script
3123            src="https://cdn.usefathom.com/script.js"
3124            data-site="VPIIKIPP"
3125            defer
3126        ></script>
3126
3127    </body>
3128</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.