1 2 3 4 5 6 7 8 9 10 11 12<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 13 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 14<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv"> 15 16 17 18 19 20 21 22 23 24 25 26 27<head> 28 29 <!-- This is Head5 AKTUELL FIL --> 30 31 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 32 33 34 <meta property="sesamy:client-id" content="feber" /> 35 <meta property="sesamy:analytics" content="false" /> 36 37 <base target="_top" /> 38 39 40 41 42 43 44
44<script id="sesamy-js" type="application/json">{"auth":{"authorizationParams":{"redirect_uri":"https://feber.se/"}}}</script>
44 45 46 47 48 <meta property="fb:app_id" content="1473195290977849" /> 49 <meta property="fb:pages" content="103483998600" /> 50 51 52 53 54 55 56 <link rel="preconnect" href="https://i.ytimg.com"> 57 <link rel="preconnect" href="https://static.feber.se"> 58 59 <link rel="preload" href="/fonts/SuisseIntl-Light-WebS.woff2" as="font" type="font/woff2" crossorigin> 60 <link rel="preload" href="/fonts/SuisseIntl-Regular-WebS.woff2" as="font" type="font/woff2" crossorigin> 61 <link rel="preload" href="/fonts/SuisseIntl-SemiBold-WebS.woff2" as="font" type="font/woff2" crossorigin> 62 <link rel="preload" href="/fonts/SuisseIntl-Bold-WebS.woff2" as="font" type="font/woff2" crossorigin> 63 <link rel="preload" href="/fonts/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin> 64 65 <link rel="preload" href="https://scripts.sesamy.com/s/feber/bundle.js" as="script" crossorigin="anonymous"> 66 67 68 <!-- f-embed script --> 69 70 71
72<script> 73/* f-embed - Enkel modulär lösning för embed-innehåll 74 * 75 * Systemet letar automatiskt efter alla f-embed element och initierar dem. 76 * Nya embeds som läggs till dynamiskt initieras också automatiskt. 77 * Se varje handlers kommentarer för specifik användning. 78 */ 79 80(function() { 81 'use strict'; 82 83 const embedHandlers = {}; 84 function escapeHtml(value) { 85 return String(value == null ? '' : value).replace(/[&<>"']/g, function(character) { 86 return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[character]; 87 }); 88 } 89 90 embedHandlers.internallinks = { 91 init: function(element) { 92 if (element.querySelector('f-embed-internallinks')) return; 93 94 const ids = element.dataset.id || ''; 95 if (!ids) { 96 console.error('f-embed: Internallinks kräver data-id'); 97 return; 98 } 99 100 fetch('/snippets/internal_links.jsp?ids=' + encodeURIComponent(ids)) 101 .then(function(res) { 102 if (!res.ok) throw new Error('Kunde inte hämta interna länkar'); 103 return res.text(); 104 }) 105 .then(function(html) { 106 element.innerHTML = html; 107 }) 108 .catch(function(error) { 109 console.error('f-embed: Internallinks-fel', error); 110 }); 111 } 112 }; 113 114/* Väntar på extern API (generell utility) */ 115 116 function waitForAPI(checkFn, callback, timeout) { 117 timeout = timeout || 10000; 118 if (checkFn()) { 119 callback(); 120 return; 121 } 122 123 const interval = setInterval(() => { 124 if (checkFn()) { 125 clearInterval(interval); 126 callback(); 127 } 128 }, 100); 129 130 setTimeout(() => clearInterval(interval), timeout); 131 } 132 133/* Initierar ett f-embed element */ 134 function initEmbed(element) { 135 if (!element || element.dataset.initialized === 'true') return; 136 137 const type = element.dataset.type; 138 if (!type) { 139 console.error('f-embed: data-type krävs'); 140 return; 141 } 142 143 const handler = embedHandlers[type.toLowerCase()]; 144 if (!handler) { 145 console.error('f-embed: Okänd typ:', type); 146 return; 147 } 148 149 element.dataset.initialized = 'true'; 150 try { 151 handler.init(element, type); 152 } catch (error) { 153 console.error('f-embed: Init-fel', error); 154 element.dataset.initialized = 'false'; 155 } 156 } 157 158/* YouTube Handler 159 * 160 * ALTERNATIV: 161 * - data-type="youtube" (krävs) 162 * - data-id="VIDEO_ID" (krävs) - YouTube video ID (t.ex. "dQw4w9WgXcQ") 163 * - data-start="30" (valfritt) - Starttid i sekunder (default: 0) 164 * - data-mode="lazy" (valfritt) - "lazy" (tumnagel + klick) eller "embed" (iframe direkt) (default: "lazy") 165 * 166 * EXEMPEL: 167 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ"></f-embed> 168 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ" data-start="30"></f-embed> 169 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ" data-mode="embed"></f-embed> 170 * 171 * YouTube API laddas via script-tagg i head. 172 */ 173 174/* Facebook-post Handler 175 * data-id: Facebook post ID eller URL 176 * data-username: Facebook användarnamn (default: "feberse") 177 */ 178 embedHandlers.youtube = (function() { 179 // YouTube-specifika variabler 180 const activePlayers = {}; 181 let currentActivePlayerId = null; 182 183 return { 184 init: function(element, type) { 185 const videoId = element.dataset.id; 186 const startTime = parseInt(element.dataset.start || 0, 10); 187 const mode = element.dataset.mode || 'lazy'; 188 189 if (!videoId) { 190 console.error('f-embed: YouTube kräver data-id'); 191 return; 192 } 193 194 this.createStructure(element, videoId, type); 195 196 if (mode === 'embed') { 197 // Dölj thumbnail och playbutton i embed-läge 198 const embedTag = element.querySelector('f-embed-' + type); 199 const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail'); 200 const playButton = element.querySelector('f-embed-' + type + '-playbutton'); 201 if (thumbnail) thumbnail.style.display = 'none'; 202 if (playButton) playButton.style.display = 'none'; 203 204 this.loadPlayer(element, videoId, startTime, type, false); 205 } else { 206 this.setupLazyLoading(element, videoId, startTime, type); 207 } 208 }, 209 210 createStructure: function(element, videoId, type) { 211 const embedTag = 'f-embed-' + type; 212 const thumbnailUrl = element.dataset.thumbnail || 213 'https://i.ytimg.com/vi/' + videoId + '/maxresdefault.jpg'; 214 const thumbnailFallback = element.dataset.thumbnailFallback || 215 'https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg'; 216 217 // Ta bort eventuellt befintligt innehåll (t.ex. crawler-bilder) 218 // Detta gör att vi kan ha en <img> i HTML:en för crawlers 219 // som sedan ersätts av den interaktiva strukturen 220 element.innerHTML = ''; 221 222 element.innerHTML = 223 '<' + embedTag + '>' + 224 '<f-embed-' + type + '-thumbnail>' + 225 '<img src="' + thumbnailUrl + '" ' +
226 'onload="if(this.naturalWidth<220 && this.src!==\'' + thumbnailFallback + '\'){this.src=\'' + thumbnailFallback + '\';};" ' + 227 'onerror="this.onerror=null;this.src=\'' + thumbnailFallback + '\';" ' + 228 'alt="Video thumbnail" loading="lazy" />' + 229 '</f-embed-' + type + '-thumbnail>' + 230 '<f-embed-' + type + '-playbutton>' + 231 '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 721">' + 232 '<path fill="white" d="M407,493l276-143L407,206V493z"/>' + 233 '<path fill="red" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"/>' + 234 '</svg>' + 235 '</f-embed-' + type + '-playbutton>' + 236 '<f-embed-' + type + '-iframe></f-embed-' + type + '-iframe>' + 237 '</' + embedTag + '>'; 238 }, 239 240 setupLazyLoading: function(element, videoId, startTime, type) { 241 const embedTag = element.querySelector('f-embed-' + type); 242 const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail'); 243 const playButton = element.querySelector('f-embed-' + type + '-playbutton'); 244 const self = this; 245 246 if (!embedTag || !thumbnail || !playButton) return; 247 248 embedTag.addEventListener('click', function clickHandler(e) { 249 e.preventDefault(); 250 e.stopPropagation(); 251 252 // Pausa alla pågående YouTube-spelare 253 self.pauseAllPlayers(); 254 255 thumbnail.style.display = 'none'; 256 playButton.style.display = 'none'; 257 self.loadPlayer(element, videoId, startTime, type, true); 258 embedTag.removeEventListener('click', clickHandler); 259 260 // Dra ner header om artikeln har data-placement="above" 261 const article = element.closest('f-article'); 262 if (article && article.getAttribute('data-placement') === 'above') { 263 const articleHeader = article.querySelector('f-article-header'); 264 if (articleHeader) { 265 articleHeader.style.marginTop = '0px'; 266 } 267 } 268 269 if (window.plausible) { 270 window.plausible('VideoPlay', { 271 props: { ID: 'https://youtu.be/' + videoId } 272 }); 273 } 274 }); 275 276 embedTag.style.cursor = 'pointer'; 277 }, 278 279 loadPlayer: function(element, videoId, startTime, type, autoplay) { 280 autoplay = autoplay !== undefined ? autoplay : true; 281 const iframeContainer = element.querySelector('f-embed-' + type + '-iframe'); 282 if (!iframeContainer) return; 283 284 if (activePlayers[videoId]) { 285 if (autoplay) { 286 activePlayers[videoId].playVideo(); 287 } 288 currentActivePlayerId = videoId; 289 return; 290 } 291 292 const iframeId = 'youtube-player-' + videoId; 293 const iframe = document.createElement('iframe'); 294 iframe.id = iframeId; 295 iframe.width = '640'; 296 iframe.height = '390'; 297 iframe.frameBorder = '0'; 298 iframe.allowFullscreen = true; 299 iframe.allow = 'autoplay; encrypted-media'; 300 iframe.referrerPolicy = 'strict-origin-when-cross-origin'; 301 302 let url = 'https://www.youtube-nocookie.com/embed/' + videoId + 303 '?enablejsapi=1&origin=' + encodeURIComponent(window.location.origin) + 304 '&modestbranding=1&rel=0&playsinline=1'; 305 if (startTime > 0) { 306 url += '&start=' + startTime; 307 } 308 iframe.src = url; 309 iframeContainer.appendChild(iframe); 310 311 const self = this; 312 waitForAPI( 313 function() { return window.YT && window.YT.Player; }, 314 function() { 315 const player = new YT.Player(iframeId, { 316 events: { 317 onReady: function(event) { 318 if (startTime > 0) { 319 event.target.seekTo(startTime, true); 320 } 321 if (autoplay) { 322 event.target.playVideo(); 323 currentActivePlayerId = videoId; 324 } 325 }, 326 onStateChange: function(event) { 327 if (event.data === YT.PlayerState.PLAYING) { 328 currentActivePlayerId = videoId; 329 } else if (event.data === YT.PlayerState.ENDED) { 330 currentActivePlayerId = null; 331 } 332 } 333 } 334 }); 335 activePlayers[videoId] = player; 336 }, 337 10000 338 ); 339 }, 340 341 stopPlayer: function(videoId) { 342 if (activePlayers[videoId]) { 343 try { 344 activePlayers[videoId].stopVideo(); 345 } catch (e) { 346 console.warn('f-embed: Kunde inte stoppa spelare', e); 347 } 348 } 349 }, 350 351 pauseAllPlayers: function() {
352 Object.keys(activePlayers).forEach(id => { 353 try { 354 if (activePlayers[id] && typeof activePlayers[id].pauseVideo === 'function') { 355 activePlayers[id].pauseVideo(); 356 } 357 } catch (e) { 358 console.warn('f-embed: Kunde inte pausa spelare ' + id, e); 359 } 360 }); 361 } 362 }; 363})(); 364 365/* Bunny Stream Handler 366 * 367 * Genererar en autoplay iframe direkt (ingen thumbnail/klick). 368 * 369 * ALTERNATIV: 370 * - data-type="bunny" (krävs) 371 * - data-id="VIDEO_GUID" (krävs) - Bunny Stream video GUID 372 * 373 * EXEMPEL: 374 * <f-embed data-type="bunny" data-id="1ed8aaad-d378-4c86-a6cc-6f1486c129f1"></f-embed> 375 */ 376 embedHandlers.bunny = { 377 init: function(element, type) { 378 const videoId = (element.dataset.id || '').split('|')[0]; 379 if (!videoId) { 380 console.error('f-embed: Bunny kräver data-id'); 381 return; 382 } 383 384 element.innerHTML = 385 '<div style="position:relative;padding-top:56.25%;">' + 386 '<iframe src="https://iframe.mediadelivery.net/embed/508275/' + videoId + '?autoplay=true&loop=true&muted=true&preload=true&responsive=true" ' + 387 'loading="lazy" ' + 388 'style="border:0;position:absolute;top:0;height:100%;width:100%;" ' + 389 'allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;" ' + 390 'allowfullscreen="true"></iframe>' + 391 '</div>'; 392 } 393 }; 394 395/* Mux Handler 396 * 397 * ALTERNATIV: 398 * - data-type="mux" (krävs) 399 * - data-id="PLAYBACK_ID" (krävs) - Mux playback ID 400 * 401 * EXEMPEL: 402 * <f-embed data-type="mux" data-id="abc123"></f-embed> 403 */ 404 embedHandlers.mux = { 405 init: function(element, type) { 406 const rawId = (element.dataset.id || '').split('|')[0].trim(); 407 const muxPlayerMatch = rawId.match(/playback-id=["']([^"']+)["']/); 408 const muxMatch = rawId.match(/(?:playback|stream|image|player)\.mux\.com\/([^\/\?\.\s"'<>]+)/); 409 const playbackId = muxPlayerMatch ? muxPlayerMatch[1] : (muxMatch ? muxMatch[1] : rawId); 410 if (!playbackId) { 411 console.error('f-embed: Mux kräver data-id'); 412 return; 413 } 414 const imageTitle = (element.querySelector('img') || {}).alt || ''; 415 const metadataTitle = element.dataset.title || element.getAttribute('aria-label') || imageTitle.replace(/^Video till\s+/i, '') || playbackId; 416 const metadataVideoId = element.dataset.videoId || playbackId; 417 const escapeAttr = function(value) { 418 return String(value).replace(/&/g, '&').replace(/"/g, '"').replace(/</g, '<').replace(/>/g, '>'); 419 }; 420 421 if (!document.querySelector('script[src*="@mux/mux-player"]')) { 422 const script = document.createElement('script'); 423 script.type = 'module'; 424 script.src = 'https://cdn.jsdelivr.net/npm/@mux/mux-player'; 425 document.head.appendChild(script); 426 } 427 428 element.innerHTML = 429 '<mux-player playback-id="' + playbackId + '" ' + 430 'autoplay="muted" loop muted playsinline preload="auto" ' + 431 'accent-color="rgba(245, 68, 1, 1)" ' + 432 'style="display:block;width:100%;aspect-ratio:16/9;background:#000;--seek-backward-button:none;--seek-forward-button:none;--pip-button:none;--playback-rate-button:none;" ' + 433 'metadata-video-id="' + escapeAttr(metadataVideoId) + '" ' + 434 'metadata-video-title="' + escapeAttr(metadataTitle) + '">' + 435 '</mux-player>'; 436 } 437 }; 438 439/* Vimeo Handler 440 * 441 * ALTERNATIV: 442 * - data-type="vimeo" (krävs) 443 * - data-id="VIDEO_ID" (krävs) - Vimeo video ID (t.ex. "123456789") 444 * - data-hash="HASH" (valfritt) - Hash för privata/unlisted videor (t.ex. "711ba0054a") 445 * - data-start="30" (valfritt) - Starttid i sekunder (default: 0) 446 * - data-mode="lazy" (valfritt) - "lazy" (tumnagel + klick) eller "embed" (iframe direkt) (default: "lazy") 447 * 448 * EXEMPEL: 449 * <f-embed data-type="vimeo" data-id="123456789"></f-embed> 450 * <f-embed data-type="vimeo" data-id="123456789" data-hash="711ba0054a"></f-embed> 451 * <f-embed data-type="vimeo" data-id="123456789" data-start="30"></f-embed> 452 * <f-embed data-type="vimeo" data-id="123456789" data-mode="embed"></f-embed> 453 */ 454 embedHandlers.vimeo = (function() { 455 // Vimeo-specifika variabler 456 const activePlayers = {}; 457 let currentActivePlayerId = null; 458 459 return { 460 init: function(element, type) { 461 let videoId = element.dataset.id; 462 let hash = element.dataset.hash || ''; 463 const startTime = parseInt(element.dataset.start || 0, 10); 464 const mode = element.dataset.mode || 'lazy'; 465 466 if (!videoId) { 467 console.error('f-embed: Vimeo kräver data-id'); 468 return; 469 } 470 471 // Om det är en URL, extrahera video ID och eventuell hash 472 if (videoId.indexOf('vimeo.com') !== -1) { 473 // player.vimeo.com/video/ID?h=HASH 474 var hMatch = videoId.match(/[?&]h=([a-f0-9]+)/); 475 if (hMatch && hMatch[1]) hash = hMatch[1]; 476 // vimeo.com/ID/HASH eller vimeo.com/video/ID/HASH 477 var match = videoId.match(/vimeo\.com\/(?:video\/)?(\d+)(?:\/([a-f0-9]+))?/); 478 if (match && match[1]) { 479 videoId = match[1]; 480 if (!hash && match[2]) hash = match[2]; 481 } 482 } 483 484 this.createStructure(element, videoId, hash, type); 485 486 if (mode === 'embed') { 487 this.loadPlayer(element, videoId, hash, startTime, type); 488 } else { 489 this.setupLazyLoading(element, videoId, hash, startTime, type); 490 } 491 }, 492 493 createStructure: function(element, videoId, hash, type) { 494 const embedTag = 'f-embed-' + type; 495 const self = this; 496 497 // Ta bort eventuellt befintligt innehåll 498 element.innerHTML = ''; 499 500 // Skapa strukturen utan thumbnail först (så vi inte visar fel bild) 501 element.innerHTML = 502 '<' + embedTag + '>' + 503 '<f-embed-' + type + '-thumbnail></f-embed-' + type + '-thumbnail>' + 504 '<f-embed-' + type + '-playbutton>' + 505 '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">' + 506 '<circle cx="50" cy="50" r="45" fill="#1ab7ea" opacity="0.9"/>' + 507 '<path fill="white" d="M40,30 L40,70 L65,50 Z"/>' + 508 '</svg>' + 509 '</f-embed-' + type + '-playbutton>' + 510 '<f-embed-' + type + '-iframe></f-embed-' + type + '-iframe>' + 511 '</' + embedTag + '>'; 512 513 // Hämta thumbnail via Vimeo's oEmbed API direkt (gratis, ingen API-nyckel behövs) 514 // Detta ger oss den officiella högupplösta thumbnails som Vimeo rekommenderar 515 // För privata videor måste hashen ingå i URL:en 516 const vimeoUrl = 'https://vimeo.com/' + videoId + (hash ? '/' + hash : ''); 517 const oEmbedUrl = 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(vimeoUrl); 518 519 fetch(oEmbedUrl) 520 .then(function(response) { 521 if (!response.ok) { 522 throw new Error('Vimeo oEmbed API fel'); 523 } 524 return response.json(); 525 }) 526 .then(function(data) { 527 // oEmbed API returnerar thumbnail_url, konvertera den till 1280px 528 if (data.thumbnail_url) { 529 const thumbnailContainer = element.querySelector('f-embed-' + type + '-thumbnail'); 530 if (thumbnailContainer) { 531 // Konvertera oEmbed URL till 1280px-version 532 // Format: ...-d_295x166?region=se -> ...-d_1280 533 let highResUrl = data.thumbnail_url; 534 535 // Ta bort query-parametrar först 536 const urlParts = highResUrl.split('?'); 537 highResUrl = urlParts[0]; 538 539 // Ersätt storleksmärkningen med _1280 540 // Mönster: -d_XXXxYYY eller -d_XXX -> -d_1280
541 highResUrl = highResUrl.replace(/-d_\d+x\d+/, '-d_1280'); 542 highResUrl = highResUrl.replace(/-d_\d+/, '-d_1280'); 543 544 // Skapa och lägg till bilden med rätt URL direkt 545 const img = document.createElement('img'); 546 img.src = highResUrl; 547 img.alt = 'Video thumbnail'; 548 img.loading = 'lazy'; 549 thumbnailContainer.appendChild(img); 550 } 551 } 552 }) 553 .catch(function(error) { 554 // Om oEmbed misslyckas, visa en placeholder eller ingenting 555 console.debug('f-embed: Kunde inte hämta Vimeo-thumbnail', error); 556 const thumbnailContainer = element.querySelector('f-embed-' + type + '-thumbnail'); 557 if (thumbnailContainer) { 558 // Visa en svart placeholder istället för fel bild 559 thumbnailContainer.style.backgroundColor = '#000'; 560 } 561 }); 562 }, 563 564 setupLazyLoading: function(element, videoId, hash, startTime, type) { 565 const embedTag = element.querySelector('f-embed-' + type); 566 const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail'); 567 const playButton = element.querySelector('f-embed-' + type + '-playbutton'); 568 const self = this; 569 570 if (!embedTag || !thumbnail || !playButton) return; 571 572 embedTag.addEventListener('click', function clickHandler(e) { 573 e.preventDefault(); 574 e.stopPropagation(); 575 576 // Pausa alla pågående Vimeo-spelare 577 self.pauseAllPlayers(); 578 579 thumbnail.style.display = 'none'; 580 playButton.style.display = 'none'; 581 self.loadPlayer(element, videoId, hash, startTime, type); 582 embedTag.removeEventListener('click', clickHandler); 583 584 // Dra ner header om artikeln har data-placement="above" 585 const article = element.closest('f-article'); 586 if (article && article.getAttribute('data-placement') === 'above') { 587 const articleHeader = article.querySelector('f-article-header'); 588 if (articleHeader) { 589 articleHeader.style.marginTop = '0px'; 590 } 591 } 592 593 if (window.plausible) { 594 window.plausible('VideoPlay', { 595 props: { ID: 'https://vimeo.com/' + videoId } 596 }); 597 } 598 }); 599 600 embedTag.style.cursor = 'pointer'; 601 }, 602 603 loadPlayer: function(element, videoId, hash, startTime, type) { 604 const iframeContainer = element.querySelector('f-embed-' + type + '-iframe'); 605 if (!iframeContainer) return; 606 607 // Vimeo Player API kräver att scriptet laddas först 608 this.loadVimeoPlayerAPI(function() { 609 const iframeId = 'vimeo-player-' + videoId; 610 const iframe = document.createElement('iframe'); 611 iframe.id = iframeId; 612 iframe.width = '640'; 613 iframe.height = '390'; 614 iframe.frameBorder = '0'; 615 iframe.allowFullscreen = true; 616 iframe.allow = 'autoplay; fullscreen; picture-in-picture'; 617 618 let url = 'https://player.vimeo.com/video/' + videoId + 619 '?badge=0&autopause=0&player_id=' + iframeId; 620 if (hash) url += '&h=' + hash; 621 622 // Lägg till starttid om det finns 623 if (startTime > 0) { 624 url += '#t=' + startTime + 's'; 625 } 626 627 iframe.src = url; 628 iframeContainer.appendChild(iframe); 629 630 const self = this; 631 waitForAPI( 632 function() { return window.Vimeo && window.Vimeo.Player; }, 633 function() { 634 const player = new Vimeo.Player(iframeId); 635 activePlayers[videoId] = player; 636 currentActivePlayerId = videoId; 637 638 // Om starttid finns, sök till den positionen 639 if (startTime > 0) { 640 player.setCurrentTime(startTime).then(function() { 641 player.play(); 642 }).catch(function(error) { 643 console.warn('f-embed: Kunde inte sätta starttid för Vimeo', error); 644 player.play(); 645 }); 646 } else { 647 player.play(); 648 } 649 650 // Lyssna på när videon slutar 651 player.on('ended', function() { 652 currentActivePlayerId = null; 653 }); 654 }, 655 10000 656 ); 657 }.bind(this)); 658 }, 659 660 loadVimeoPlayerAPI: function(callback) { 661 if (window.Vimeo && window.Vimeo.Player) { 662 if (callback) callback(); 663 return; 664 } 665 666 if (document.querySelector('script[src*="player.vimeo.com/api/player.js"]')) { 667 waitForAPI( 668 function() { return window.Vimeo && window.Vimeo.Player; }, 669 function() { if (callback) callback(); }, 670 10000 671 ); 672 return; 673 } 674 675 const script = document.createElement('script'); 676 script.src = 'https://player.vimeo.com/api/player.js'; 677 script.async = true; 678 script.onload = function() { 679 if (callback) callback(); 680 }; 681 script.onerror = function() { 682 console.error('f-embed: Kunde inte ladda Vimeo Player API'); 683 if (callback) callback(); // Fortsätt ändå, iframe fungerar utan API 684 }; 685 document.head.appendChild(script); 686 }, 687 688 stopPlayer: function(videoId) { 689 if (activePlayers[videoId]) { 690 try { 691 activePlayers[videoId].pause(); 692 } catch (e) { 693 console.warn('f-embed: Kunde inte stoppa Vimeo-spelare', e); 694 } 695 } 696 }, 697 698 pauseAllPlayers: function() {
699 Object.keys(activePlayers).forEach(id => { 700 try { 701 if (activePlayers[id] && typeof activePlayers[id].pause === 'function') { 702 activePlayers[id].pause(); 703 } 704 } catch (e) { 705 console.warn('f-embed: Kunde inte pausa Vimeo-spelare ' + id, e); 706 } 707 }); 708 } 709 }; 710 })(); 711 712/* Delad Facebook SDK-loading */ 713 (function() { 714 let sdkLoaded = false; 715 window.loadFacebookSDK = function() { 716 if (sdkLoaded || document.querySelector('script[src*="connect.facebook.net"]')) { 717 sdkLoaded = true; 718 return; 719 } 720 const script = document.createElement('script'); 721 script.async = script.defer = true; 722 script.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.2'; 723 document.head.appendChild(script); 724 sdkLoaded = true; 725 }; 726 })(); 727 728/* Facebook-post Handler 729 * 730 * ALTERNATIV: 731 * - data-type="fbpost" (krävs) 732 * - data-id="POST_ID_OR_URL" (krävs) - Facebook post ID eller full URL 733 * ID: "123456" eller "pfbid0bn8Sq4Lodh..." 734 * URL: "https://www.facebook.com/username/posts/123456" 735 * - data-username="USERNAME" (valfritt) - Facebook användarnamn/sidnamn (default: "feberse") 736 * 737 * EXEMPEL: 738 * <f-embed data-type="fbpost" data-id="pfbid0bn8Sq4LodhpmcfNnA6sebWHw6hatinBpEgFJw3fMppBbpH6vBBqsDcb7NZkwKRJ5l"></f-embed> 739 * <f-embed data-type="fbpost" data-id="123456"></f-embed> 740 * <f-embed data-type="fbpost" data-id="https://www.facebook.com/feberse/posts/123456"></f-embed> 741 */ 742/* Delad Facebook SDK-loading och parse */ 743 (function() { 744 let sdkLoaded = false; 745 window.loadFacebookSDK = function() { 746 if (sdkLoaded || document.querySelector('script[src*="connect.facebook.net"]')) { 747 sdkLoaded = true; 748 return; 749 } 750 const script = document.createElement('script'); 751 script.async = script.defer = true; 752 script.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.2'; 753 document.head.appendChild(script); 754 sdkLoaded = true; 755 }; 756 757 window.parseFacebook = function() { 758 if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) { 759 setTimeout(function() { window.FB.XFBML.parse(); }, 100); 760 } else { 761 waitForAPI( 762 function() { return window.FB && window.FB.XFBML && window.FB.XFBML.parse; }, 763 function() { setTimeout(function() { window.FB.XFBML.parse(); }, 100); }, 764 15000 765 ); 766 } 767 }; 768 })(); 769 770 embedHandlers.fbpost = { 771 init: function(element, type) { 772 let postId = element.dataset.id; 773 if (!postId) { 774 console.error('f-embed: Facebook-post kräver data-id'); 775 return; 776 } 777 778 const username = element.dataset.username || 'feberse'; 779 let postUrl = postId; 780 781 if (postId.indexOf('facebook.com') !== -1) { 782 const match = postId.match(/\/posts\/([^\/\?&#]+)/); 783 if (match && match[1]) { 784 postId = match[1]; 785 postUrl = 'https://www.facebook.com/' + username + '/posts/' + postId; 786 } 787 } else { 788 postUrl = 'https://www.facebook.com/' + username + '/posts/' + postId; 789 } 790 791 element.innerHTML = '<f-embed-' + type + '><div class="fb-post" data-href="' + postUrl + '" data-width="750" data-height="auto"></div></f-embed-' + type + '>'; 792 window.loadFacebookSDK(); 793 window.parseFacebook(); 794 } 795 }; 796 797/* Facebook-video Handler 798 * data-id: Facebook video ID eller URL 799 * data-username: Facebook användarnamn (default: "feberse") 800 */ 801 embedHandlers.fbvideo = { 802 init: function(element, type) { 803 let videoId = element.dataset.id; 804 if (!videoId) { 805 console.error('f-embed: Facebook-video kräver data-id'); 806 return; 807 } 808 809 const username = element.dataset.username || 'feberse'; 810 let videoUrl = videoId; 811 812 if (videoId.indexOf('facebook.com') !== -1) { 813 const match = videoId.match(/\/videos\/([^\/\?&#]+)/); 814 if (match && match[1]) { 815 videoId = match[1]; 816 videoUrl = 'https://www.facebook.com/' + username + '/videos/' + videoId + '/'; 817 } 818 } else { 819 videoUrl = 'https://www.facebook.com/' + username + '/videos/' + videoId + '/'; 820 } 821 822 element.innerHTML = '<f-embed-' + type + '><div class="fb-video" data-href="' + videoUrl + '" data-width="" data-show-text="false" data-autoplay="false" data-lazy="true"></div></f-embed-' + type + '>'; 823 window.loadFacebookSDK(); 824 window.parseFacebook(); 825 } 826 }; 827 828/* IMDb Handler 829 * data-id: IMDb ID eller URL (t.ex. "tt0111161") 830 */ 831 embedHandlers.imdb = { 832 init: function(element, type) { 833 let imdbId = element.dataset.id; 834 if (!imdbId) { 835 console.error('f-embed: IMDb kräver data-id'); 836 return; 837 } 838 839 // Om det är en URL, extrahera IMDb ID 840 if (imdbId.indexOf('imdb.com') !== -1) { 841 const match = imdbId.match(/\/title\/(tt\d+)/); 842 if (match && match[1]) { 843 imdbId = match[1]; 844 } 845 } 846 847 const embedTag = 'f-embed-' + type; 848 element.innerHTML = '<' + embedTag + '><f-imdb><f-imdb-body>Laddar IMDb-data...</f-imdb-body></f-imdb></' + embedTag + '>'; 849 const container = element.querySelector(embedTag); 850 851 // Hämta data från OMDb API
852 fetch('/proxys/imdb.jsp?id=' + encodeURIComponent(imdbId)) 853 .then(function(response) { 854 return response.json().then(function(data) { 855 if (!response.ok) throw new Error(data.error || 'IMDb proxy-fel: ' + response.status); 856 return data; 857 }); 858 }) 859 .then(function(data) { 860 if (data.Response === 'False') { 861 container.innerHTML = '<f-imdb><f-imdb-body>Kunde inte hämta IMDb-data.</f-imdb-body></f-imdb>'; 862 return; 863 } 864 865 const imdbUrl = 'https://www.imdb.com/title/' + encodeURIComponent(imdbId) + '/'; 866 const title = escapeHtml(data.Title); 867 let html = '<f-imdb>'; 868 869 if (data.Poster && data.Poster !== 'N/A') { 870 html += '<f-imdb-image><a href="' + imdbUrl + '" target="_blank" rel="noopener"><img src="' + escapeHtml(data.Poster) + '" loading="lazy" class="imdbPic" alt="Poster för ' + title + '" /></a></f-imdb-image>'; 871 } 872 873 html += '<f-imdb-headline><a href="' + imdbUrl + '" target="_blank" rel="noopener">' + title + '</a></f-imdb-headline>'; 874 html += '<f-imdb-body class="after">'; 875 876 if (data.Plot && data.Plot !== 'N/A') { 877 html += escapeHtml(data.Plot) + '<br />'; 878 html += '<a href="' + imdbUrl + '" target="_blank" rel="noopener">Läs mer</a><br /><br />'; 879 } 880 881 if (data.Type && data.Type !== 'N/A') { 882 const typeText = data.Type === 'series' ? 'TV-serie' : data.Type === 'movie' ? 'Film' : data.Type; 883 html += '<b>Typ:</b> ' + escapeHtml(typeText) + ' '; 884 } 885 886 if (data.Actors && data.Actors !== 'N/A') { 887 html += '<b>Skådespelare:</b> ' + escapeHtml(data.Actors) + '<br />'; 888 } 889 890 if (data.Director && data.Director !== 'N/A') { 891 html += '<b>Regissör:</b> ' + escapeHtml(data.Director) + ' '; 892 } 893 894 if (data.Released && data.Released !== 'N/A') { 895 html += '<b>Premiär:</b> ' + escapeHtml(data.Released); 896 } 897 898 html += '</f-imdb-body>'; 899 html += '</f-imdb>'; 900 container.innerHTML = html; 901 }) 902 .catch(function(error) { 903 container.innerHTML = '<f-imdb><f-imdb-body>Fel vid hämtning av IMDb-data.</f-imdb-body></f-imdb>'; 904 console.error('f-embed: IMDb API-fel', error); 905 }); 906 } 907 }; 908 909/* IGDB Handler 910 * data-id: IGDB game ID eller spelnamn 911 * Använder Vercel-proxyn direkt (Resin är för gammal för HTTPS-anrop) 912 * Cachar resultat i sessionStorage för att minska API-anrop 913 */ 914 embedHandlers.igdb = { 915 init: function(element, type) { 916 let gameId = element.dataset.id; 917 918 if (!gameId) { 919 console.error('f-embed: IGDB kräver data-id'); 920 return; 921 } 922 923 const embedTag = 'f-embed-' + type; 924 element.innerHTML = '<' + embedTag + '><f-igdb><f-igdb-body>Laddar IGDB-data...</f-igdb-body></f-igdb></' + embedTag + '>'; 925 const container = element.querySelector(embedTag); 926 927 // Kolla cache först (cachar i 1 timme) 928 const cacheKey = 'igdb_' + gameId; 929 const cached = sessionStorage.getItem(cacheKey); 930 if (cached) { 931 try { 932 const cachedData = JSON.parse(cached); 933 const now = Date.now(); 934 // Cache är giltig i 1 timme (3600000 ms) 935 if (now - cachedData.timestamp < 3600000) { 936 this.renderGame(container, cachedData.data, embedTag); 937 return; 938 } 939 } catch (e) { 940 // Ignorera felaktig cache 941 } 942 } 943 944 // Anropa Vercel-proxyn direkt (webbläsaren hanterar HTTPS utan problem) 945 fetch('https://proxy.feber.se/api/igdb?gameId=' + encodeURIComponent(gameId)) 946 .then(function(response) { 947 if (!response || !response.ok) { 948 throw new Error('IGDB API-fel: ' + (response ? response.status : 'Ingen response')); 949 } 950 return response.json(); 951 }) 952 .then(function(data) { 953 // Backend returnerar antingen {error: ...} eller {games: [...]} 954 if (data.error) { 955 container.innerHTML = '<f-igdb><f-igdb-body>' + (data.error || 'Kunde inte hämta IGDB-data.') + '</f-igdb-body></f-igdb>'; 956 return; 957 } 958 959 const games = data.games || []; 960 if (!games || games.length === 0) { 961 container.innerHTML = '<f-igdb><f-igdb-body>Kunde inte hitta spelet i IGDB.</f-igdb-body></f-igdb>'; 962 return; 963 } 964 965 // Cacha resultatet 966 try { 967 sessionStorage.setItem(cacheKey, JSON.stringify({ 968 timestamp: Date.now(), 969 data: data 970 })); 971 } catch (e) { 972 // Ignorera om sessionStorage är full eller inte tillgänglig 973 } 974 975 embedHandlers.igdb.renderGame(container, data, embedTag); 976 }) 977 .catch(function(error) { 978 container.innerHTML = '<f-igdb><f-igdb-body>Fel vid hämtning av IGDB-data.</f-igdb-body></f-igdb>'; 979 console.error('f-embed: IGDB API-fel', error); 980 }); 981 }, 982 renderGame: function(container, data, embedTag) { 983 const games = data.games || []; 984 if (!games || games.length === 0) { 985 container.innerHTML = '<f-igdb><f-igdb-body>Kunde inte hitta spelet i IGDB.</f-igdb-body></f-igdb>'; 986 return; 987 } 988 989 const game = games[0]; 990 const igdbUrl = 'https://www.igdb.com/games/' + (game.slug || game.id); 991 let html = '<f-igdb>'; 992 993 // Prioritera screenshot över cover om det finns 994 let imageUrl = null; 995 let imageAlt = ''; 996 997 if (game.screenshots && game.screenshots.length > 0 && game.screenshots[0].url) { 998 // Använd första screenshot om det finns
999 imageUrl = game.screenshots[0].url; 1000 imageAlt = 'Screenshot från ' + (game.name || ''); 1001 } else if (game.cover && game.cover.url) { 1002 // Fallback till cover om inga screenshots finns 1003 imageUrl = game.cover.url; 1004 imageAlt = 'Cover för ' + (game.name || ''); 1005 } 1006 1007 if (imageUrl) { 1008 // IGDB returnerar relativ URL, behöver konvertera till full URL 1009 if (imageUrl.startsWith('//')) { 1010 imageUrl = 'https:' + imageUrl; 1011 } else if (!imageUrl.startsWith('http')) { 1012 imageUrl = 'https:' + imageUrl; 1013 } 1014 1015 // Använd större bild 1016 // För screenshots: t_thumb -> t_screenshot_big 1017 // För cover: t_thumb -> t_cover_big 1018 if (imageUrl.includes('/t_thumb/')) { 1019 if (game.screenshots && game.screenshots.length > 0) { 1020 imageUrl = imageUrl.replace('/t_thumb/', '/t_screenshot_big/'); 1021 } else { 1022 imageUrl = imageUrl.replace('/t_thumb/', '/t_cover_big/'); 1023 } 1024 } 1025 1026 html += '<f-igdb-image><a href="' + igdbUrl + '" target="_blank" rel="noopener"><img src="' + imageUrl + '" loading="lazy" class="igdbPic" alt="' + imageAlt + '" /></a></f-igdb-image>'; 1027 } 1028 1029 html += '<f-igdb-headline><a href="' + igdbUrl + '" target="_blank" rel="noopener">' + (game.name || '') + '</a></f-igdb-headline>'; 1030 html += '<f-igdb-body class="after">'; 1031 1032 if (game.summary) { 1033 html += game.summary + '<br />'; 1034 html += '<a href="' + igdbUrl + '" target="_blank" rel="noopener">Läs mer</a><br /><br />'; 1035 } 1036 1037 if (game.genres && game.genres.length > 0) { 1038 const genreNames = game.genres.map(function(g) { return g.name; }).join(', '); 1039 html += '<b>Genrer:</b> ' + genreNames + ' '; 1040 } 1041 1042 if (game.platforms && game.platforms.length > 0) { 1043 const platformNames = game.platforms.map(function(p) { return p.name; }).join(', '); 1044 html += '<b>Plattformar:</b> ' + platformNames + '<br />'; 1045 } 1046 1047 if (game.first_release_date) { 1048 const releaseDate = new Date(game.first_release_date * 1000); 1049 const formattedDate = releaseDate.toLocaleDateString('sv-SE', { year: 'numeric', month: 'long', day: 'numeric' }); 1050 html += '<b>Utgivningsdatum:</b> ' + formattedDate + ' '; 1051 } 1052 1053 if (game.rating) { 1054 html += '<b>Betyg:</b> ' + Math.round(game.rating) + '/100'; 1055 } 1056 1057 html += '</f-igdb-body>'; 1058 html += '</f-igdb>'; 1059 container.innerHTML = html; 1060 } 1061 }; 1062 1063/* Instagram Handler 1064 * data-id: Instagram post ID eller URL 1065 */ 1066 embedHandlers.instagram = (function() { 1067 let scriptLoaded = false; 1068 1069 function loadInstagramScript() { 1070 if (scriptLoaded || document.querySelector('script[src*="instagram.com/embed.js"]')) { 1071 scriptLoaded = true; 1072 return; 1073 } 1074 const script = document.createElement('script'); 1075 script.async = true; 1076 script.src = 'https://www.instagram.com/embed.js'; 1077 document.head.appendChild(script); 1078 scriptLoaded = true; 1079 } 1080 1081 return { 1082 init: function(element, type) { 1083 let postId = element.dataset.id; 1084 if (!postId) { 1085 console.error('f-embed: Instagram kräver data-id'); 1086 return; 1087 } 1088 1089 // Om det är en URL, extrahera post ID 1090 if (postId.indexOf('instagram.com') !== -1) { 1091 const match = postId.match(/\/p\/([^\/\?]+)/); 1092 if (match && match[1]) { 1093 postId = match[1]; 1094 } 1095 } 1096 1097 const instagramUrl = 'https://www.instagram.com/p/' + postId + '/'; 1098 const blockquote = document.createElement('blockquote'); 1099 blockquote.className = 'instagram-media'; 1100 blockquote.setAttribute('data-instgrm-captioned', ''); 1101 blockquote.setAttribute('data-instgrm-permalink', instagramUrl); 1102 blockquote.setAttribute('data-instgrm-version', '14'); 1103 blockquote.style.cssText = 'border: 1px solid rgb(207, 217, 222) !important; border-radius: 0px !important; max-width:1000px; min-width:326px; padding:0px !important; width:100%; width:calc(100% - 2px); margin: 0 auto !important;'; 1104 1105 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1106 const container = element.querySelector('f-embed-' + type); 1107 if (container) { 1108 container.appendChild(blockquote); 1109 } 1110 1111 loadInstagramScript(); 1112 if (window.instgrm && window.instgrm.Embeds) { 1113 window.instgrm.Embeds.process(container); 1114 } else { 1115 waitForAPI( 1116 function() { return window.instgrm && window.instgrm.Embeds; }, 1117 function() { window.instgrm.Embeds.process(container); } 1118 ); 1119 } 1120 } 1121 }; 1122 })(); 1123 1124/* Reddit Handler 1125 * data-id: Reddit post URL eller ID 1126 */ 1127 embedHandlers.reddit = (function() { 1128 let scriptLoaded = false;
1129 1130 function loadRedditScript() { 1131 if (scriptLoaded || document.querySelector('script[src*="embed.redditmedia.com"]')) { 1132 scriptLoaded = true; 1133 return; 1134 } 1135 const script = document.createElement('script'); 1136 script.async = true; 1137 script.src = 'https://embed.redditmedia.com/widgets/platform.js'; 1138 script.charset = 'UTF-8'; 1139 document.head.appendChild(script); 1140 scriptLoaded = true; 1141 } 1142 1143 function normalizeRedditUrl(id) { 1144 if (!id) return null; 1145 1146 // Om det redan är en fullständig URL 1147 if (id.indexOf('http://') === 0 || id.indexOf('https://') === 0) { 1148 return id; 1149 } 1150 1151 // Om det är en relativ URL (börjar med /) 1152 if (id.indexOf('/') === 0) { 1153 return 'https://www.reddit.com' + id; 1154 } 1155 1156 // Om det bara är ett ID (bara alfanumeriska tecken), konstruera en URL 1157 // OBS: Detta är inte alltid korrekt, men för bakåtkompatibilitet 1158 if (/^[a-zA-Z0-9_]+$/.test(id)) { 1159 return 'https://www.reddit.com/r/all/comments/' + id + '/'; 1160 } 1161 1162 return null; 1163 } 1164 1165 return { 1166 init: function(element, type) { 1167 const redditId = element.dataset.id; 1168 if (!redditId) { 1169 console.error('f-embed: Reddit kräver data-id'); 1170 return; 1171 } 1172 1173 const redditUrl = normalizeRedditUrl(redditId); 1174 if (!redditUrl) { 1175 console.error('f-embed: Reddit kunde inte normalisera URL:', redditId); 1176 return; 1177 } 1178 1179 const redditUrlWithParams = redditUrl + (redditUrl.indexOf('?') === -1 ? '?' : '&') + 'ref=share&ref_source=embed'; 1180 element.innerHTML = '<f-embed-' + type + '><blockquote class="reddit-card"><a href="' + redditUrlWithParams + '">Innehåll från Reddit laddas</a></blockquote></f-embed-' + type + '>'; 1181 1182 // Ladda Reddit script - det kommer automatiskt processa alla .reddit-card element när det laddas 1183 loadRedditScript(); 1184 } 1185 }; 1186 })(); 1187 1188/* Spotify Handler 1189 * data-id: Spotify URI eller URL (t.ex. "spotify:track:..." eller "https://open.spotify.com/track/...") 1190 */ 1191 embedHandlers.spotify = { 1192 init: function(element, type) { 1193 const spotifyId = element.dataset.id; 1194 if (!spotifyId) { 1195 console.error('f-embed: Spotify kräver data-id'); 1196 return; 1197 } 1198 1199 let embedUrl, height = '80'; 1200 1201 if (spotifyId.indexOf('spotify:') === 0) { 1202 embedUrl = 'https://embed.spotify.com/?uri=' + encodeURIComponent(spotifyId); 1203 } else { 1204 let url = spotifyId; 1205 if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) { 1206 url = 'https://open.spotify.com' + (url.indexOf('/') === 0 ? '' : '/') + url; 1207 } 1208 1209 if (url.indexOf('/episode/') !== -1 || url.indexOf('/show/') !== -1) { 1210 embedUrl = url.replace('/episode/', '/embed-podcast/episode/').replace('/show/', '/embed-podcast/show/'); 1211 height = '282'; 1212 } else if (url.indexOf('/track/') !== -1) { 1213 embedUrl = url.replace('/track/', '/embed/track/'); 1214 } else if (url.indexOf('/album/') !== -1 || url.indexOf('/playlist/') !== -1) { 1215 embedUrl = url.replace('/album/', '/embed/album/').replace('/playlist/', '/embed/playlist/'); 1216 height = '380'; 1217 } else { 1218 console.error('f-embed: Spotify URL-format känns inte igen:', spotifyId); 1219 return; 1220 } 1221 } 1222 1223 const iframe = document.createElement('iframe'); 1224 iframe.src = embedUrl; 1225 iframe.width = '100%'; 1226 iframe.height = height; 1227 iframe.frameBorder = '0'; 1228 iframe.allowTransparency = 'true'; 1229 iframe.allow = 'encrypted-media'; 1230 iframe.style.border = 'none'; 1231 1232 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1233 const container = element.querySelector('f-embed-' + type); 1234 if (container) container.appendChild(iframe); 1235 } 1236 }; 1237 1238/* Soundcloud Handler 1239 * data-id: Soundcloud track URL eller track ID 1240 */ 1241 embedHandlers.soundcloud = { 1242 init: function(element, type) { 1243 const soundcloudId = element.dataset.id; 1244 if (!soundcloudId) { 1245 console.error('f-embed: Soundcloud kräver data-id'); 1246 return; 1247 } 1248 1249 let embedUrl; 1250 if (soundcloudId.indexOf('soundcloud.com') !== -1 || soundcloudId.indexOf('http://') === 0 || soundcloudId.indexOf('https://') === 0) { 1251 const url = soundcloudId.indexOf('http://') === 0 || soundcloudId.indexOf('https://') === 0 ? soundcloudId : 'https://' + soundcloudId; 1252 embedUrl = 'https://w.soundcloud.com/player/?url=' + encodeURIComponent(url); 1253 } else { 1254 embedUrl = 'https://w.soundcloud.com/player/?url=' + encodeURIComponent('http://api.soundcloud.com/tracks/' + soundcloudId); 1255 } 1256 1257 const iframe = document.createElement('iframe'); 1258 iframe.src = embedUrl; 1259 iframe.width = '100%'; 1260 iframe.height = '166'; 1261 iframe.scrolling = 'no'; 1262 iframe.frameBorder = 'no'; 1263 iframe.style.border = 'none'; 1264 1265 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1266 const container = element.querySelector('f-embed-' + type); 1267 if (container) container.appendChild(iframe); 1268 } 1269 }; 1270 1271/* Apple Music Handler 1272 * data-id: Apple Music URL (playlist/album/track) 1273 * data-country: Landskod (default: "se") 1274 */ 1275 embedHandlers.applemusic = { 1276 init: function(element, type) { 1277 const appleMusicId = element.dataset.id; 1278 if (!appleMusicId) { 1279 console.error('f-embed: Apple Music kräver data-id'); 1280 return; 1281 } 1282 1283 let url = appleMusicId; 1284 let country = element.dataset.country || 'se'; 1285 if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) { 1286 url = 'https://music.apple.com/' + country + '/' + url; 1287 } 1288 const countryMatch = url.match(/music\.apple\.com\/([^\/]+)\//); 1289 if (countryMatch && countryMatch[1]) country = countryMatch[1]; 1290 1291 let embedUrl, height = '450'; 1292 if (url.indexOf('/playlist/') !== -1) { 1293 const match = url.match(/\/playlist\/[^\/]+\/(pl\.[^\/\?&#]+)/); 1294 if (!match || !match[1]) { 1295 console.error('f-embed: Apple Music playlist URL-format känns inte igen:', appleMusicId); 1296 return; 1297 } 1298 embedUrl = 'https://embed.music.apple.com/' + country + '/playlist/' + match[1]; 1299 } else if (url.indexOf('/album/') !== -1) { 1300 const match = url.match(/\/album\/[^\/]+\/(\d+)(\?i=(\d+))?/); 1301 if (!match || !match[1]) { 1302 console.error('f-embed: Apple Music album/track URL-format känns inte igen:', appleMusicId); 1303 return; 1304 } 1305 embedUrl = 'https://embed.music.apple.com/' + country + '/album/' + match[1]; 1306 if (match[3]) { 1307 embedUrl += '?i=' + match[3]; 1308 height = '150'; 1309 } 1310 } else { 1311 console.error('f-embed: Apple Music URL-format känns inte igen:', appleMusicId); 1312 return; 1313 } 1314 1315 const iframe = document.createElement('iframe'); 1316 iframe.src = embedUrl; 1317 iframe.width = '100%'; 1318 iframe.height = height; 1319 iframe.frameBorder = '0'; 1320 iframe.allow = 'autoplay *; encrypted-media *;'; 1321 iframe.setAttribute('sandbox', 'allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation'); 1322 iframe.style.cssText = 'width:100%;overflow:hidden;background:transparent;border:none;'; 1323 1324 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1325 const container = element.querySelector('f-embed-' + type); 1326 if (container) container.appendChild(iframe); 1327 } 1328 }; 1329 1330/* Kickstarter Handler 1331 * data-id: Kickstarter projekt URL 1332 */ 1333 embedHandlers.kickstarter = { 1334 init: function(element, type) {
1335 const kickstarterId = element.dataset.id; 1336 if (!kickstarterId) { 1337 console.error('f-embed: Kickstarter kräver data-id'); 1338 return; 1339 } 1340 1341 let embedUrl; 1342 if (kickstarterId.indexOf('kickstarter.com/projects/') !== -1) { 1343 embedUrl = kickstarterId.replace(/\/$/, '') + '/widget/video.html'; 1344 } else if (kickstarterId.indexOf('http://') !== 0 && kickstarterId.indexOf('https://') !== 0) { 1345 embedUrl = 'https://www.kickstarter.com/projects/' + kickstarterId + '/widget/video.html'; 1346 } else { 1347 console.error('f-embed: Kickstarter URL-format känns inte igen:', kickstarterId); 1348 return; 1349 } 1350 1351 const iframe = document.createElement('iframe'); 1352 iframe.src = embedUrl; 1353 iframe.width = '100%'; 1354 iframe.height = '270'; 1355 iframe.frameBorder = '0'; 1356 iframe.scrolling = 'no'; 1357 iframe.style.border = 'none'; 1358 1359 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1360 const container = element.querySelector('f-embed-' + type); 1361 if (container) container.appendChild(iframe); 1362 } 1363 }; 1364 1365/* Threads Handler 1366 * data-id: Threads post ID eller URL 1367 */ 1368 embedHandlers.threads = { 1369 init: function(element, type) { 1370 const threadId = element.dataset.id; 1371 if (!threadId) { 1372 console.error('f-embed: Threads kräver data-id'); 1373 return; 1374 } 1375 1376 let postId = threadId; 1377 if (threadId.indexOf('threads.net/t/') !== -1) { 1378 const match = threadId.match(/threads\.net\/t\/([^\/\?]+)/); 1379 if (match && match[1]) postId = match[1]; 1380 } else if (threadId.indexOf('threads.com/') !== -1) { 1381 const match = threadId.match(/\/(?:t|post)\/([^\/\?]+)/); 1382 if (match && match[1]) postId = match[1]; 1383 } 1384 1385 const iframe = document.createElement('iframe'); 1386 iframe.src = 'https://www.threads.net/t/' + postId + '/embed/'; 1387 iframe.width = '100%'; 1388 iframe.height = '600'; // Initial höjd 1389 iframe.frameBorder = '0'; 1390 iframe.scrolling = 'no'; 1391 iframe.allowTransparency = 'true'; 1392 iframe.allowFullscreen = 'true'; 1393 iframe.style.cssText = 'background: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 16px; max-width: 980px; margin: 1px; min-width: 326px; padding: 0; width: calc(100% - 2px); height: 600px;'; 1394 iframe.dataset.threadsPostId = postId; // För att identifiera senare 1395 iframe.id = 'threads-iframe-' + postId; // Unikt ID för att matcha meddelanden 1396 1397 // Fallback: Försök uppdatera höjden efter att iframe laddats 1398 iframe.onload = function() { 1399 // Vänta lite för att innehållet ska laddas 1400 setTimeout(function() { 1401 try { 1402 // Försök läsa höjden från iframe:ens innehåll (fungerar bara om samma origin) 1403 // Annars vänta på resize-meddelanden 1404 const checkHeight = function() { 1405 // Threads skickar vanligtvis meddelanden, men om de inte gör det 1406 // kan vi försöka uppskatta höjden baserat på iframe:ens storlek 1407 // Eftersom vi inte kan komma åt innehållet (cross-origin), 1408 // förlitar vi oss på resize-meddelanden 1409 }; 1410 1411 // Kontrollera höjden efter 2 sekunder 1412 setTimeout(checkHeight, 2000); 1413 } catch (e) { 1414 // Cross-origin, kan inte läsa höjd direkt 1415 // Förlitar oss på resize-meddelanden 1416 } 1417 }, 500); 1418 }; 1419 1420 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1421 const container = element.querySelector('f-embed-' + type); 1422 if (container) container.appendChild(iframe); 1423 } 1424 }; 1425 1426 // Lyssna på resize-meddelanden från Threads iframes 1427 (function() { 1428 let threadsListenerAdded = false; 1429 1430 function handleThreadsResize(event) { 1431 // Säkerhetskontroll: bara från Threads 1432 if (event.origin !== 'https://www.threads.net' && event.origin !== 'https://threads.net') { 1433 return; 1434 } 1435 1436 let height = null; 1437 1438 // Threads skickar olika typer av meddelanden 1439 // Försök först med objekt 1440 if (event.data && typeof event.data === 'object') { 1441 height = event.data.height || event.data.frameHeight || event.data.scrollHeight || event.data.size; 1442 } 1443 // Om det är en sträng, försök parsa som JSON 1444 else if (typeof event.data === 'string') { 1445 try { 1446 const data = JSON.parse(event.data); 1447 height = data.height || data.frameHeight || data.scrollHeight || data.size; 1448 } catch (e) { 1449 // Inte JSON, hoppa över 1450 } 1451 } 1452 // Om det är ett nummer direkt 1453 else if (typeof event.data === 'number') { 1454 height = event.data; 1455 } 1456 1457 if (height && typeof height === 'number' && height > 0) { 1458 // Hitta alla Threads iframes 1459 const iframes = document.querySelectorAll('iframe[src*="threads.net"]');
1460 iframes.forEach(iframe => { 1461 // Uppdatera höjden 1462 iframe.style.height = height + 'px'; 1463 iframe.height = height; 1464 }); 1465 } 1466 } 1467 1468 // Lägg bara till listener en gång 1469 if (!threadsListenerAdded) { 1470 window.addEventListener('message', handleThreadsResize, false); 1471 threadsListenerAdded = true; 1472 } 1473 })(); 1474 1475/* Bsky (Bluesky) Handler 1476 * data-id: Bsky post URL (t.ex. https://bsky.app/profile/USERNAME/post/POSTID) 1477 */ 1478 embedHandlers.bsky = (function() { 1479 let scriptLoaded = false; 1480 let scriptLoading = false; 1481 1482 function loadBskyScript(callback) { 1483 // Om scriptet redan finns i DOM, anropa callback direkt 1484 const existingScript = document.querySelector('script[src*="embed.bsky.app"]'); 1485 if (existingScript && scriptLoaded) { 1486 if (callback) callback(); 1487 return; 1488 } 1489 1490 // Om scriptet redan laddas, vänta på det 1491 if (scriptLoading) { 1492 if (callback) { 1493 const checkInterval = setInterval(function() { 1494 if (scriptLoaded) { 1495 clearInterval(checkInterval); 1496 callback(); 1497 } 1498 }, 100); 1499 setTimeout(function() { clearInterval(checkInterval); }, 5000); 1500 } 1501 return; 1502 } 1503 1504 // Ladda scriptet 1505 scriptLoading = true; 1506 const script = document.createElement('script'); 1507 script.async = true; 1508 script.charset = 'utf-8'; 1509 script.src = 'https://embed.bsky.app/static/embed.js'; 1510 1511 script.onload = function() { 1512 scriptLoaded = true; 1513 scriptLoading = false; 1514 if (callback) callback(); 1515 }; 1516 1517 script.onerror = function() { 1518 scriptLoading = false; 1519 console.error('f-embed: Kunde inte ladda Bsky embed-script'); 1520 }; 1521 1522 document.head.appendChild(script); 1523 } 1524 1525 return { 1526 init: function(element, type) { 1527 const bskyId = element.dataset.id; 1528 if (!bskyId) { 1529 console.error('f-embed: Bsky kräver data-id'); 1530 return; 1531 } 1532 1533 // Normalisera URL 1534 let postUrl = bskyId; 1535 if (postUrl.indexOf('http') !== 0) { 1536 // Om det inte är en fullständig URL, försök konstruera en 1537 if (postUrl.indexOf('bsky.app') === -1 && postUrl.indexOf('bsky.social') === -1) { 1538 postUrl = 'https://bsky.app/profile/' + postUrl; 1539 } else { 1540 postUrl = 'https://' + postUrl; 1541 } 1542 } 1543 1544 // Konvertera URL till URI-format: at://did:plc:.../app.bsky.feed.post/... 1545 // URL-format: https://bsky.app/profile/did:plc:.../post/... 1546 // URI-format: at://did:plc:.../app.bsky.feed.post/... 1547 let bskyUri = null; 1548 const urlMatch = postUrl.match(/\/profile\/([^\/]+)\/post\/([^\/\?]+)/); 1549 if (urlMatch && urlMatch[1] && urlMatch[2]) { 1550 // Konstruera URI-formatet 1551 bskyUri = 'at://' + urlMatch[1] + '/app.bsky.feed.post/' + urlMatch[2]; 1552 } else { 1553 // Om URL:en redan är i URI-format, använd den direkt 1554 if (postUrl.indexOf('at://') === 0) { 1555 bskyUri = postUrl; 1556 } else { 1557 console.error('f-embed: Kunde inte konvertera Bsky URL till URI-format'); 1558 return; 1559 } 1560 } 1561 1562 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1563 const container = element.querySelector('f-embed-' + type); 1564 if (!container) return; 1565 1566 // Skapa embed-element med rätt attribut 1567 // Elementet kan vara vad som helst (f-embed-bsky i vårt fall) 1568 container.className = 'bluesky-embed'; 1569 container.setAttribute('data-bluesky-uri', bskyUri); 1570 container.setAttribute('data-bluesky-embed-color-mode', 'system'); 1571 1572 // Ladda Bsky embed-script 1573 loadBskyScript(); 1574 } 1575 }; 1576 })(); 1577 1578/* TikTok Handler 1579 * data-id: TikTok video ID eller URL 1580 */ 1581 embedHandlers.tiktok = (function() { 1582 let scriptLoaded = false; 1583 1584 function loadTikTokScript() { 1585 if (scriptLoaded || document.querySelector('script[src*="tiktok.com/embed.js"]')) { 1586 scriptLoaded = true; 1587 return; 1588 } 1589 const script = document.createElement('script'); 1590 script.async = true; 1591 script.src = 'https://www.tiktok.com/embed.js'; 1592 document.head.appendChild(script); 1593 scriptLoaded = true; 1594 } 1595 1596 return { 1597 init: function(element, type) { 1598 const tiktokId = element.dataset.id; 1599 if (!tiktokId) { 1600 console.error('f-embed: TikTok kräver data-id'); 1601 return; 1602 } 1603 1604 let videoId = tiktokId; 1605 if (!/^\d+$/.test(videoId)) { 1606 const match = videoId.match(/\/video\/(\d+)/); 1607 if (match && match[1]) videoId = match[1]; 1608 } 1609 1610 const blockquote = document.createElement('blockquote'); 1611 blockquote.className = 'tiktok-embed'; 1612 blockquote.setAttribute('data-video-id', videoId); 1613 blockquote.style.cssText = 'max-width: 980px; min-width: 325px;'; 1614 blockquote.appendChild(document.createElement('section')); 1615 1616 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1617 const container = element.querySelector('f-embed-' + type); 1618 if (container) container.appendChild(blockquote); 1619 loadTikTokScript(); 1620 } 1621 }; 1622 })(); 1623 1624/* TradingView Stock Handler 1625 * data-id: TradingView symbol (t.ex. "NASDAQ:AAPL") 1626 * data-range: Datumomfång (default: "12M") - giltiga: "1D", "1M", "3M", "12M", "60M", "ALL" 1627 * data-chartonly: "true"/"false" (default: "false") - visa bara chart utan info 1628 * data-locale: Språk (default: "en") 1629 */ 1630 embedHandlers.stock = { 1631 init: function(element, type) { 1632 const symbolId = element.dataset.id; 1633 if (!symbolId) { 1634 console.error('f-embed: Stock kräver data-id'); 1635 return; 1636 } 1637 1638 const embedTag = 'f-embed-' + type; 1639 const dateRange = element.dataset.range || '1M'; 1640 const chartOnly = element.dataset.chartonly === 'true'; 1641 const locale = element.dataset.locale || 'en'; 1642 1643 // Hämta darkmode-status 1644 const darkmode = localStorage.getItem('darkmode'); 1645 const colorTheme = darkmode === 'on' ? 'dark' : 'light'; 1646 1647 // Skapa container-struktur 1648 const containerDiv = document.createElement('div'); 1649 containerDiv.className = 'tradingview-widget-container'; 1650 1651 const widgetDiv = document.createElement('div'); 1652 widgetDiv.className = 'tradingview-widget-container__widget';
1653 containerDiv.appendChild(widgetDiv); 1654 1655 const copyrightDiv = document.createElement('div'); 1656 copyrightDiv.className = 'tradingview-widget-copyright'; 1657 const link = document.createElement('a'); 1658 link.href = 'https://www.tradingview.com/symbols/' + symbolId.replace(':', '-') + '/'; 1659 link.rel = 'noopener nofollow'; 1660 link.target = '_blank'; 1661 link.innerHTML = '<span class="blue-text">' + (symbolId.split(':')[1] || symbolId) + ' stock price</span>'; 1662 copyrightDiv.appendChild(link); 1663 const trademarkSpan = document.createElement('span'); 1664 trademarkSpan.className = 'trademark'; 1665 trademarkSpan.textContent = ' by TradingView'; 1666 copyrightDiv.appendChild(trademarkSpan); 1667 containerDiv.appendChild(copyrightDiv); 1668 1669 // Skapa script-tagg med konfiguration 1670 const script = document.createElement('script'); 1671 script.type = 'text/javascript'; 1672 script.src = 'https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js'; 1673 script.async = true; 1674 1675 script.textContent = JSON.stringify({ 1676 symbol: symbolId, 1677 chartOnly: chartOnly, 1678 dateRange: dateRange, 1679 noTimeScale: false, 1680 colorTheme: colorTheme, 1681 isTransparent: false, 1682 locale: locale, 1683 width: '100%', 1684 autosize: true, 1685 height: '100%' 1686 }); 1687 containerDiv.appendChild(script); 1688 1689 element.innerHTML = '<' + embedTag + '></' + embedTag + '>'; 1690 const container = element.querySelector(embedTag); 1691 if (container) container.appendChild(containerDiv); 1692 } 1693 }; 1694 1695/* Wikipedia Handler 1696 * data-id: Wikipedia artikelnamn eller URL 1697 * data-lang: Språk (default: "sv") 1698 */ 1699 embedHandlers.wiki = { 1700 init: function(element, type) { 1701 let articleTitle = element.dataset.id; 1702 if (!articleTitle) { 1703 console.error('f-embed: Wikipedia kräver data-id'); 1704 return; 1705 } 1706 1707 // Om det är en URL, extrahera artikelnamn 1708 if (articleTitle.indexOf('wikipedia.org') !== -1) { 1709 const match = articleTitle.match(/\/wiki\/(.+?)(?:\?|#|$)/); 1710 if (match && match[1]) { 1711 articleTitle = decodeURIComponent(match[1]); 1712 } 1713 } 1714 1715 const lang = element.dataset.lang || 'sv'; 1716 const articleTitleFixed = articleTitle.replace(/ /g, '_'); 1717 const articleTitleCleaned = articleTitleFixed.replace(/[()]/g, ''); 1718 1719 element.innerHTML = '<f-embed-' + type + '><f-wiki><f-wiki-body>Laddar Wikipedia-data...</f-wiki-body></f-wiki></f-embed-' + type + '>'; 1720 const container = element.querySelector('f-embed-' + type); 1721 1722 // Hämta data från Wikipedia REST API 1723 // Wikipedia API accepterar URL-encodade titlar med parenteser 1724 const wikiApiUrl = 'https://' + lang + '.wikipedia.org/api/rest_v1/page/summary/' + encodeURIComponent(articleTitleFixed); 1725 1726 fetch(wikiApiUrl) 1727 .then(function(response) { 1728 if (!response.ok) { 1729 throw new Error('Wikipedia API fel: ' + response.status); 1730 } 1731 return response.json(); 1732 }) 1733 .then(function(data) { 1734 if (data.type === 'disambiguation') { 1735 container.innerHTML = '<f-wiki><f-wiki-body>Artikeln är en förgreningssida.</f-wiki-body></f-wiki>'; 1736 return; 1737 } 1738 1739 // För visnings-URL:en kan vi använda artikelnamnet direkt 1740 // Wikipedia hanterar parenteser och understreck direkt i URL:er 1741 const wikiUrl = 'https://' + lang + '.wikipedia.org/wiki/' + articleTitleFixed; 1742 let html = '<f-wiki>'; 1743 1744 const imageSource = data.thumbnail && data.thumbnail.source 1745 ? data.thumbnail.source 1746 : (data.originalimage && data.originalimage.source ? data.originalimage.source : null); 1747 if (imageSource) { 1748 html += '<f-wiki-image><a href="' + wikiUrl + '" target="_blank" rel="noopener"><img src="' + imageSource + '" loading="lazy" class="wikiPic" alt="Bild till wikiartikel om ' + (data.title || '') + '" /></a></f-wiki-image>'; 1749 } 1750 1751 html += '<f-wiki-headline><a href="' + wikiUrl + '" target="_blank" rel="noopener">' + (data.title || articleTitle) + '</a></f-wiki-headline>'; 1752 html += '<f-wiki-body class="after">'; 1753 1754 if (data.extract) { 1755 html += '<span id="wikiExtract' + articleTitleCleaned + '">
1755' + data.extract + '</span> '; 1756 html += '<a href="' + wikiUrl + '" target="_blank">Läs mer</a>'; 1757 } 1758 1759 html += '</f-wiki-body>'; 1760 html += '</f-wiki>'; 1761 1762 container.innerHTML = html; 1763 1764 // Använd $clamp om den finns för att begränsa texten 1765 if (window.$clamp) { 1766 const extractElement = document.querySelector('#wikiExtract' + articleTitleCleaned); 1767 if (extractElement) { 1768 try { 1769 window.$clamp(extractElement, {clamp: 4, useNativeClamp: true, animate: false}); 1770 } catch (e) { 1771 // Ignorera clamp-fel 1772 } 1773 } 1774 } 1775 }) 1776 .catch(function(error) { 1777 container.innerHTML = '<f-wiki><f-wiki-body>Fel vid hämtning av Wikipedia-data.</f-wiki-body></f-wiki>'; 1778 console.error('f-embed: Wikipedia API-fel', error); 1779 }); 1780 } 1781 }; 1782 1783/* Giphy Handler 1784 * 1785 * ALTERNATIV: 1786 * - data-type="giphy" (krävs) 1787 * - data-id="GIF_ID" (krävs) - Giphy GIF ID eller URL (t.ex. "xT9IgG50Fb7Mi8prV6" eller "https://giphy.com/gifs/xT9IgG50Fb7Mi8prV6") 1788 * 1789 * EXEMPEL: 1790 * <f-embed data-type="giphy" data-id="xT9IgG50Fb7Mi8prV6"></f-embed> 1791 * <f-embed data-type="giphy" data-id="https://giphy.com/gifs/xT9IgG50Fb7Mi8prV6"></f-embed> 1792 */ 1793 embedHandlers.giphy = { 1794 init: function(element, type) { 1795 let gifId = element.dataset.id; 1796 if (!gifId) { 1797 console.error('f-embed: Giphy kräver data-id'); 1798 return; 1799 } 1800 1801 // Om det är en URL, extrahera GIF ID 1802 if (gifId.indexOf('giphy.com') !== -1 || gifId.indexOf('gph.is') !== -1) { 1803 // Olika Giphy URL-format: 1804 // https://giphy.com/embed/QBd2kLB5qDmysEXre9 1805 // https://giphy.com/gifs/time-mr-bean-look-at-the-QBd2kLB5qDmysEXre9 1806 // https://giphy.com/gifs/cat-xT9IgG50Fb7Mi8prV6 1807 // https://i.giphy.com/xT9IgG50Fb7Mi8prV6.gif 1808 // https://media.giphy.com/media/xT9IgG50Fb7Mi8prV6/giphy.gif 1809 // https://gph.is/xT9IgG50Fb7Mi8prV6 1810 1811 // Ta bort query-parametrar och hash 1812 const urlParts = gifId.split('?')[0].split('#')[0]; 1813 1814 // Ta sista delen av URL:en 1815 const parts = urlParts.split('/'); 1816 let lastPart = parts[parts.length - 1]; 1817 1818 // Ta bort .gif om det finns 1819 lastPart = lastPart.replace(/\.gif$/, ''); 1820 1821 // Om sista delen innehåller bindestreck, ta sista segmentet efter sista bindestrecket 1822 // Detta hanterar format som: time-mr-bean-look-at-the-QBd2kLB5qDmysEXre9 1823 if (lastPart.indexOf('-') !== -1) { 1824 const segments = lastPart.split('-'); 1825 const lastSegment = segments[segments.length - 1]; 1826 // Kontrollera om sista segmentet ser ut som ett giltigt GIF ID (minst 10 tecken alfanumeriskt) 1827 if (/^[a-zA-Z0-9]{10,}$/.test(lastSegment)) { 1828 gifId = lastSegment; 1829 } else { 1830 // Om sista segmentet inte är ett giltigt ID, försök med hela sista delen 1831 if (/^[a-zA-Z0-9]{10,}$/.test(lastPart)) { 1832 gifId = lastPart; 1833 } else { 1834 gifId = null; 1835 } 1836 } 1837 } else { 1838 // Om det inte finns bindestreck, använd hela sista delen om det är ett giltigt ID 1839 if (/^[a-zA-Z0-9]{10,}$/.test(lastPart)) { 1840 gifId = lastPart; 1841 } else { 1842 gifId = null; 1843 } 1844 } 1845 } 1846 1847 // Validera att gifId ser ut som ett giltigt Giphy ID 1848 // Giphy GIF IDs är vanligtvis alfanumeriska och minst 10 tecken långa 1849 if (!gifId || !/^[a-zA-Z0-9]+$/.test(gifId) || gifId.length < 10) { 1850 console.error('f-embed: Giphy kräver ett giltigt GIF ID (minst 10 tecken). Fick:', gifId); 1851 element.innerHTML = '<f-embed-giphy><f-giphy><f-giphy-error>Ogiltigt Giphy ID. Ange ett giltigt Giphy GIF ID eller URL.</f-giphy-error></f-giphy></f-embed-giphy>'; 1852 return; 1853 } 1854 1855 const embedTag = 'f-embed-' + type; 1856 element.innerHTML = '<' + embedTag + '><f-giphy>Laddar Giphy...</f-giphy></' + embedTag + '>'; 1857 const container = element.querySelector(embedTag); 1858 1859 // Giphy API-nyckel 1860 const apiKey = 'bGo2mwbD8RslEJvGB9qmYNjtS7ypRIAh'; 1861 const apiUrl = 'https://api.giphy.com/v1/gifs/' + encodeURIComponent(gifId) + '?api_key=' + encodeURIComponent(apiKey); 1862 1863 // Debug: logga vad vi skickar (ta bort i produktion om önskat) 1864 console.debug('f-embed: Giphy API-anrop', { gifId: gifId, apiUrl: apiUrl }); 1865 1866 fetch(apiUrl) 1867 .then(function(response) { 1868 if (!response.ok) { 1869 // Försök hämta felmeddelandet från API:et 1870 return response.json().then(function(errorData) { 1871 const errorMsg = errorData.meta?.msg || errorData.message || 'Okänt fel';
1872 throw new Error('Giphy API fel: ' + response.status + ' - ' + errorMsg); 1873 }).catch(function() { 1874 throw new Error('Giphy API fel: ' + response.status); 1875 }); 1876 } 1877 return response.json(); 1878 }) 1879 .then(function(data) { 1880 if (!data.data || !data.data.images) { 1881 throw new Error('Giphy API returnerade inga data'); 1882 } 1883 1884 const gif = data.data; 1885 const giphyUrl = 'https://giphy.com/gifs/' + gifId; 1886 1887 // Använd original eller downsized_medium för bästa kvalitet 1888 let gifUrl = gif.images.original?.url || 1889 gif.images.downsized_medium?.url || 1890 gif.images.downsized?.url || 1891 gif.images.fixed_height?.url; 1892 1893 if (!gifUrl) { 1894 throw new Error('Kunde inte hitta GIF-URL'); 1895 } 1896 1897 // Hämta titel och användarnamn om det finns 1898 const title = gif.title || ''; 1899 const username = gif.username || ''; 1900 1901 let html = '<f-giphy>'; 1902 1903 // GIF-bild med overlay för attribution 1904 html += '<f-giphy-image>'; 1905 html += '<a href="' + giphyUrl + '" target="_blank" rel="noopener">'; 1906 html += '<img src="' + gifUrl + '" alt="' + (title || 'GIF från Giphy') + '" loading="lazy" />'; 1907 html += '</a>'; 1908 html += '<f-giphy-overlay>'; 1909 // Attribution (krävs enligt Giphy's Terms of Service) 1910 html += '<f-giphy-overlay-attribution><a href="' + giphyUrl + '" target="_blank" rel="noopener">via GIPHY</a></f-giphy-overlay-attribution>'; 1911 html += '</f-giphy-overlay>'; 1912 html += '</f-giphy-image>'; 1913 1914 html += '</f-giphy>'; 1915 container.innerHTML = html; 1916 }) 1917 .catch(function(error) { 1918 container.innerHTML = '<f-giphy><f-giphy-error>Kunde inte ladda Giphy.</f-giphy-error></f-giphy>'; 1919 console.error('f-embed: Giphy API-fel', error); 1920 }); 1921 } 1922 }; 1923 1924/* Delad Twitter script-loading och utilities */ 1925 (function() { 1926 let twitterScriptLoaded = false; 1927 1928 window.loadTwitterScript = function() { 1929 if (twitterScriptLoaded || document.querySelector('script[src*="platform.twitter.com/widgets.js"]')) { 1930 twitterScriptLoaded = true; 1931 return; 1932 } 1933 const script = document.createElement('script'); 1934 script.async = true; 1935 script.src = 'https://platform.twitter.com/widgets.js'; 1936 script.charset = 'utf-8'; 1937 document.head.appendChild(script); 1938 twitterScriptLoaded = true; 1939 }; 1940 1941 })(); 1942 1943/* Twitter Handler 1944 * data-id: Twitter/X tweet ID eller URL 1945 */ 1946 embedHandlers.twitter = { 1947 init: function(element, type) { 1948 const twitterId = element.dataset.id; 1949 if (!twitterId) { 1950 console.error('f-embed: Twitter kräver data-id'); 1951 return; 1952 } 1953 1954 let tweetId = twitterId; 1955 if (!/^\d+$/.test(tweetId)) { 1956 const match = twitterId.match(/\/(status|tweet)\/(\d+)/); 1957 if (match && match[2]) tweetId = match[2]; 1958 } 1959 1960 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 1961 const container = element.querySelector('f-embed-' + type); 1962 if (!container) return; 1963 1964 window.loadTwitterScript(); 1965 1966 // Vänta på att Twitter widgets API är laddat 1967 waitForAPI( 1968 function() { return window.twttr && window.twttr.widgets; }, 1969 function() { 1970 // Hämta darkmode-status om det finns 1971 const darkmode = localStorage.getItem('darkmode'); 1972 const darkmodetheme = darkmode === 'on' ? 'dark' : 'light'; 1973 1974 window.twttr.widgets.createTweet(tweetId, container, { 1975 conversation: 'all', 1976 cards: 'visible', 1977 align: 'center', 1978 lang: 'sv', 1979 dnt: true, 1980 theme: darkmodetheme 1981 }).catch(function(error) { 1982 console.error('f-embed: Twitter embed-fel', error); 1983 container.innerHTML = '<f-twitter-error>Kunde inte ladda tweet.</f-twitter-error>'; 1984 }); 1985 }, 1986 10000 1987 ); 1988 } 1989 }; 1990 1991/* Twitter Video Handler (xvideo) 1992 * data-id: Twitter/X tweet ID eller URL 1993 */ 1994 embedHandlers.xvideo = { 1995 init: function(element, type) { 1996 const twitterId = element.dataset.id; 1997 if (!twitterId) { 1998 console.error('f-embed: Twitter-video kräver data-id'); 1999 return; 2000 } 2001 2002 let tweetId = twitterId; 2003 if (!/^\d+$/.test(tweetId)) { 2004 const match = twitterId.match(/\/(status|tweet)\/(\d+)/); 2005 if (match && match[2]) tweetId = match[2]; 2006 } 2007 2008 const blockquote = document.createElement('blockquote'); 2009 blockquote.className = 'twitter-tweet'; 2010 blockquote.setAttribute('data-media-max-width', '980'); 2011 blockquote.setAttribute('data-lang', 'sv'); 2012 blockquote.setAttribute('data-dnt', 'true'); 2013 2014 const p = document.createElement('p'); 2015 p.setAttribute('lang', 'en'); 2016 p.setAttribute('dir', 'ltr'); 2017 blockquote.appendChild(p); 2018 2019 const link = document.createElement('a'); 2020 link.href = 'https://twitter.com/feberse/status/' + tweetId; 2021 blockquote.appendChild(link); 2022 2023 element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>'; 2024 const container = element.querySelector('f-embed-' + type); 2025 if (container) { 2026 container.appendChild(blockquote); 2027 } 2028 2029 window.loadTwitterScript(); 2030 2031 // Twitter widgets.js processar automatiskt .twitter-tweet element 2032 waitForAPI( 2033 function() { return document.querySelector('script[src*="platform.twitter.com/widgets.js"]'); }, 2034 function() { 2035 // Twitter processar automatiskt när scriptet är laddat 2036 if (window.twttr && window.twttr.widgets) { 2037 window.twttr.widgets.load(container); 2038 } 2039 }, 2040 10000 2041 ); 2042 } 2043 }; 2044 2045/* Veckans Pryl Handler 2046 * 2047 * ALTERNATIV: 2048 * - data-type="veckanspryl" (krävs) 2049 * - data-id="ARTICLE_ID" (krävs) - Artikel-ID för prylen (t.ex. "488869") 2050 * 2051 * EXEMPEL: 2052 * <f-embed data-type="veckanspryl" data-id="488869"></f-embed> 2053 * 2054 * Hämtar HTML från /snippets/veckans_pryl.jsp och infogar i elementet. 2055 * Stödjer även äldre formatet: <f-veckanspryl-embed data-id="488869"> 2056 */ 2057 embedHandlers.veckanspryl = { 2058 init: function(element, type) { 2059 const id = element.dataset.id; 2060 if (!id) { 2061 console.error('f-embed: Veckanspryl kräver data-id'); 2062 return; 2063 } 2064
2065 fetch('/snippets/veckans_pryl.jsp?id=' + encodeURIComponent(id)) 2066 .then(function(res) { 2067 if (!res.ok) throw new Error('Kunde inte hämta data för ID ' + id); 2068 return res.text(); 2069 }) 2070 .then(function(html) { 2071 element.innerHTML = '<f-embed-' + type + '>' + html + '</f-embed-' + type + '>'; 2072 }) 2073 .catch(function(error) { 2074 console.error('f-embed: Veckanspryl-fel', error); 2075 }); 2076 } 2077 }; 2078 2079/* Initiera alla f-embed */ 2080 function initAll() { 2081 document.querySelectorAll('f-embed:not([data-initialized="true"])').forEach(initEmbed); 2082 2083 /* Bakåtkompatibilitet: konvertera gamla <f-veckanspryl-embed data-id="X"> till f-embed */ 2084 document.querySelectorAll('f-veckanspryl-embed:not([data-initialized="true"])').forEach(function(old) { 2085 var id = old.getAttribute('data-id'); 2086 if (!id) return; 2087 old.dataset.initialized = 'true'; 2088 embedHandlers.veckanspryl.init(old, 'veckanspryl'); 2089 }); 2090 } 2091 2092/* MutationObserver för dynamiska embeds */ 2093 function setupObserver() { 2094 if (!window.MutationObserver) return; 2095 2096 function handleNode(node) { 2097 if (node.nodeType !== 1) return; 2098 var tag = node.tagName.toLowerCase(); 2099 2100 if (tag === 'f-embed') { 2101 initEmbed(node); 2102 } else if (tag === 'f-veckanspryl-embed' && node.dataset.initialized !== 'true') { 2103 node.dataset.initialized = 'true'; 2104 embedHandlers.veckanspryl.init(node, 'veckanspryl'); 2105 } 2106 2107 if (node.querySelectorAll) { 2108 node.querySelectorAll('f-embed:not([data-initialized="true"])').forEach(initEmbed); 2109 node.querySelectorAll('f-veckanspryl-embed:not([data-initialized="true"])').forEach(function(old) { 2110 old.dataset.initialized = 'true'; 2111 embedHandlers.veckanspryl.init(old, 'veckanspryl'); 2112 }); 2113 } 2114 } 2115 2116 const observer = new MutationObserver(function(mutations) { 2117 mutations.forEach(function(mutation) { 2118 mutation.addedNodes.forEach(handleNode); 2119 }); 2120 }); 2121 2122 observer.observe(document.body, { childList: true, subtree: true }); 2123 } 2124 2125 // Starta 2126 if (document.readyState === 'loading') { 2127 document.addEventListener('DOMContentLoaded', function() { 2128 initAll(); 2129 setupObserver(); 2130 }); 2131 } else { 2132 initAll(); 2133 setupObserver(); 2134 } 2135 2136 // Public API 2137 window.fEmbed = { 2138 init: initEmbed, 2139 initAll: initAll, 2140 registerHandler: function(type, handler) { 2141 if (handler && typeof handler.init === 'function') { 2142 embedHandlers[type.toLowerCase()] = handler; 2143 } 2144 }, 2145 handlers: embedHandlers 2146 }; 2147 2148})(); 2149</script>
2149 2150 2151 2152 2153 2154 2155<style> 2156 /* f-embed - generell container */ 2157 f-embed { 2158 display: block; 2159 margin: var(--f-article-padding); 2160 width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 2161 } 2162 2163 f-article-media f-embed, f-flide f-embed { width: 100%; margin: 0; } 2164 2165 f-article-body f-embed { display: block; margin: 0 auto; width: 100%; margin: 0; } 2166 2167 f-article-media-above f-embed { margin: 0; width: 100%; } 2168 2169 /* f-embed[data-type="youtube"] med direkt img-barn (för crawlers innan JavaScript kör) */ 2170 f-embed[data-type="youtube"] > img { 2171 display: block; 2172 width: 100%; 2173 height: auto; 2174 aspect-ratio: 16/9; 2175 object-fit: cover; 2176 background-color: #000; 2177 } 2178 2179 /* f-embed-youtube - specifik typ */ 2180 f-embed-youtube { 2181 display: block; 2182 position: relative; 2183 width: 100%; 2184 padding-bottom: 56.25%; /* 16:9 */ 2185 height: 0; 2186 overflow: hidden; 2187 background-color: #000; 2188 } 2189 2190 /* Tumnagel */ 2191 f-embed-youtube-thumbnail { 2192 position: absolute; 2193 top: 0; 2194 left: 0; 2195 width: 100%; 2196 height: 100%; 2197 } 2198 2199 f-embed-youtube-thumbnail img { 2200 width: 100%; 2201 height: 100%; 2202 object-fit: cover; 2203 } 2204 2205 /* Play-knapp */ 2206 f-embed-youtube-playbutton { 2207 position: absolute; 2208 top: 50%; 2209 left: 50%; 2210 transform: translate(-50%, -50%); 2211 z-index: 2; 2212 width: 71px; 2213 height: 50px; 2214 cursor: pointer; 2215 transition: transform 0.2s ease; 2216 } 2217 2218 f-embed-youtube-playbutton:hover { 2219 transform: translate(-50%, -50%) scale(1.1); 2220 } 2221 2222 f-embed-youtube-playbutton svg { 2223 width: 100%; 2224 height: 100%; 2225 } 2226 2227 /* Iframe-container */ 2228 f-embed-youtube-iframe { 2229 position: absolute; 2230 top: 0; 2231 left: 0; 2232 width: 100%; 2233 height: 100%; 2234 } 2235 2236 f-embed-youtube-iframe iframe { 2237 position: absolute; 2238 top: 0; 2239 left: 0; 2240 width: 100%; 2241 height: 100%; 2242 border: 0; 2243 } 2244 2245 /* f-embed[data-type="bunny"] - Bunny Stream autoplay */ 2246 f-embed[data-type="bunny"] { 2247 display: block; 2248 } 2249 2250 /* f-embed[data-type="vimeo"] med direkt img-barn (för crawlers innan JavaScript kör) */ 2251 f-embed[data-type="vimeo"] > img { 2252 display: block; 2253 width: 100%; 2254 height: auto; 2255 aspect-ratio: 16/9; 2256 object-fit: cover; 2257 background-color: #000; 2258 } 2259 2260 /* f-embed-vimeo - specifik typ */ 2261 f-embed-vimeo { 2262 display: block; 2263 position: relative; 2264 width: 100%; 2265 padding-bottom: 56.25%; /* 16:9 */ 2266 height: 0; 2267 overflow: hidden; 2268 background-color: #000; 2269 } 2270 2271 /* Tumnagel */ 2272 f-embed-vimeo-thumbnail { 2273 position: absolute; 2274 top: 0; 2275 left: 0; 2276 width: 100%; 2277 height: 100%; 2278 } 2279 2280 f-embed-vimeo-thumbnail img { 2281 width: 100%; 2282 height: 100%; 2283 object-fit: cover; 2284 } 2285 2286 /* Play-knapp */ 2287 f-embed-vimeo-playbutton { 2288 position: absolute; 2289 top: 50%; 2290 left: 50%; 2291 transform: translate(-50%, -50%); 2292 z-index: 2; 2293 width: 80px; 2294 height: 80px; 2295 cursor: pointer; 2296 transition: transform 0.2s ease; 2297 } 2298 2299 f-embed-vimeo-playbutton:hover { 2300 transform: translate(-50%, -50%) scale(1.1); 2301 } 2302 2303 f-embed-vimeo-playbutton svg { 2304 width: 100%; 2305 height: 100%; 2306 } 2307 2308 /* Iframe-container */ 2309 f-embed-vimeo-iframe { 2310 position: absolute; 2311 top: 0; 2312 left: 0; 2313 width: 100%; 2314 height: 100%; 2315 } 2316 2317 f-embed-vimeo-iframe iframe { 2318 position: absolute; 2319 top: 0; 2320 left: 0; 2321 width: 100%; 2322 height: 100%; 2323 border: 0; 2324 } 2325 2326 /* f-embed-fbpost - Facebook-post */ 2327 f-embed-fbpost { 2328 display: block; margin: 0 auto; 2329 } 2330 2331 @media only screen and (min-width: 780px) { 2332 f-embed-fbpost { 2333 display: block; 2334 max-width: 750px; 2335 } 2336 } 2337 2338 /* f-embed-fbvideo - Facebook-video */ 2339 f-embed-fbvideo { 2340 display: block; margin: 0 auto; overflow: hidden; max-width: 550px; 2341 } 2342 2343 /* f-embed-instagram - Instagram */ 2344 f-embed-instagram { 2345 display: block; 2346 margin: 0 auto; 2347 overflow: hidden; 2348 max-width: 550px; 2349 } 2350 2351 f-embed-instagram blockquote.instagram-media { 2352 margin: 0 !important; 2353 padding: 0 !important; 2354 border: none !important; 2355 } 2356 2357 /* f-embed-reddit - Reddit */ 2358 f-embed-reddit { 2359 display: block; 2360 margin: 0 auto; 2361 max-width: 750px; 2362 overflow: hidden; 2363 } 2364 2365 f-embed-reddit blockquote.reddit-card { 2366 margin: 0 !important; 2367 padding: 0 !important; 2368 border: none !important; 2369 } 2370 2371 /* f-embed-spotify - Spotify */ 2372 f-embed-spotify { 2373 display: block; 2374 margin: 0 auto; 2375 overflow: hidden; 2376 } 2377 2378 f-embed-spotify iframe { 2379 width: 100%; 2380 border: none; 2381 } 2382 2383 /* f-embed-soundcloud - Soundcloud */ 2384 f-embed-soundcloud { 2385 display: block; 2386 margin: 0 auto; 2387 overflow: hidden; 2388 } 2389 2390 f-embed-soundcloud iframe { 2391 width: 100%; 2392 border: none; 2393 } 2394 2395 /* f-embed-applemusic - Apple Music */ 2396 f-embed-applemusic { 2397 display: block; 2398 margin: 0 auto; 2399 overflow: hidden; 2400 } 2401 2402 f-embed-applemusic iframe { 2403 width: 100%; 2404 border: none; 2405 } 2406 2407 /* f-embed-kickstarter - Kickstarter */ 2408 f-embed-kickstarter { 2409 display: block; 2410 margin: 0 auto; 2411 overflow: hidden; 2412 position: relative; 2413 padding-bottom: 56.25%; /* 16:9 aspect ratio */ 2414 height: 0; 2415 } 2416 2417 f-embed-kickstarter iframe { 2418 position: absolute; 2419 top: 0; 2420 left: 0; 2421 width: 100%; 2422 height: 100%; 2423 border: none; 2424 } 2425 2426 /* f-embed-threads - Threads */ 2427 f-embed-threads { 2428 display: block; 2429 margin: 0 auto; 2430 overflow: hidden; 2431 } 2432 2433 f-embed-threads iframe { 2434 display: block; 2435 width: 100%; 2436 } 2437 2438 f-embed-threads blockquote.text-post-media { 2439 margin: 0 !important; 2440 padding: 0 !important; 2441 } 2442 2443 /* f-embed-giphy - Giphy */ 2444 f-embed-giphy { 2445 display: block; 2446 margin: 0 auto; 2447 overflow: hidden; 2448 } 2449 2450 f-embed-giphy f-giphy { 2451 display: block; 2452 margin: 0; 2453 } 2454 2455 f-embed-giphy f-giphy-image { 2456 display: block; 2457 width: 100%; 2458 position: relative; 2459 } 2460 2461 f-embed-giphy f-giphy-image img { 2462 width: 100%; 2463 height: auto; 2464 display: block; 2465 } 2466 2467 /* Overlay i nedre högra hörnet */ 2468 f-embed-giphy f-giphy-overlay { 2469 position: absolute; 2470 bottom: 8px; 2471 right: 8px; 2472 } 2473 2474 f-embed-giphy f-giphy-overlay-attribution { 2475 font-family: var(--f-suisse-semibold); 2476 font-size: 10px; 2477 font-weight: 300; 2478 text-transform: uppercase; 2479 letter-spacing: 0.5px; 2480 } 2481 2482 f-embed-giphy f-giphy-overlay-attribution a { 2483 color: #fff; 2484 text-decoration: none; 2485 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); 2486 opacity: 0.8; 2487 transition: opacity 0.2s ease; 2488 } 2489 2490 f-embed-giphy f-giphy-overlay-attribution a:hover { 2491 color: #fff; 2492 opacity: 1; 2493 text-decoration: underline; 2494 } 2495 2496 f-embed-giphy f-giphy-error { 2497 display: block; 2498 padding: var(--f-article-padding); 2499 color: var(--f-article-text-color-shade); 2500 font-family: var(--f-suisse-regular); 2501 font-size: 13px; 2502 } 2503 2504 /* f-embed-tiktok - TikTok */ 2505 f-embed-tiktok { 2506 display: block; 2507 margin: 0 auto; 2508 overflow: hidden; 2509 } 2510 2511 f-embed-tiktok blockquote.tiktok-embed { 2512 margin: 0 !important; 2513 padding: 0 !important; 2514 } 2515 2516 /* f-embed-bsky - Bsky (Bluesky) */ 2517 f-embed-bsky { 2518 display: block; 2519 margin: 0 auto; 2520 overflow: hidden; 2521 max-width: 550px; 2522 } 2523 2524 f-embed-bsky blockquote.bsky-embed { 2525 margin: 0 !important; 2526 padding: 0 !important; 2527 border: none !important; 2528 } 2529 2530 .bluesky-embed { margin: 0 auto !important; } 2531 2532 /* f-embed-wiki - Wikipedia */ 2533 f-embed-wiki { 2534 display: block; 2535 margin: 0 auto; 2536 overflow: hidden; 2537 } 2538 2539 f-embed-wiki f-wiki { 2540 margin: 0; 2541 } 2542 2543 /* f-embed-twitter - Twitter/X */ 2544 f-embed-twitter { 2545 display: block; 2546 margin: 0 auto; 2547 overflow: hidden; 2548 } 2549 2550 f-embed-twitter .twitter-tweet, 2551 f-embed-twitter .twitter-tweet-rendered { 2552 margin: 0 auto !important; 2553 } 2554 2555 /* f-embed-xvideo - Twitter/X Video */ 2556 f-embed-xvideo { 2557 display: block; 2558 margin: 0 auto; 2559 overflow: hidden; 2560 } 2561 2562 f-embed-xvideo .twitter-tweet, 2563 f-embed-xvideo .twitter-tweet-rendered { 2564 margin: 0 auto !important; 2565 } 2566 2567 /* f-embed-imdb - IMDb */ 2568 f-embed-imdb { 2569 display: block; 2570 } 2571 2572 f-embed-imdb f-imdb { 2573 margin: 0; 2574 } 2575 2576 /* f-embed-stock - TradingView Stock Chart */ 2577 f-embed-stock { 2578 display: block; 2579 margin: 0 auto; 2580 overflow: hidden; 2581 } 2582 2583 f-embed-stock .tradingview-widget-container { 2584 height: 350px; 2585 } 2586 2587 f-embed-stock .tradingview-widget-container__widget { 2588 height: 100%; 2589 } 2590 2591 f-embed-stock .tradingview-widget-copyright { 2592 font-size: 13px; 2593 line-height: 32px; 2594 text-align: center; 2595 vertical-align: middle; 2596 font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif; 2597 color: #9db2bd; 2598 } 2599 2600 f-embed-stock .tradingview-widget-copyright .blue-text { 2601 color: #666 !important; 2602 } 2603 2604 f-embed-stock .tradingview-widget-copyright a { 2605 text-decoration: none; 2606 color: #666; 2607 } 2608 2609 f-embed-stock .tradingview-widget-copyright a:hover { 2610 text-decoration: underline; 2611 } 2612 2613 /* f-article-* - Legacy embed styles (from CSS2021.tag) */ 2614 f-article-twitter { 2615 transition: all .4s ease-in-out; 2616 margin: var(--f-article-padding) auto; 2617 width: 100%; 2618 max-width: 550px; 2619 min-height: 400px; 2620 border: 1px solid rgb(207, 217, 222); 2621 border-radius: 12px; 2622 display: flex; 2623 flex-direction: column; 2624 justify-content: center; 2625 align-items: center; 2626 } 2627 2628 f-article-twitter[data-status="loaded"] { 2629 border: 0; 2630 } 2631 2632 @keyframes pulse { 2633 0% { 2634 transform: scale(1); 2635 } 2636 50% { 2637 transform: scale(1.5); 2638 } 2639 100% { 2640 transform: scale(1); 2641 } 2642 } 2643 2644 f-article-twitter svg { 2645 width: 30px; 2646 height: auto; 2647 } 2648 2649 f-article-twitter svg path { 2650 fill: rgb(0, 0, 0); 2651 } 2652 2653 f-article-twitter[data-status="waiting"] svg, 2654 f-article-twitter[data-status="loading"] svg, 2655 f-article-twitter[data-status="gettingdata"] svg { 2656 animation: pulse 2s infinite; 2657 } 2658 2659 f-article-twitter[data-status="gettingdata"] svg { 2660 display: block; 2661 } 2662
2663 f-article-twitter[data-status="loaded"] svg { 2664 display: none; 2665 } 2666 2667 f-article-twitter f-article-twitter-text { 2668 font-size: 12px; 2669 margin-top: 10px; 2670 } 2671 2672 f-article-twitter f-article-twitter-text a { 2673 font-weight: 300; 2674 font-family: var(--f-suisse-semibold); 2675 } 2676 2677 f-article-twitter[data-status="loaded"] f-article-twitter-text { 2678 display: none; 2679 } 2680 2681 f-article-twitter .twitter-tweet { 2682 margin: 0 !important; 2683 width: 0 !important; 2684 } 2685 2686 f-article-twitter[data-status="loaded"] .twitter-tweet { 2687 width: 100% !important; 2688 } 2689 2690 @media only screen and (max-width: 550px) { 2691 f-article-twitter { 2692 width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 2693 overflow: hidden; 2694 margin: var(--f-article-padding); 2695 } 2696 } 2697 2698 f-article-twitter-video { 2699 margin: var(--f-article-padding); 2700 display: block; 2701 } 2702 2703 f-article-threads { 2704 display: block; 2705 margin: var(--f-article-padding); 2706 } 2707 2708 f-article-instagram { 2709 display: block; 2710 margin: var(--f-article-padding); 2711 max-width: 550px; 2712 margin: var(--f-article-padding) auto; 2713 padding: 0 var(--f-article-padding); 2714 } 2715 2716 f-article-tiktok { 2717 display: block; 2718 margin: var(--f-article-padding); 2719 } 2720 2721 f-article-automatos { 2722 display: block; 2723 margin: var(--f-article-padding); 2724 } 2725 2726 f-article-fbpost { 2727 display: block; 2728 margin: var(--f-article-padding); 2729 } 2730 2731 @media only screen and (min-width: 780px) { 2732 f-article-fbpost { 2733 display: block; 2734 margin: var(--f-article-padding) auto; 2735 max-width: 750px; 2736 } 2737 } 2738 2739 f-article-fbvideo { 2740 display: block; 2741 margin: var(--f-article-padding); 2742 } 2743 2744 f-article-embed-top { 2745 display: block; 2746 } 2747 2748 f-article-embed { 2749 display: block; 2750 margin: var(--f-article-padding); 2751 } 2752 2753 f-article-soundcloud { 2754 display: block; 2755 margin: var(--f-article-padding); 2756 } 2757 2758 f-article-spotify { 2759 display: block; 2760 margin: var(--f-article-padding); 2761 } 2762 2763 f-article-kickstarter { 2764 display: block; 2765 margin: var(--f-article-padding); 2766 } 2767 2768 f-article-reddit { 2769 display: block; 2770 margin: var(--f-article-padding); 2771 } 2772 2773 /* f-wiki - Wikipedia */ 2774 f-wiki { 2775 overflow: hidden; 2776 margin: var(--f-article-padding); 2777 padding: 0; 2778 background-color: var(--f-article-background-inline); 2779 display: grid; 2780 grid-template-columns: 1fr 25%; 2781 grid-template-rows: auto 1fr; 2782 grid-template-areas: "headline image" 2783 "body image"; 2784 } 2785 2786 f-wiki-body { 2787 font-family: var(--f-suisse-regular); 2788 font-size: 13px; 2789 font-weight: normal; 2790 line-height: 17px; 2791 -webkit-font-smoothing: antialiased; 2792 color: var(--f-article-text-color-shade); 2793 padding: 8px var(--f-article-padding) var(--f-article-padding); 2794 overflow: hidden; 2795 display: grid; 2796 grid-area: body; 2797 } 2798 2799 f-wiki-body b, 2800 f-wiki-body a { 2801 font-family: var(--f-suisse-semibold); 2802 font-weight: 300; 2803 } 2804 2805 f-wiki-image { 2806 width: 100%; 2807 height: 100%; 2808 display: grid; 2809 grid-area: image; 2810 position: relative; 2811 aspect-ratio: 16 / 9; 2812 } 2813 2814 f-wiki .wikiPic { 2815 width: 100%; 2816 height: 100%; 2817 object-fit: cover; 2818 position: absolute; 2819 } 2820 2821 f-wiki f-wiki-headline { 2822 font-family: var(--f-suisse-bold); 2823 font-size: 16px; 2824 font-weight: 300; 2825 line-height: 16px; 2826 color: var(--f-article-text-color); 2827 display: block; 2828 grid-area: headline; 2829 padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 2830 -webkit-font-smoothing: antialiased; 2831 } 2832 2833 f-wiki f-wiki-headline:before { 2834 content: 'Wikipedia om '; 2835 font-family: var(--f-suisse-regular); 2836 color: var(--f-article-text-color-shade); 2837 } 2838 2839 f-wiki f-wiki-headline a { 2840 color: var(--f-article-text-color); 2841 font-weight: 300; 2842 } 2843 2844 f-wiki p { 2845 margin: 0; 2846 padding: 0; 2847 } 2848 2849 f-wiki i { 2850 display: inline; 2851 margin: 0; 2852 } 2853 2854 @media only screen and (max-width: 480px) { 2855 f-wiki { 2856 grid-template-columns: auto; 2857 grid-template-rows: auto 1fr auto; 2858 grid-template-areas: "image" 2859 "headline" 2860 "body"; 2861 } 2862 f-wiki f-wiki-headline { 2863 font-size: 15px; 2864 line-height: 15px; 2865 } 2866 f-wiki-body { 2867 font-size: 12px; 2868 line-height: 16px; 2869 } 2870 f-wiki-image { 2871 aspect-ratio: 16 / 6; 2872 } 2873 } 2874 2875 /* f-imdb - IMDb */ 2876 f-imdb { 2877 overflow: hidden; 2878 margin: var(--f-article-padding); 2879 padding: 0; 2880 background-color: var(--f-article-background-inline); 2881 display: grid; 2882 grid-template-columns: 1fr 25%; 2883 grid-template-rows: auto 1fr; 2884 grid-template-areas: "headline image" 2885 "body image"; 2886 } 2887 2888 f-imdb-body { 2889 font-family: var(--f-suisse-regular); 2890 font-size: 13px; 2891 font-weight: normal; 2892 line-height: 17px; 2893 -webkit-font-smoothing: antialiased; 2894 color: var(--f-article-text-color-shade); 2895 padding: 8px var(--f-article-padding) var(--f-article-padding); 2896 overflow: hidden; 2897 display: block; 2898 grid-area: body; 2899 } 2900 2901 f-imdb-body b, 2902 f-imdb-body a { 2903 font-family: var(--f-suisse-semibold); 2904 font-weight: 300; 2905 } 2906 2907 f-imdb-image { 2908 width: 100%; 2909 height: 100%; 2910 display: grid; 2911 grid-area: image; 2912 position: relative; 2913 aspect-ratio: 16 / 9; 2914 } 2915 2916 f-imdb .imdbPic { 2917 width: 100%; 2918 height: 100%; 2919 object-fit: cover; 2920 position: absolute; 2921 } 2922 2923 f-imdb f-imdb-headline { 2924 font-family: var(--f-suisse-bold); 2925 font-size: 16px; 2926 font-weight: 300; 2927 line-height: 16px; 2928 color: var(--f-article-text-color); 2929 display: block; 2930 grid-area: headline; 2931 padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 2932 -webkit-font-smoothing: antialiased; 2933 } 2934 2935 f-imdb f-imdb-headline:before { 2936 content: 'IMDb om '; 2937 font-family: var(--f-suisse-regular); 2938 color: var(--f-article-text-color-shade); 2939 } 2940 2941 f-imdb f-imdb-headline a { 2942 color: var(--f-article-text-color); 2943 font-weight: 300; 2944 } 2945 2946 f-imdb p { 2947 margin: 0; 2948 padding: 0; 2949 } 2950 2951 f-imdb i { 2952 display: inline; 2953 margin: 0; 2954 } 2955 2956 @media only screen and (max-width: 480px) { 2957 f-imdb { 2958 grid-template-columns: auto; 2959 grid-template-rows: auto 1fr auto; 2960 grid-template-areas: "image" 2961 "headline" 2962 "body"; 2963 } 2964 f-imdb f-imdb-headline { 2965 font-size: 15px; 2966 line-height: 15px; 2967 } 2968 f-imdb-body { 2969 font-size: 12px; 2970 line-height: 16px; 2971 } 2972 f-imdb-image { 2973 aspect-ratio: 1 / 1; 2974 } 2975 } 2976 2977 f-imdb-justwatchbox-container { 2978 display: block; 2979 overflow: hidden; 2980 margin: var(--f-article-padding); 2981 padding: 0; 2982 background-color: var(--f-article-background-inline); 2983 } 2984 2985 f-imdb-justwatchbox-header { 2986 display: block; 2987 padding: var(--f-article-padding); 2988 padding-bottom: 0px; 2989 font-family: SuisseRegular, sans-serif; 2990 font-size: 16px; 2991 font-weight: 300; 2992 line-height: 16px; 2993 color: var(--f-article-text-color-shade); 2994 -webkit-font-smoothing: antialiased; 2995 } 2996 2997 @media only screen and (max-width: 480px) { 2998 f-imdb-justwatchbox-header { 2999 font-size: 15px; 3000 line-height: 15px; 3001 } 3002 } 3003 3004 f-imdb-justwatchbox-header b { 3005 font-family: SuisseBold, sans-serif; 3006 font-weight: 300; 3007 color: var(--f-article-text-color); 3008 } 3009 3010 /* f-igdb - IGDB (Internet Game Database) */ 3011 f-igdb { 3012 overflow: hidden; 3013 margin: 0; 3014 padding: 0; 3015 background-color: var(--f-article-background-inline); 3016 display: grid; 3017 grid-template-columns: 1fr 25%; 3018 grid-template-rows: auto 1fr; 3019 grid-template-areas: "headline image" 3020 "body image"; 3021 } 3022 3023 f-igdb-body { 3024 font-family: var(--f-suisse-regular); 3025 font-size: 13px; 3026 font-weight: normal; 3027 line-height: 17px; 3028 -webkit-font-smoothing: antialiased; 3029 color: var(--f-article-text-color-shade); 3030 padding: 8px var(--f-article-padding) var(--f-article-padding); 3031 overflow: hidden; 3032 display: block; 3033 grid-area: body; 3034 } 3035 3036 f-igdb-body b, 3037 f-igdb-body a { 3038 font-family: var(--f-suisse-semibold); 3039 font-weight: 300; 3040 } 3041 3042 f-igdb-image { 3043 width: 100%; 3044 height: 100%; 3045 display: grid; 3046 grid-area: image; 3047 position: relative; 3048 aspect-ratio: 16 / 9; 3049 } 3050
3051 f-igdb .igdbPic { 3052 width: 100%; 3053 height: 100%; 3054 object-fit: cover; 3055 position: absolute; 3056 } 3057 3058 f-igdb f-igdb-headline { 3059 font-family: var(--f-suisse-bold); 3060 font-size: 16px; 3061 font-weight: 300; 3062 line-height: 16px; 3063 color: var(--f-article-text-color); 3064 display: block; 3065 grid-area: headline; 3066 padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 3067 -webkit-font-smoothing: antialiased; 3068 } 3069 3070 f-igdb f-igdb-headline:before { 3071 content: 'IGDB om '; 3072 font-family: var(--f-suisse-regular); 3073 color: var(--f-article-text-color-shade); 3074 } 3075 3076 f-igdb f-igdb-headline a { 3077 color: var(--f-article-text-color); 3078 font-weight: 300; 3079 } 3080 3081 f-igdb p { 3082 margin: 0; 3083 padding: 0; 3084 } 3085 3086 f-igdb i { 3087 display: inline; 3088 margin: 0; 3089 } 3090 3091 @media only screen and (max-width: 480px) { 3092 f-igdb { 3093 grid-template-columns: auto; 3094 grid-template-rows: auto 1fr auto; 3095 grid-template-areas: "image" 3096 "headline" 3097 "body"; 3098 } 3099 f-igdb f-igdb-headline { 3100 font-size: 15px; 3101 line-height: 15px; 3102 } 3103 f-igdb-body { 3104 font-size: 12px; 3105 line-height: 16px; 3106 } 3107 f-igdb-image { 3108 aspect-ratio: 16 / 6; 3109 } 3110 } 3111</style> 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 <style> 3135 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed,object { border:0 none; font-family:inherit; font-size:100%; font-style:inherit; outline-color:invert; outline-style:none; outline-width:0; vertical-align:baseline; margin:0; padding:0; } 3136 html, body {-webkit-text-size-adjust: 100%;} 3137 table { border-collapse:separate; border-spacing:0; } 3138 caption,th,td { font-weight:300; text-align:left; } 3139 blockquote:before,blockquote:after,q:before,q:after { content:""; } 3140 em { font-style:italic; } 3141 .table { display:table; } 3142 .pointer { cursor:pointer; } 3143 3144 @-ms-viewport { width: device-width !important; } 3145 3146 f-stat-catcher { display: none; } 3147 3148 </style> 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 <style> 3406 3407 body { font-size: 13px; font-weight: normal; font-family: var(--f-suisse-regular); line-height:16px; 3408 margin:0; padding:0; text-align: left; overflow-x: hidden; background-color: rgb(34,34,34); position:relative; 3409 padding-bottom: 50px; 3410 } 3411 3412 body[data-site='feber'] { padding-top: 93px !important; background-color: rgb(34,34,34); } 3413 body[data-site='feber'][data-darkmode='on'] { background-color: rgb(0,0,0); } 3414 body[data-site='tjock'] { padding-top: 70px !important; background-color: rgba(240,240,240); } 3415 3416 @media only screen and (max-width: 600px) { 3417 body[data-site='feber'] { padding-top: 87px !important; } 3418 body[data-site='tjock'] { padding-top: 49px !important; } 3419 } 3420 3421 .lazyload, .lazyloading { opacity: 0; } 3422 .lazyloaded { opacity: 1; } 3423 3424 body[data-site='feber'] #yodaContainer { background-color: transparent; } 3425 3426 3427 3428 f-content[data-loaded="false"] { height: auto; display: block; } 3429 f-content[data-loaded="loading"] { height: 600px; display: block; } 3430 f-content[data-loaded="true"] { height: auto; display: block; } 3431 3432 3433 3434 3435 3436 3437 3438 3439 3440 3441 3442 f-stripe { background-color: #111; color: white; font-size: 18px; line-height: 40px; font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 3443 display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); margin: var(--f-margins-margins); padding: 0 var(--f-article-padding); } 3444 f-stripe[data-align="center"] { text-align: center; } 3445 f-stripe[data-align="right"] { text-align: right; } 3446 3447 3448 3449 /* F-HEADER */ 3450 3451 f-header { 3452 display: block; width: 100%; max-width: 980px; 3453 margin: var(--f-margins-margins); margin-bottom: 0; 3454 background-color: var(--f-article-background); 3455 } 3456 f-preheader { 3457 display: block; padding: var(--f-article-padding-wide); padding-bottom: 0; 3458 font-family: var(--f-suisse-regular); font-size: 15px; line-height: 14px; color: var(--f-article-text-color-shade-deluxe); 3459 } 3460 f-mainheader { 3461 display: block; padding: var(--f-article-padding-wide); padding-top: 10px; padding-bottom: 10px; 3462 font-family: var(--f-suisse-bold); font-size: 30px; line-height: 30px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 3463 } 3464 f-header-description { 3465 display: block; padding: 10px 0px 0px 0px; 3466 font-family: var(--f-suisse-regular); font-size: 15px; line-height: 19px; color: var(--f-article-text-color-shade-deluxe); 3467 } 3468 3469 @media only screen and (max-width: 800px) { 3470 f-preheader { font-size: 14px; line-height: 14px; } 3471 f-mainheader { font-size: 26px;
3471 line-height: 26px; } 3472 f-header-description { font-size: 14px; line-height: 17px; } 3473 } 3474 3475 @media only screen and (max-width: 480px) { 3476 f-preheader { font-size: 13px; line-height: 13px; } 3477 f-mainheader { font-size: 20px; line-height: 20px; } 3478 f-header-description { font-size: 13px; line-height: 15px; } 3479 } 3480 3481 3482 3483 3484 3485 3486 </style> 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 <style> 3738 3739 3740 :root { 3741 3742 /* NETSU COLORS BETA */ 3743 3744 /* orange */ 3745 --n-orange: rgba(255,69,0,1); 3746 --n-orange-semidark: rgba(245,68,1,1); 3747 --n-orange-dark: rgba(199,61,7,1); 3748 3749 /* blue */ 3750 --n-blue-light: rgba(171,216,234,1); 3751 --n-blue: rgba(51,173,221,1); 3752 --n-blue-semidark: rgba(32,119,154,1); 3753 --n-blue-dark: rgba(12,65,87,1); 3754 3755 /* red */ 3756 --n-red-light: rgba(235,196,199,1); 3757 --n-red: rgba(193,18,31,1); 3758 --n-red-semidark: rgba(151,14,25,1); 3759 --n-red-dark: rgba(108,10,18,1); 3760 3761 /* grey */ 3762 --n-grey-superlight: rgba(240,240,240,1); 3763 --n-grey-light: rgba(190,190,190,1); 3764 --n-grey: rgba(138,138,138,1); 3765 --n-grey-semidark: rgba(86,86,86,1); 3766 --n-grey-dark: rgba(34,34,34,1); 3767 3768 /* grey-warm */ 3769 --n-grey-warm-light: rgba(241,237,233,1); 3770 --n-grey-warm-semilight: rgba(190,187,184,1); 3771 --n-grey-warm: rgba(138,136,134,1); 3772 --n-grey-warm-semidark: rgba(86,85,84,1); 3773 --n-grey-warm-dark: rgba(34,34,34,1); 3774 3775 /* COLORS */ 3776 3777 --f-hot-color: var(--n-orange); 3778 --f-cold-color: var(--n-blue); 3779 --f-normal-color: rgb(51, 51, 51); 3780 3781 --f-hot-color-tjock: var(--n-orange); 3782 --f-cold-color-tjock: var(--n-blue); 3783 --f-normal-color-tjock: rgb(200, 200, 200); 3784 3785 --f-link-color: rgb(0, 98, 157); 3786 --f-link-hover: rgb(0,50,90); 3787 3788 --f-prod-save-color: inherit; 3789 } 3790 3791 3792 /* GAMLA FÃÂRGER */ 3793 /* 3794 --f-hot-color: rgb(255, 69, 0); 3795 --f-cold-color: rgb(0, 191, 255); 3796 --f-normal-color: rgb(51, 51, 51); 3797 3798 --f-hot-color-tjock: rgb(220,26,0); 3799 --f-cold-color-tjock: rgb(0,163,220); 3800 --f-normal-color-tjock: rgb(200, 200, 200); 3801 3802 3803 */ 3804 3805 :root { 3806 --f-margin-left: auto; 3807 --f-margin-right: auto; 3808 --f-margins: 0px auto 0px auto; 3809 --f-margins-margins: 20px auto 20px auto; 3810 } 3811 3812 @media only screen and (min-width: 1340px) and (max-width: 1640px) { 3813 :root [data-premium='false'] { 3814 --f-margin-left: calc((100vw - 980px - 320px) / 2); 3815 --f-margin-right: calc((100vw - 980px - 320px) / 2 + 320px); 3816 --f-margins: 0px calc((100vw - 980px - 320px) / 2 + 320px) 0px calc((100vw - 980px - 320px) / 2) !important; 3817 --f-margins-margins: 20px calc((100vw - 980px - 320px) / 2 + 320px) 20px calc((100vw - 980px - 320px) / 2) !important; 3818 3819 } 3820 } 3821 @media only screen and (min-width: 1340px) and (max-width: 1640px) { 3822 :root { 3823 --f-margins-margins: 15px auto 15px auto; 3824 } 3825 } 3826 3827 3828 </style> 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 <style> 4089 4090 /* CMP */ 4091 4092 #qc-cmp2-ui { border-radius: 10px !important; margin: 0 15px; } 4093 4094 .qc-cmp2-summary-buttons button { box-shadow: none !important; border-radius: 5px !important; font-family; var(--f-suisse-semibold) !important; letter-spacing: 1px !important; text-transform: lowercase !important; } 4095 .qc-cmp2-summary-buttons button::first-letter { text-transform: uppercase !important; } 4096 .qc-cmp2-summary-buttons button[mode='primary'] { background-color: var(--f-hot-color) !important; width: auto !important; flex: 1 0 auto !important; } 4097 .qc-cmp2-summary-buttons button[mode='secondary'] { border-top-color: #aaa !important; border-bottom-color: #aaa !important; border-left-color: #aaa !important; border-right-color: #aaa !important; color: #333 !important; width: auto !important; flex: 0 0 auto !important; } 4098 .qc-cmp2-summary-buttons button[mode='secondary']:hover { background-color: rgba(0,0,0,0.05) !important; } 4099 #qc-cmp2-ui h2 { font-family: var(--f-suisse-semibold) !important; -webkit-font-smoothing: antialiased !important; } 4100 4101 .qc-cmp2-footer .qc-cmp2-summary-buttons button span { font-family: var(--f-suisse-semibold) !important; text-transform: lowercase !important; font-size: 16px !important; -webkit-font-smoothing: antialiased !important; } 4102 .qc-cmp2-footer .qc-cmp2-summary-buttons button span::first-letter { text-transform: uppercase !important; } 4103 4104 @media only screen and (max-width: 768px) { 4105 .qc-cmp2-summary-buttons button[mode='primary'] { flex: none !important; } 4106 .qc-cmp2-summary-buttons button[mode='secondary'] { flex: none !important; } 4107 } 4108 4109 4110 4111 /* Loadingstuff */ 4112 w8 { margin: 40px auto; width: 40px; height: 40px; position: relative; display: block; animation: sk-rotate 2.0s infinite linear; } 4113 4114 w8a, w8b { width: 60%; height: 60%; top: 0; border-radius: 100%; display: inline-block; position: absolute; 4115 animation: sk-bounce 2.0s infinite ease-in-out; background-color: var(--f-hot-color); } 4116 w8a { top: auto; bottom: 0;
4116 animation-delay: -1.0s; background-color: var(--f-cold-color); } 4117 body[data-site='tjock'] w8a { background-color: var(--f-cold-color-tjock); } 4118 body[data-site='tjock'] w8b { background-color: var(--f-hot-color-tjock); } 4119 4120 @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} 4121 @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); } 50% { transform: scale(1.0); } } 4122 4123 w8temp { display: block; width: 24px; height: 24px; margin: 7px auto; background-color: white; border-radius: 100%; 4124 animation: sk-scaleout 1.0s infinite ease-in-out; } 4125 4126 @keyframes sk-scaleout { 0% { transform: scale(0); } 100% { transform: scale(1.0); opacity: 0; }} 4127 4128 @media only screen and (max-width: 480px) { w8temp { width: 18px; height: 18px; margin: 7px auto; } } 4129 @media only screen and (max-width: 370px) { w8temp { width: 14px; height: 14px; margin: 6px auto; } } 4130 4131 4132 4133 /* next page */ 4134 f-nextpage-container { display: block; width: var(--f-article-width); margin: 20px auto; background-color: rgba(70,70,70); color: white; transition: all .3s ease-in-out; } 4135 4136 f-nextpage { 4137 display: block; margin: var(--f-margins-margins); padding: 0 var(--f-article-padding); 4138 width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding)); 4139 font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 4140 font-size: 20px; line-height: 44px; letter-spacing: -0.01em; font-weight: 300; text-align: right; 4141 background-color: var(--f-hot-color); color: white; 4142 } 4143 f-nextpage a { color: white; font-weight: normal; } 4144 4145 @media only screen and (min-width: 2000px) { 4146 f-nextpage-container { max-width: 980px; } 4147 } 4148 4149 4150 /* f-bar */ 4151 f-bar-container { display: block; width: var(--f-article-width); max-width: var(--f-article-maxwidth); margin: var(--f-margins-margins); background-color: rgba(70,70,70); color: white; } 4152 4153 body[data-site='tjock'] f-bar-container { background-color: rgba(255,255,255,0.5); } 4154 4155 f-bar { 4156 display: flex; margin: 0; padding: 0 var(--f-article-padding); 4157 max-width: var(--f-article-maxwidth); 4158 font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 4159 font-size: 20px; line-height: 44px; letter-spacing: -0.01em; font-weight: 300; 4160 color: white; 4161 } 4162 4163 body[data-site='tjock'] f-bar { color: #333; font-family: var(--f-lato-regular); text-transform: uppercase; font-size: 18px; } 4164 4165 f-bar-left { margin-right: auto; } 4166 f-bar-right { margin-left: auto; color: #bbb; } 4167 4168 f-bar-left:first-letter { text-transform: uppercase; } 4169 4170 @media only screen and (max-width: 480px) { 4171 f-bar { font-size: 18px; line-height: 40px; } 4172 } 4173 4174 4175 /* f-bar-options */ 4176 f-bar-optionscontainer { 4177 display: flex; width: 100%; max-width: 980px; margin: var(--f-margins-margins); 4178 background-color: rgba(255,255,255,0.05); color: white; } 4179 f-bar-optionscontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 4180 4181 f-bar-options { 4182 display: block; margin: 0; padding: 0 20px; max-width: 980px; flex-grow: 1; 4183 font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 4184 font-size: 15px; line-height: 16px; letter-spacing: -0.01em; font-weight: 300; 4185 color: #999; 4186 } 4187 4188 f-bar-options-item { 4189 display: block; 4190 float: left; 4191 padding: 12px 5px 10px 5px; 4192 margin-right: 12px; 4193 color: rgba(255,255,255,0.6); 4194 font-family: var(--f-suisse-regular); 4195 -webkit-font-smoothing: auto; 4196 cursor: pointer; 4197 transition: all .3s; 4198 border-bottom: 2px solid transparent; 4199 } 4200 4201 f-bar-options-item.on { 4202 color: #fff; border-bottom: 2px solid var(--f-hot-color); transition: all .3s; } 4203 4204 f-bar-options-item[data-selected="true"] { 4205 color: #fff; border-bottom: 2px solid var(--f-hot-color); transition: all .3s; } 4206 4207 4208 @media only screen and (min-width: 2000px) { 4209 f-bar-optionscontainer { max-width: 980px; } 4210 f-bar-options { padding: 0 var(--f-article-padding); } 4211 } 4212 4213 @media only screen and (max-width: 1020px) { 4214 f-bar-options { padding: 0 var(--f-article-padding); } 4215 } 4216 4217 4218 f-bar-optionscontainer f-switch { 4219 display: block; padding: 12px 20px 10px; 4220 } 4221 4222 4223 4224 /* Form-sidor */ 4225 f-form { 4226 display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); margin: var(--f-margins-margins); 4227 background-color: var(--f-article-background); padding: var(--f-article-padding); 4228 } 4229 f-form:after { content: "."; display: grid; height: 0; clear: both; visibility: hidden; } 4230 4231 f-form-header { 4232 display: block; padding: 0; font-family: var(--f-suisse-bold); font-size: 30px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; line-height: 30px; 4233 } 4234 4235 f-form-image { 4236 display: block; width: calc(100% + var(--f-article-padding) + var(--f-article-padding)); height: auto; 4237 margin: var(--f-article-padding) calc(var(--f-article-padding) - var(--f-article-padding) - var(--f-article-padding)); 4238 } 4239 f-form-image img { width: 100%; } 4240 4241 f-form-body { 4242 display: block; padding: 10px 0; font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; line-height: 20px; color: var(--f-article-text-color-shade); -webkit-font-smoothing: auto; 4243 } 4244 f-form-body a, f-form-body b { font-weight: 300; font-family: var(--f-suisse-semibold); } 4245 4246 4247 f-form input, f-form textarea { font-size: 18px; padding: 10px 15px; width: calc(100% - 40px); margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; } 4248 4249 f-form input:focus, f-form textarea:focus, f-form input:active, f-form textarea:active { 4250 outline: none; box-shadow: 0 0 17px rgba(0,0,0,0.10); border: 1px solid #e7e7e7; 4251 } 4252 4253 4254 4255 f-form input[type=submit] { 4256 cursor:pointer; padding:10px 15px; margin: 0; border-radius: 5px; border:0 none; width: auto; float: right; 4257 background-color: var(--f-article-button-background-active); color: white; 4258 font-size: 16px; line-height: 17px; 4259 } 4260 4261 f-form input[type=submit]:disabled { background-color: var(--f-article-button-background-inactive); color: #bbb; margin: 0; } 4262 4263 @media only screen and (max-width: 480px) { 4264 f-form-header { font-size: 22px; line-height: 22px; } 4265 f-form-body { font-size: 14px; line-height: 18px; } 4266 f-form input, f-form textarea { font-size: 14px; padding: 8px 10px; width: calc(100% - 20px); margin-bottom: 15px; border: 1px solid #ccc; } 4267 } 4268 4269 f-form .protip { 4270 background-color: #e7e7e7; padding: 10px 15px; width: calc(100% - 40px); margin-bottom: 15px 4271 } 4272 4273 4274 4275 /* Single page */ 4276 4277 f-singlepage { 4278 display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding) - 20px); margin: var(--f-margins-margins); 4279 background-color: var(--f-article-background); padding: calc(var(--f-article-padding) + 10px); 4280 } 4281 f-singlepage-header { 4282 display: block; padding: 0; font-family: var(--f-suisse-bold); font-size: 40px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; line-height: 50px; 4283 background-color: var(--f-article-background); 4284 } 4285 @media only screen and (max-width: 480px) { 4286 f-singlepage-header { font-size: 30px; line-height: 30px; } 4287 } 4288 4289 4290 /* Unwrapped */ 4291 4292 f-unwrappedimages { 4293 display: block; position: relative; aspect-ratio: 4/3; 4294 } 4295 f-unwrappedimages f-article-image { 4296 position: absolute; 4297 } 4298 f-unwrappedimages f-article-image img { 4299 object-fit: cover; 4300 } 4301 4302 f-basic[data-unwrapped="true"] { background-color: #333; color: #bbb; padding: var(--f-article-padding-wide); } 4303 4304 f-article[data-unwrapped="true"] f-article-header { background-color: #333; color: #bbb; } 4305 f-article[data-unwrapped="true"] f-article-headline b { color: #ddd; } 4306 4307 // f-article[data-unwrapped="true"] f-article-content { background-color: #333; } 4308 // f-article[data-unwrapped="true"] f-article-body { color: #bbb; } 4309 4310 f-article[data-unwrapped="true"] f-basic-container-thumbs { 4311 background-color: var(--f-article-background-inline); padding: var(--f-article-padding); margin: 0; 4312 } 4313 4314 // f-article[data-unwrapped="true"] f-article-footer { background: #444; } 4315 // f-article[data-unwrapped="true"] f-article-footer-writerinfo b { color: #ddd; } 4316 // f-article[data-unwrapped="true"] f-article-footer-writerinfo { color: #bbb; } 4317 4318 4319 </style> 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 <style> 4578 4579 f-panorama { 4580 display: block; overflow: hidden; z-index: 0 !important; margin: var(--f-margins-margins); 4581 width: 100%; max-width: none !important; 4582 } 4583 .maxetise { 4584 margin: 0px auto; display: flex; align-items: center; flex-direction: column; max-width: 980px; min-height: 300px; 4585 } 4586 .maxetise:not([data-placement*="desktop0"]):not([data-placement*="mobile0"]):not(:has(*)) { min-height: 300px; } 4587 4588 @media only screen and (max-width: 500px) { 4589 f-panorama { max-width: none !important; } 4590 .maxetise { max-width: none !important; 4591 display: flex; 4592 align-items: center; min-height: 320px; 4593 } 4594 .maxetise:not([data-placement*="desktop0"]):not([data-placement*="mobile0"]):not(:has(*)) { min-height: 320px; } 4595 } 4596 4597 @media only screen and (min-width: 1340px) and (max-width: 1640px) { 4598 f-panorama { max-width: 980px !important; } 4599 .adnm-html-interscroll-frame { width: 980px; } 4600 4601 f-panorama:has(.adnm-creative) { max-width: 100% !important; margin: auto; } 4602 .maxetise:has(.adnm-creative) { max-width: 100%; } 4603 .adnm-html-interscroll-frame-wrapper { margin-left: 0; } 4604 } 4605 4606 .maxetise-debug-row { 4607 padding-right: 16px !important; padding-left: 16px !important; width: calc(100% - 32px); 4608 } 4609 4610 4611 4612 body[data-premium="true"] f-panorama { display: none; } 4613 4614 4615 4616 #maxetiseFull { height: 0px; } 4617 4618 4619 #outsider, #outsiderLeft { 4620 display: none; 4621 } 4622 4623 @media only screen and (min-width: 1340px) { 4624 #outsider { display: block; position: fixed; bottom: 10px; right: 10px; } 4625 } 4626 4627 @media only screen and (min-width: 1640px) { 4628 #outsiderLeft { display: block; position: fixed; bottom: 10px; left: 10px; } 4629 } 4630 4631 #yodaContainer { } 4632 body[data-premium='true'] #yodaContainer { } 4633 body[data-premium='false'] #yodaContainer { } 4634 body[data-site='feber'] #yodaContainer { margin: 0 auto; } 4635 4636 @media only screen and (min-width: 1340px) and (max-width: 1640px) { 4637 body[data-premium='false'] #yodaContainer { margin-left: auto; margin-right: 320px; } 4638 } 4639 4640 </style> 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 <style> 4892 4893 @font-face { 4894 font-family: 'febericons'; 4895 font-style: normal; 4896 font-weight: normal; 4897 font-display: swap; 4898 src: url('/fonts/febericons.woff') format('woff'), 4899 url('/fonts/febericons.ttf') format('truetype'), 4900 url('/fonts/febericons.svg#febericons') format('svg'); 4901 } 4902 4903 @font-face { 4904 font-family: 'SuisseThin'; 4905 font-style: normal; 4906 font-weight: normal; 4907 font-display: swap;
4908 src: url('/fonts/SuisseIntl-Thin-WebS.woff2') format('woff2'), 4909 url('/fonts/SuisseIntl-Thin-WebS.woff') format('woff'), 4910 url('/fonts/SuisseIntl-Thin-WebS.ttf') format('truetype'), 4911 url('/fonts/SuisseIntl-Thin-WebS.svg#SuisseThin') format('svg'); 4912 } 4913 4914 @font-face { 4915 font-family: 'SuisseLight'; 4916 font-style: normal; 4917 font-weight: normal; 4918 font-display: swap; 4919 src: url('/fonts/SuisseIntl-Light-WebS.woff2') format('woff2'), 4920 url('/fonts/SuisseIntl-Light-WebS.woff') format('woff'), 4921 url('/fonts/SuisseIntl-Light-WebS.ttf') format('truetype'), 4922 url('/fonts/SuisseIntl-Light-WebS.svg#SuisseLight') format('svg'); 4923 } 4924 4925 @font-face { 4926 font-family: 'SuisseMedium'; 4927 font-style: normal; 4928 font-weight: normal; 4929 font-display: swap; 4930 src: url('/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'), 4931 url('/fonts/SuisseIntl-Medium-WebS.woff') format('woff'), 4932 url('/fonts/SuisseIntl-Medium-WebS.ttf') format('truetype'), 4933 url('/fonts/SuisseIntl-Medium-WebS.svg#SuisseMedium') format('svg'); 4934 } 4935 4936 @font-face { 4937 font-family: 'Open Sans'; 4938 font-style: normal; 4939 font-weight: normal; 4940 font-display: swap; 4941 src: url('/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'), 4942 url('/fonts/SuisseIntl-Medium-WebS.woff') format('woff'), 4943 url('/fonts/SuisseIntl-Medium-WebS.ttf') format('truetype'), 4944 url('/fonts/SuisseIntl-Medium-WebS.svg#OpenSans') format('svg'); /* ÃÂndra ankarnamnet */ 4945 } 4946 4947 4948 @font-face { 4949 font-family: 'SuisseRegular'; 4950 font-style: normal; 4951 font-weight: normal; 4952 font-display: swap; 4953 src: url('/fonts/SuisseIntl-Regular-WebS.woff2') format('woff2'), 4954 url('/fonts/SuisseIntl-Regular-WebS.woff') format('woff'), 4955 url('/fonts/SuisseIntl-Regular-WebS.ttf') format('truetype'), 4956 url('/fonts/SuisseIntl-Regular-WebS.svg#SuisseRegular') format('svg'); 4957 } 4958 4959 @font-face { 4960 font-family: 'SuisseRegularItalic'; 4961 font-style: italic; 4962 font-weight: normal; 4963 font-display: swap; 4964 src: url('/fonts/SuisseIntl-RegularItalic-WebS.woff2') format('woff2'), 4965 url('/fonts/SuisseIntl-RegularItalic-WebS.woff') format('woff'), 4966 url('/fonts/SuisseIntl-RegularItalic-WebS.ttf') format('truetype'), 4967 url('/fonts/SuisseIntl-RegularItalic-WebS.svg#SuisseRegularItalic') format('svg'); 4968 } 4969 4970 @font-face { 4971 font-family: 'SuisseBook'; 4972 font-style: normal; 4973 font-weight: normal; 4974 font-display: swap; 4975 src: url('/fonts/SuisseIntl-Book-WebS.woff2') format('woff2'), 4976 url('/fonts/SuisseIntl-Book-WebS.woff') format('woff'), 4977 url('/fonts/SuisseIntl-Book-WebS.ttf') format('truetype'), 4978 url('/fonts/SuisseIntl-Book-WebS.svg#SuisseBook') format('svg'); 4979 } 4980 4981 @font-face { 4982 font-family: 'SuisseSemiBold'; 4983 font-style: normal; 4984 font-weight: normal; 4985 font-display: swap; 4986 src: url('/fonts/SuisseIntl-SemiBold-WebS.woff2') format('woff2'), 4987 url('/fonts/SuisseIntl-SemiBold-WebS.woff') format('woff'), 4988 url('/fonts/SuisseIntl-SemiBold-WebS.ttf') format('truetype'), 4989 url('/fonts/SuisseIntl-SemiBold-WebS.svg#SuisseSemiBold') format('svg'); 4990 } 4991 4992 @font-face { 4993 font-family: 'SuisseBold'; 4994 font-style: normal; 4995 font-weight: normal; 4996 font-display: swap; 4997 src: url('/fonts/SuisseIntl-Bold-WebS.woff2') format('woff2'), 4998 url('/fonts/SuisseIntl-Bold-WebS.woff') format('woff'), 4999 url('/fonts/SuisseIntl-Bold-WebS.ttf') format('truetype'), 5000 url('/fonts/SuisseIntl-Bold-WebS.svg#SuisseBold') format('svg'); 5001 } 5002 5003 @font-face { 5004 font-family: 'SuisseNeueRegular'; 5005 font-style: normal; 5006 font-weight: normal; 5007 font-display: swap; 5008 src: url('/fonts/SuisseNeue-Regular-WebS.woff2') format('woff2'), 5009 url('/fonts/SuisseNeue-Regular-WebS.woff') format('woff'), 5010 url('/fonts/SuisseNeue-Regular-WebS.ttf') format('truetype'), 5011 url('/fonts/SuisseNeue-Regular-WebS.svg#SuisseNeueRegular') format('svg'); 5012 } 5013 5014 @font-face { 5015 font-family: 'LatoRegular'; 5016 font-style: normal; 5017 font-weight: normal; 5018 font-display: swap; 5019 src: url('/fonts/Lato-Regular.woff2') format('woff2'), 5020 url('/fonts/Lato-Regular.woff') format('woff'), 5021 url('/fonts/Lato-Regular.ttf') format('truetype'), 5022 url('/fonts/Lato-Regular.svg#LatoRegular') format('svg'); 5023 } 5024 5025 @font-face { 5026 font-family: 'LatoLight'; 5027 font-style: normal; 5028 font-weight: normal; 5029 font-display: swap; 5030 src: url('/fonts/Lato-Light.woff2') format('woff2'), 5031 url('/fonts/Lato-Light.woff') format('woff'), 5032 url('/fonts/Lato-Light.ttf') format('truetype'), 5033 url('/fonts/Lato-Light.svg#LatoLight') format('svg'); 5034 } 5035 5036 5037 :root { 5038 --f-suisse-thin: SuisseThin, sans-serif; 5039 --f-suisse-light: SuisseLight, sans-serif; 5040 --f-suisse-medium: SuisseMedium, sans-serif; 5041 --f-suisse-regular: SuisseRegular, sans-serif; 5042 --f-suisse-regular-italic: SuisseRegularItalic, sans-serif; 5043 --f-suisse-book: SuisseBook, sans-serif; 5044 --f-suisse-semibold: SuisseSemiBold, "Helvetica Neue Bold", "Arial Bold", sans-serif; 5045 --f-suisse-bold: SuisseBold, "Helvetica Neue Bold", "Arial Bold", sans-serif; 5046 5047 --f-suisse-neue-light: SuisseNeueLight, sans-serif; 5048 --f-suisse-neue-regular: SuisseNeueRegular, sans-serif; 5049 5050 --f-lato-light: LatoLight, sans-serif; 5051 --f-lato-regular: LatoRegular, sans-serif; 5052 } 5053 </style> 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 5191 5192 5193 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 5216 5217 5218 5219 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 <style> 5309 5310 /* PuffhÃÂ¥llare och slide */ 5311 f-featurepuff { display: block; margin: 0 auto 10px; max-width: 980px; } 5312 f-featured-track { display: block; aspect-ratio: 32 / 8; max-width: 980px; margin: var(--f-margins); } 5313 @media only screen and (max-width: 980px) { 5314 f-featured-track { aspect-ratio: 21 / 7; } 5315 } 5316 @media only screen and (max-width: 600px) { 5317 f-featured-track { aspect-ratio: 21 / 9; } 5318 } 5319 @media only screen and (max-width: 480px) { 5320 f-featured-track { aspect-ratio: 16 / 7; } 5321 } 5322 5323 f-featured-slider-progress { display: block; background: #ccc; max-width: 980px; margin: var(--f-margins); } 5324 f-featured-slider-progress-bar { display: block; background: orangered; height: 3px; transition: width 400ms ease; width: 0; } 5325 5326 5327 /* Själva puffen */ 5328 f-feature { background-size: cover; background-position: center; position: relative; display: block; aspect-ratio: 32 / 8; overflow: hidden; } 5329 5330 f-featured-item.is-active f-feature { animation: anim-zoom 7.0s ease-in; } 5331 5332 @keyframes anim-zoom { 5333 0% { background-size: 100%; } 5334 100% { background-size: 115%; } 5335 } 5336 5337 5338 @media only screen and (max-width: 980px) { 5339 f-feature { aspect-ratio: 21 / 7; } 5340 } 5341 5342 @media only screen and (max-width: 600px) { 5343 f-feature { aspect-ratio: 21 / 9; } 5344 } 5345 5346 @media only screen and (max-width: 480px) { 5347 f-feature { aspect-ratio: 16 / 7; } 5348 } 5349 5350 f-feature a { color: rgb(150,150,150); font-weight: 300; } 5351 5352 f-feature img { position: absolute; object-fit: cover; top: 50%; left: 50%; 5353 transform: translateX(-50%) translateY(-50%) scale(1.2); } 5354 5355 f-featured-item.is-active f-feature img { position: absolute; animation: anim-imgzoom 7.0s ease-in; } 5356 5357 5358 5359 @keyframes anim-imgzoom { 5360 0% { position: absolute; object-fit: cover; top: 50%; left: 50%; 5361 transform: translateX(-50%) translateY(-50%) scale(1.0); } 5362 100% { position: absolute; object-fit: cover; top: 50%; left: 50%; 5363 transform: translateX(-50%) translateY(-50%) scale(1.2); } 5364 } 5365 5366 f-feature-header { 5367 padding: 30px 32px 0px 32px; margin: 0px; width: calc(100% - 64px); height:calc(100% - 30px); position: relative; 5368 font-size: 26px; line-height: 28px; display: inline-block; font-family: var(--f-suisse-light); font-weight: 300; -webkit-font-smoothing: auto; 5369 background-size: contain; background-repeat: no-repeat; background: linear-gradient( 5370 357deg, 5371 hsla(0, 0%, 0%, 0) 15%, 5372 hsla(0, 0%, 0%, 0.2) 30%, 5373 hsla(0, 0%, 0%, 0.4) 40%, 5374 hsla(0, 0%, 0%, 0.6) 50%, 5375 hsla(0, 0%, 0%, 0.7) 60%, 5376 hsla(0, 0%, 0%, 0.8) 80% 5377 ); 5378 } 5379 f-feature[data-theme='light'] f-feature-header { background: linear-gradient( 5380 357deg, 5381 hsla(0, 0%, 100%, 0.2) 15%, 5382 hsla(0, 0%, 100%, 0.3) 30%, 5383 hsla(0, 0%, 100%, 0.5) 40%, 5384 hsla(0, 0%, 100%, 0.75) 50%, 5385 hsla(0, 0%, 100%, 0.85) 60%, 5386 hsla(0, 0%, 100%, 0.85) 80% 5387 ); 5388 } 5389 5390 5391 f-feature-header b { 5392 font-family: var(--f-suisse-bold); font-weight: 300; color: rgba(240, 240, 240, 1); -webkit-font-smoothing: antialiased; } 5393 f-feature[data-theme='light'] f-feature-header b { color: rgba(30, 30, 30, 1); } 5394 f-feature[data-theme='light'] f-feature a { color: rgba(70, 70, 70, 1); } 5395 5396 @media only screen and (max-width: 480px) { 5397 f-feature-header { margin: 0px; padding: 20px 20px 130px 20px; font-size: 18px; line-height: 19px; width: calc(100% - 40px); } 5398 } 5399 5400 f-feature-tagline { position: absolute; right: 15px; bottom: 10px; } 5401 5402 f-feature-tagline .temp { 5403 float: right; padding: 5px 6px; margin-left: 6px; background: #333; cursor: default; 5404 font-family: var(--f-suisse-regular); font-size: 14px; line-height: 14px; text-align: center; color: #fff; text-decoration: none; text-transform: none; 5405 -webkit-font-smoothing: antialiased; letter-spacing: -0.02em; 5406 } 5407 5408 f-feature[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); } 5409 f-feature[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); } 5410 5411 5412 f-feature-tagline f-bubble { 5413 float: right; margin: 0; padding: 5px 8px; min-width: 8px; cursor: pointer; background: #333; 5414 font-family: var(--f-suisse-regular); font-size: 14px; line-height: 14px; text-align: center; color: #fff; text-decoration: none; text-transform: none; 5415 -webkit-font-smoothing: antialiased; letter-spacing: -0.02em; border: none; 5416 } 5417 5418 f-feature-tagline f-bubble::after { 5419 position: absolute; content: ' '; display: block; padding: 0px; margin-top: 5px; margin-right: 0px; margin-left: -3px; 5420 background-color: none;border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; 5421 } 5422 5423 5424 f-feature .featureAdstripe { background-color: rgb(5, 101, 156); padding: 6px 8px; font-family: var(--f-suisse-regular); color: white; } 5425 5426 5427 </style> 5428 5429 5430 5431 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 5472 5473 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593 5594 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 5607 5608 5609 5610 5611 5612 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 <style> 5680 f-basic { display: grid; max-width: calc(980px - var(--f-article-padding-wide) - var(--f-article-padding-wide)); 5681 padding: 0; margin: var(--f-article-padding-wide) auto; 5682 background-color: var(--f-article-background); 5683 grid-template-columns: auto minmax(10px,260px); 5684 grid-template-rows: auto 1fr; 5685 grid-template-areas: 5686 "basicheader basicmedia" 5687 "basicbody basicmedia"; 5688 } 5689 5690 f-basic[data-feature="true"] { background-color: #333; color: #bbb; padding: var(--f-article-padding-wide); } 5691 f-basic-container-thumbs f-basic[data-feature="true"] { padding: 0; } 5692 f-internallinks f-basic[data-feature="true"] { padding: 0; } 5693 5694 f-basic-media { display: grid; grid-area: basicmedia; aspect-ratio: 21 / 9; width: 100%; height: 100%; } 5695 @media only screen and (max-width: 480px) { f-basic-media { aspect-ratio: 1 / 1; } } 5696 f-basic-mediawrapper { display: grid; position: relative; } 5697 f-basic-mediawrapper img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; border-radius: 0px; aspect-ratio: 21 / 9; } 5698 f-basic-mediawrapper footer.TaglineLight { 5699 margin: 0; padding: 5px; 5700 left: 0px; bottom: 0px; right: 0px;
5701 width: calc(100% - 10px); 5702 position: absolute; 5703 background-color: rgba(255,255,255,0.2); 5704 } 5705 5706 f-basic-mediawrapper footer.TaglineLight .writer_icon, f-basic-mediawrapper footer.TaglineLight .tempUP, f-basic-mediawrapper footer.TaglineLight .tempDOWN { display: none; } 5707 5708 f-basic-text { padding: 15px 20px; } 5709 5710 5711 5712 f-basic-header { 5713 display: block; padding: 0; margin: 0 10px 5px 0; grid-area: basicheader; 5714 font-family: var(--f-suisse-regular); font-size: 20px; line-height: 21px; font-weight: 300; 5715 color: var(--f-article-text-color-shade-deluxe); 5716 -webkit-font-smoothing: antialiased; 5717 5718 } 5719 @media only screen and (max-width: 800px) { f-basic-header { font-size: 15px; line-height: 17px; } } 5720 @media only screen and (max-width: 480px) { f-basic-header { font-size: 13px; line-height: 15px; font-family: var(--f-suisse-regular); } } 5721 5722 f-basic-container-thumbs f-basic-header, f-internallinks f-basic-header { 5723 font-size: 13px; line-height: 15px; padding: 10px 12px 15px 12px; margin: 0; 5724 } 5725 5726 f-basic[data-basicsite='tjock'] f-basic-header { 5727 /* font-family: var(--f-lato-regular); font-size: 18px; letter-spacing: -0.02em; */ 5728 } 5729 f-basic[data-basicsite='tjock'] f-basic-header b { 5730 /* font-family: var(--f-lato-regular); */ 5731 } 5732 5733 f-basic-container-thumbs f-basic[data-basicsite='tjock'] f-basic-header { 5734 /* font-size: 12px; text-transform: uppercase; */ 5735 } 5736 5737 @media only screen and (max-width: 800px) { f-basic[data-basicsite='tjock'] f-basic-header { font-size: 15px; line-height: 17px; } } 5738 @media only screen and (max-width: 480px) { f-basic[data-basicsite='tjock'] f-basic-header { font-size: 13px; line-height: 15px; } } 5739 5740 f-basic-headline { display: block; } 5741 f-basic-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); } 5742 f-basic[data-feature="true"] f-basic-headline b { color: white; } 5743 5744 f-basic-preamble { display: block; } 5745 f-basic[data-tempstatus='hot'] f-basic-preamble { color: var(--f-hot-color); } 5746 f-basic[data-tempstatus='cold'] f-basic-preamble { color: var(--f-cold-color); } 5747 f-basic[data-tempstatus='hot'][data-basicsite='tjock'] f-basic-preamble { color: var(--f-hot-color-tjock); } 5748 f-basic[data-tempstatus='cold'][data-basicsite='tjock'] f-basic-preamble { color: var(--f-cold-color-tjock); } 5749 5750 /* 5751 f-basic[data-tempstatus='normal'] f-basic-header { border-top: 3px solid var(--f-article-background-inline-hover); } 5752 f-basic[data-tempstatus='hot'] f-basic-header { border-top: 3px solid var(--f-hot-color); } 5753 f-basic[data-tempstatus='cold'] f-basic-header { border-top: 3px solid var(--f-cold-color); } 5754 f-basic[data-caturl='native'] f-basic-header { border-top: 0px; }*/ 5755 5756 5757 5758 5759 f-basic-body { 5760 grid-area: basicbody; 5761 display: -webkit-box; 5762 margin: 0 20px 0 0; 5763 -webkit-line-clamp: 3; 5764 -webkit-box-orient: vertical; 5765 overflow: hidden; 5766 font-family: var(--f-suisse-regular); 5767 font-weight: normal; 5768 font-size: 14px; 5769 line-height: 18px; 5770 color: var(--f-article-text-color-shade); 5771 -webkit-font-smoothing: auto; 5772 max-height: 56px; 5773 } 5774 f-basic-body a { color: inherit; font-weight: normal; } 5775 5776 f-basic[data-feature="true"] f-basic-body { color: rgba(255, 255, 255, 0.7); } 5777 f-basic[data-feature="true"] f-basic-body a { color: inherit; } 5778 5779 5780 5781 f-basic-textline { 5782 display: inline; 5783 grid-area: basictextline; 5784 color: rgb(130,130,130); 5785 font-size: 11px; 5786 line-height: 11px; 5787 margin-top: 8px; 5788 } 5789 5790 f-basic-textline a { 5791 color: var(--f-link-color); 5792 display: inline; 5793 } 5794 5795 f-basic-textline a:hover { 5796 color: var(--f-link-hover); 5797 } 5798 5799 f-basic-textline b { 5800 font-family: SuisseSemiBold; 5801 font-weight: 300; 5802 5803 } 5804 5805 f-basic-tagline { position: absolute; right: 0px; bottom: 0px; -webkit-font-smoothing: antialiased; letter-spacing: -0.02em; 5806 padding: 40px 7px 5px 40px; background: linear-gradient( 5807 158deg, 5808 hsla(100, 100%, 100%, 0) 50%, 5809 hsla(100, 100%, 100%, 0.2) 60%, 5810 hsla(100, 100%, 100%, 0.3) 70%, 5811 hsla(100, 100%, 100%, 0.4) 80%, 5812 hsla(100, 100%, 100%, 0.4) 90%, 5813 hsla(100, 100%, 100%, 0.4) 100% 5814 ); 5815 } 5816 5817 f-basic-tagline .temp { 5818 float: right; padding: 4px 5px; margin-left: 3px; background: #333; cursor: default; 5819 font-family: var(--f-suisse-regular); font-size: 12px; line-height: 12px; text-align: center; color: #fff; text-decoration: none; text-transform: none; 5820 } 5821 5822 f-basic[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); } 5823 f-basic[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); } 5824 5825 f-basic-tagline f-bubble { 5826 float: right; margin: 0; padding: 4px 6px; min-width: 8px; cursor: pointer; background: #333; 5827 font-family: var(--f-suisse-regular); font-size: 12px; line-height: 12px; text-align: center; color: #fff; text-decoration: none; text-transform: none; border: none; -webkit-font-smoothing: antialiased; 5828 } 5829 5830 f-basic-tagline f-bubble::after { 5831 position: absolute; content: ' '; display: block; padding: 0px; margin-top: 4px; margin-right: 0px; margin-left: -3px; 5832 background-color: none;border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; 5833 } 5834 5835 f-basic-tagline a { font-weight: 300; } 5836 5837 @media only screen and (max-width: 480px) { 5838 5839 f-basic-container f-basic { margin: 20px auto; 5840 grid-template-areas: 5841 "basicheader basicmedia" 5842 "basicbody basicmedia"; } 5843 5844 f-basic-text { padding: 12px 15px; } 5845 5846 f-basic header { padding: 0; margin: 0 10px 8px 0; } 5847 f-basic header, f-basic header.Main { padding: 0; margin: 0 10px 8px 0; } 5848 5849 f-basic header.Main h1, f-basic header.Main.tjock h1, f-basic header.Main.tjock h1 b { font-size: 14px; line-height: 14px; } 5850 5851 f-basic-body { 5852 -webkit-line-clamp: 3; 5853 font-size: 12px; 5854 line-height: 15px; 5855 margin: 0 10px 0 0; 5856 max-height: 45px; 5857 } 5858 5859 f-basic-media { aspect-ratio: 10 / 7; } 5860 } 5861 5862 f-basic-container { 5863 display: block; max-width: calc(980px - var(--f-article-padding-wide) - var(--f-article-padding-wide)); 5864 margin: 0px var(--f-margin-right) var(--f-article-padding) var(--f-margin-left); 5865 background-color: var(--f-article-background); 5866 padding: var(--f-article-padding-wide); 5867 } 5868 5869 f-basic-container f-basic { 5870 margin-bottom: 8px; 5871 } 5872 5873 f-basic-container f-basic:first-child { 5874 margin-top: 0; 5875 } 5876 f-basic-container f-basic:last-child { 5877 margin-bottom: 0; 5878 } 5879 5880 5881 5882 /* F-BASIC THUMBS */ 5883 5884 f-basic-container-thumbs { 5885 width: 100%; max-width: 980px; margin: var(--f-margins-margins); 5886 display: grid; grid-gap: 10px; 5887 grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); 5888 grid-auto-rows: minmax(min-content, max-content); 5889 } 5890 5891 f-basic-container-thumbs f-basic { 5892 width: 100%; 5893 border-top-width: 2px !important; 5894 grid-template-columns: auto; 5895 grid-template-rows: minmax(1fr, auto); 5896 grid-template-areas: "basicmedia" "basicheader"; 5897 margin: 0; 5898 padding: 0; 5899 } 5900 5901 @media only screen and (min-width: 600px) { 5902 5903 f-basic-container-thumbs f-basic[data-feature="true"], 5904 f-basic-container-thumbs f-basic[data-50plus="true"] { 5905 grid-column: span 2;
5905 grid-row: span 2; 5906 } 5907 5908 f-basic-container-thumbs f-basic[data-feature="true"] f-basic-header, f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-header { 5909 font-size: 20px; line-height: 21px; padding: 15px 17px 20px 17px; 5910 } 5911 f-basic-container-thumbs f-basic[data-feature="true"] f-basic-media, f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-media { 5912 aspect-ratio: 21 / 11; 5913 } 5914 5915 5916 f-article-content f-basic-container-thumbs f-basic[data-feature="true"], 5917 f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] { 5918 grid-column: span 1; grid-row: span 1; 5919 } 5920 f-article-content f-basic-container-thumbs f-basic[data-feature="true"] f-basic-header, 5921 f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-header { 5922 font-size: 13px; line-height: 15px; padding: 10px 12px 15px 12px; 5923 } 5924 f-article-content f-basic-container-thumbs f-basic[data-feature="true"] f-basic-media, 5925 f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-media { 5926 aspect-ratio: 21 / 9; 5927 } 5928 } 5929 5930 5931 5932 5933 f-basic-container-thumbs f-basic-media { 5934 padding: 0px; 5935 } 5936 @media only screen and (max-width: 480px) { f-basic-container-thumbs f-basic-media { aspect-ratio: 21 / 9; } } 5937 5938 f-basic-container-thumbs f-basic-mediawrapper img { 5939 border-radius: 0px; height: 100%; position: absolute; 5940 } 5941 5942 5943 f-basic-container-thumbs f-basic header.Main { 5944 padding: 10px 12px 15px 12px; 5945 margin: 0; 5946 background-color: var(--f-article-background); 5947 } 5948 5949 f-basic-container-thumbs f-basic header.Main.tjock { 5950 padding: 10px 12px 15px 12px; 5951 margin: 0; 5952 background-color: var(--f-article-background); 5953 text-align: center; 5954 } 5955 5956 f-basic-container-thumbs f-basic header.Main h1 { 5957 font-size: 13px; line-height: 15px; font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 5958 } 5959 5960 f-basic-container-thumbs f-basic header.Main.tjock h1, f-basic-container-thumbs f-basic header.Main.tjock h1 b { 5961 font-size: 12px; 5962 line-height: 14px; 5963 text-transform: uppercase; 5964 font-family: LatoRegular; 5965 } 5966 5967 f-basic-container-thumbs f-basic-body { 5968 display: none; 5969 } 5970 5971 5972 f-internallinks { display: grid; } 5973 f-internallinks-track, f-internallinks-list { display: block; } 5974 f-internallinks-item { display: flex; } 5975 5976 f-internallinks { margin: 20px var(--f-article-padding); max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); } 5977 5978 f-internallinks f-basic { 5979 width: calc(100% - 0px); padding: 0px; margin: 0; 5980 background-color: var(--f-article-background-inline); 5981 border-top-width: 2px !important; 5982 grid-template-columns: 1fr 45%; 5983 grid-template-rows: auto; 5984 grid-template-areas: "basicheader basicmedia"; 5985 } 5986 [data-darkmode='on'] f-internallinks f-basic { background-color: var(--f-article-background-inline);} 5987 5988 f-internallinks f-basic.feature { background-color: var(--f-article-background-invert); } 5989 5990 5991 f-internallinks f-basic-body { display: none; } 5992 f-internallinks f-basic-media { padding: 0px; } 5993 f-internallinks f-basic-mediawrapper { aspect-ratio: 9 / 8; } 5994 f-internallinks f-basic-mediawrapper img { height: 100%; position: absolute; } 5995 5996 5997 5998 f-inlinetjock, f-inlinetjock-track, f-inlinetjock-list { display: block; } 5999 6000 f-inlinetjock { width: 100%; 6001 background-color: #444444; 6002 padding: 20px 0; } 6003 6004 f-inlinetjock f-basic-container-thumbs f-basic { height: 100%; } 6005 6006 6007 </style> 6008 6009 6010 6011 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212<style> 6213 /* Plusknapp pÃÂ¥ thumbnail-sidan */ 6214 f-basic { position: relative; } 6215 f-basic > .f-reading-list-add { 6216 position: absolute; z-index: 5; top: 0; right: 0; 6217 width: 40px; height: 40px; padding: 0; border: 0; border-radius: 0; 6218 background: #444; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%); 6219 font: 22px/1 Arial, sans-serif; cursor: pointer; transition: background .15s; 6220 } 6221 f-basic > .f-reading-list-add span { position: absolute; top: 1px; right: 5px; } 6222 6223 /* Plusknapp pÃÂ¥ list-sidan */ 6224 f-letterbox-tagline > .f-reading-list-add { 6225 display: grid; place-items: center; flex: 0 0 23px; 6226 width: 23px; height: 23px; padding: 0; border: 0; border-radius: 0; 6227 background: #444; color: #fff; font: 18px/1 Arial, sans-serif; 6228 cursor: pointer; transition: background .15s; 6229 } 6230 f-letterbox-tagline > .f-reading-list-add span { display: block; transform: translateY(-1px); } 6231 6232 /* Plusknapp i topp-listan pÃÂ¥ startsidan */ 6233 #topscroll2025-container f-internallink { position: relative; } 6234 #topscroll2025-container f-internallink > .f-reading-list-add { 6235 position: absolute; z-index: 5; top: 0; right: 0; 6236 width: 40px; height: 40px; padding: 0; border: 0; border-radius: 0; 6237 background: #444; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%); 6238 font: 22px/1 Arial, sans-serif; cursor: pointer; transition: background .15s; 6239 } 6240 #topscroll2025-container f-internallink > .f-reading-list-add span { position: absolute; top: 1px; right: 5px; } 6241 #topscroll2025-container f-internallink > .f-reading-list-add:hover, 6242 #topscroll2025-container f-internallink > .f-reading-list-add[aria-pressed="true"] { background: var(--f-hot-color); } 6243 .f-reading-list-add:hover, 6244 .f-reading-list-add[aria-pressed="true"] { background: var(--f-hot-color); } 6245 6246 /* Byggaren pÃÂ¥ thumbnail- och list-sidorna */ 6247 f-reading-list-builder { 6248 display: none; position: fixed; z-index: 10000; left: 50%; bottom: 18px; 6249 transform: translateX(-50%); width: min(620px, calc(100% - 24px)); box-sizing: border-box; 6250 align-items: center; gap: 12px; padding: 12px 14px; background: #fff; color: #222; 6251 border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35); 6252 font-family: var(--f-suisse-semibold); font-weight: 300; -webkit-font-smoothing: antialiased; 6253 } 6254 f-reading-list-builder[data-visible="true"] { display: flex; } 6255 f-reading-list-builder[data-empty="true"] #f-reading-list-clear, 6256 f-reading-list-builder[data-empty="true"] #f-reading-list-toggle, 6257 f-reading-list-builder[data-empty="true"] #f-reading-list-start { display: none; } 6258 f-reading-list-builder strong { font-family: var(--f-suisse-semibold); font-weight: 300; } 6259 f-reading-list-builder small { display: block; margin-top: 0; color: #666; } 6260 f-reading-list-copy { display: block; flex: 1; min-width: 0; } 6261 #f-reading-list-help { font-family: var(--f-suisse-regular); font-weight: 300; } 6262 f-reading-list-builder button { border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-family: var(--f-suisse-semibold); font-size: 13px; font-weight: 300; } 6263 #f-reading-list-clear { display: block; width: auto; margin: 8px auto 0; background: #444; color: #fff; text-align: center; } 6264 #f-reading-list-toggle { background: #444; color: #fff; white-space: nowrap; } 6265 #f-reading-list-start { margin-top: 0; background: #ee4f0c; color: #fff; white-space: nowrap; } 6266 #f-reading-list-dismiss { display: grid; place-items: center; flex: 0 0 auto; width: 28px; height: 28px; margin-left: auto; padding: 0; background: transparent; color: #777; border-radius: 0; font: 22px/1 Arial, sans-serif; } 6267 #f-reading-list-dismiss:hover { color: #222; } 6268 f-reading-list-builder[data-empty="false"] #f-reading-list-dismiss { display: none; } 6269 f-reading-list-list { 6270 display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); 6271 max-height: min(60vh, 520px); overflow-y: auto; padding: 8px; 6272 background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35); 6273 } 6274 f-reading-list-list[data-visible="true"], f-reading-list-items { display: block; } 6275 f-reading-list-item { display: flex; align-items: center; gap: 10px; padding: 8px; } 6276 f-reading-list-item + f-reading-list-item { border-top: 1px solid #ddd; } 6277 f-reading-list-item:last-child { border-bottom: 1px solid #ddd; } 6278 f-reading-list-item img { width: 52px; height: 42px; flex: 0 0 auto; border-radius: 6px; object-fit: cover; background: #444; } 6279 f-reading-list-item-copy { display: block; min-width: 0; flex: 1; } 6280 f-reading-list-item-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-suisse-bold); font-weight: 300; } 6281 f-reading-list-item-copy small { display: block; margin-top: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-family: var(--f-suisse-regular); font-weight: 300; } 6282 f-reading-list-item-copy[data-tempstatus="cold"] small { color: var(--f-cold-color); } 6283 f-reading-list-item-copy[data-tempstatus="hot"] small { color: var(--f-hot-color); } 6284 f-reading-list-builder .f-reading-list-remove { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; margin-left: auto; padding: 0; background: transparent; color: #888; } 6285 f-reading-list-builder .f-reading-list-remove:hover { color: #555; } 6286 f-reading-list-builder .f-reading-list-remove svg { display: block; width: 18px; height: 18px; fill: currentColor; } 6287 6288 /* Artikelbar och dess utfällda lista */ 6289 f-reading-queue { 6290 display: none; position: fixed; z-index: 10000; left: 50%; bottom: 18px; 6291 transform: translateX(-50%); width: min(680px, calc(100% - 24px)); box-sizing: border-box; 6292 align-items: center; gap: 12px; padding: 12px 14px; background: #333; color: #fff; 6293 border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35); 6294 font-family: var(--f-suisse-semibold); font-weight: 300; -webkit-font-smoothing: antialiased; 6295 } 6296 f-reading-queue[data-visible="true"] { display: flex; } 6297 f-reading-queue img { width: 52px; height: 42px; flex: 0 0 auto; border-radius: 6px; object-fit: cover; background: #444; } 6298 f-reading-queue-preview { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; border-radius: 8px; } 6299 f-reading-queue-preview[data-active="true"] { cursor: pointer; } 6300 f-reading-queue-preview[data-active="true"]:hover strong { text-decoration: underline; } 6301 f-reading-queue-preview:focus-visible { outline: 2px solid #fff; outline-offset: 4px; } 6302 f-reading-queue-copy { display: block; flex: 1; min-width: 0; } 6303 f-reading-queue strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-suisse-semibold); font-weight: 300; } 6304 f-reading-queue small { display: block; margin-top: 0; color: #666; } 6305 f-reading-queue-preview strong { font-family: var(--f-suisse-bold); font-weight: 300; } 6306 #f-reading-queue-status { color: #bbb; font-family: var(--f-suisse-regular); font-weight: 300; } 6307 f-reading-queue button { border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-family: var(--f-suisse-semibold); font-size: 13px; font-weight: 300; } 6308 #f-reading-queue-clear { display: block; width: auto; margin: 8px auto 0; background: #444; color: #fff; } 6309 #f-reading-queue-toggle { background: #444; color: #fff; white-space: nowrap; } 6310 #f-reading-queue-next { background: #ee4f0c; color: #fff; white-space: nowrap; } 6311 #f-reading-queue-more { display: none; background: #444; color: #fff; white-space: nowrap; } 6312 f-reading-queue-list { 6313 display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); 6314 max-height: min(60vh, 520px); overflow-y: auto; padding: 8px; 6315 background: #fff; color: #222; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35); 6316 } 6317 f-reading-queue-list[data-visible="true"], f-reading-queue-items { display: block; } 6318 f-reading-queue-item { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; } 6319 f-reading-queue-item + f-reading-queue-item { border-top: 1px solid #ddd; } 6320 f-reading-queue-item[data-current="true"] { color: #777; } 6321 f-reading-queue-item img { width: 52px; height: 42px; } 6322 f-reading-queue-item-copy { display: block; min-width: 0; flex: 1; } 6323 f-reading-queue-item-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 6324 f-reading-queue-item-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-family: var(--f-suisse-regular); font-weight: 300; } 6325 f-reading-queue-item-copy[data-tempstatus="cold"] small { color: var(--f-cold-color); } 6326 f-reading-queue-item-copy[data-tempstatus="hot"] small { color: var(--f-hot-color); } 6327 f-reading-queue-item-meta { display: flex; align-items: center; gap: 10px; margin-left: auto; } 6328 f-reading-queue-item em { color: #777; font-size: 12px; font-style: normal; white-space: nowrap; } 6329 f-reading-queue .f-reading-queue-read { background: #ee4f0c; color: #fff; white-space: nowrap; } 6330 6331 @media only screen and (max-width: 500px) { 6332 f-letterbox-tagline > .f-reading-list-add { flex-basis: 19px; width: 19px; height: 19px; font-size: 16px; } 6333 f-reading-list-builder,
6334 f-reading-queue { left: 8px; right: 8px; bottom: 8px; width: auto; transform: none; flex-wrap: wrap; gap: 8px; padding: 10px; } 6335 f-reading-list-copy { flex: 1 1 auto; overflow: hidden; } 6336 f-reading-list-builder strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 6337 f-reading-list-builder small { display: none; } 6338 f-reading-list-builder f-reading-list-item-copy small, 6339 f-reading-list-builder[data-empty="true"] small { display: block; } 6340 f-reading-list-builder[data-empty="true"] strong { white-space: normal; } 6341 f-reading-list-builder button, 6342 f-reading-queue button { flex: 0 0 auto; padding: 6px 10px; font-size: 13px; } 6343 f-reading-list-builder .f-reading-list-remove { flex: 0 0 28px; padding: 0; } 6344 #f-reading-list-toggle, 6345 #f-reading-queue-toggle { margin-left: auto; } 6346 f-reading-queue-preview { flex: 1 0 100%; overflow: hidden; } 6347 f-reading-queue img { display: none; } 6348 f-reading-queue-item img { display: block; } 6349 } 6350</style> 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 6404 6405 6406 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 6447 6448 6449 6450 6451 6452 6453 6454 6455 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 6541 6542 6543 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 <style> 6661 6662 f-snippet { 6663 display: block; 6664 width: 100%; max-width: 980px; padding: 0; margin: var(--f-margins); 6665 background: var(--f-article-background); color: var(--f-article-text-color-shade); 6666 font-size: 15px; font-family: var(--f-suisse-neue-regular); line-height: 22px; -webkit-font-smoothing: antialiased; 6667 } 6668 6669 f-snippet[data-temp='normal'] f-snippet-content { border-left: 3px solid #777; } 6670 f-snippet[data-temp='hot'] f-snippet-content { border-left: 3px solid var(--f-hot-color); } 6671 f-snippet[data-temp='cold'] f-snippet-content { border-left: 3px solid var(--f-cold-color); } 6672 6673 6674 f-snippet-content { 6675 display: block; padding: var(--f-article-padding); 6676 } 6677 6678 f-snippet-headline { 6679 font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); 6680 } 6681 6682 f-snippet-link a { 6683 font-weight: 300; font-family: var(--f-suisse-semibold); color: var(--f-article-link-color); 6684 border-bottom: 1px solid var(--f-article-border-color) !important; 6685 } 6686 6687 f-snippet f-article-disqus { 6688 background: var(--f-article-background); 6689 } 6690 6691 6692 f-snippet f-article-footer { height: 28px; margin: var(--f-margins) 0 !important; background: rgb(25,25,25); width: calc(100% - 28px); max-width: calc(980px - 28px); padding: 14px; } 6693 f-snippet f-article-footer-plus, f-snippet f-article-footer-minus, f-snippet f-article-footer-plus svg, f-snippet f-article-footer-minus svg { height: 28px; width: 28px; } 6694 6695 f-snippet f-article-footer-minus { margin-left: 10px; } 6696 f-snippet f-article-footer .temp, f-snippet f-article-footer f-article-temp { padding: 0 8px; font-size: 18px; line-height: 26px; -webkit-font-smoothing: auto; } 6697 f-snippet f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 12px); } 6698 f-snippet f-article-footer f-bubble::after { 6699 margin-top: 0px; margin-right: 0px; margin-left: -2px; 6700 border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; 6701 } 6702 f-snippet f-article-footer .arrow { margin-top: 9px; } 6703 f-snippet f-article-footer .writer_icon { width: 28px; height: 28px; } 6704 f-snippet f-article-footer-writerinfo { font-size: 9px; padding: 4px 0 0 2px; line-height: 11px; color: rgb(120, 125, 130); } 6705 f-snippet f-article-footer-writerinfo b { color: rgb(180, 185, 190); } 6706 f-snippet f-article-error { margin: 0; } 6707 f-snippet w8temp { width: 14px; height: 14px; margin: 6px auto; } 6708 6709 </style> 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 6789 6790 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874 6875 6876 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 6911 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 6942 <style> 6943 f-letterbox-container f-bar-container { margin: 0; } 6944 6945 f-letterbox-options { 6946 display: flex; background: var(--f-article-background-inline); width: 100%; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); 6947 padding: 13px var(--f-article-padding); margin: 0; gap: 20px; 6948 border-top: var(--f-article-padding) solid var(--f-article-background); border-bottom: 0px solid rgba(0,0,0,0.08); 6949 font-size: 12px; line-height: 18px; 6950 color: var(--f-article-text-color); 6951 } 6952 6953 f-letterbox-container { 6954 display: block; width: 100%; max-width: calc(980px); 6955 margin: 0px var(--f-margin-right) 0 var(--f-margin-left); padding: 0; 6956 background-color: var(--f-article-background); 6957 } 6958 6959 f-letterbox { 6960 display: grid; 6961 grid-template-areas: "letterboxImage letterboxHeader letterboxTagline"; 6962 grid-template-rows: 1fr; 6963 grid-template-columns: 120px 1fr auto; 6964 gap: 0; 6965 align-items: center; 6966 width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 6967 margin: var(--f-article-padding-thin) var(--f-article-padding); 6968 padding: 0 0 var(--f-article-padding-thin) 0; 6969 -webkit-font-smoothing: antialiased; 6970 border-bottom: 1px solid rgba(0,0,0,0.08); 6971 } 6972 6973 f-letterbox[data-showbody='true'] { 6974 grid-template-areas: "letterboxImage letterboxHeader letterboxTagline" 6975 "letterboxImage letterboxBody letterboxBody"; 6976 grid-template-rows: 1fr auto; 6977 grid-template-columns: 200px 1fr auto; 6978 } 6979 6980 @media only screen and (max-width: 600px) { 6981 f-letterbox { 6982 grid-template-columns: 90px 1fr auto; 6983 } 6984 f-letterbox[data-showbody='true'] { 6985 grid-template-areas: "letterboxImage letterboxHeader " 6986 "letterboxImage letterboxBody " 6987 "letterboxImage letterboxTagline "; 6988 grid-template-rows: 1fr auto; 6989 grid-template-columns: 150px 1fr auto; 6990 } 6991 } 6992 6993 f-letterbox + f-bar-container { margin-top: calc(var(--f-article-padding-thin) - var(--f-article-padding) - var(--f-article-padding)); border-top: var(--f-article-padding-thin) solid white; } 6994 f-letterbox:first-child { margin-top: 0; padding-top: var(--f-article-padding); } 6995 f-letterbox:last-child { margin-bottom: 0; padding-bottom: var(--f-article-padding); border-bottom: none; } 6996 f-letterbox:nth-child(odd) { background: var(--f-article-background); } 6997 f-letterbox:nth-child(even) { background: var(--f-article-background); } 6998 6999 f-letterbox a { font-weight: 300; } 7000 7001 f-letterbox-image { flex: 0 0 auto; overflow: hidden; transition: transform 0.2s ease; grid-area: letterboxImage; margin-right: var(--f-article-padding); height: 100%; width: calc(100% - 15px); aspect-ratio: 4 / 3; } 7002 f-letterbox-image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } 7003 7004 f-letterbox-header { flex: 1; display: flex; flex-direction: column; justify-content: center; font-size: 18px; line-height: 20px; color: rgb(120, 125, 130); grid-area: letterboxHeader; margin: var(--f-article-padding-thin) 0; } 7005 f-letterbox-header:hover { opacity: 0.8 } 7006 7007 f-letterbox[data-showbody='true'] f-letterbox-header { 7008 margin: var(--f-article-padding-thin) 0 0; 7009 } 7010 7011 @media only screen and (max-width: 800px) { 7012 f-letterbox-header { font-size: 16px; line-height: 18px;} 7013 } 7014 7015 @media only screen and (max-width: 600px) { 7016 f-letterbox-header { font-size: 13px; line-height: 15px; } 7017 f-letterbox[data-showbody='true'] f-letterbox-header { font-size: 14px; line-height: 16px; } 7018 } 7019 7020 f-letterbox-header a { display: inherit; flex: inherit; flex-direction: inherit; justify-content: inherit; color: inherit; } 7021 f-letterbox-header a:hover { color: inherit; } 7022 7023 f-letterbox-headline, f-letterbox-preamble, f-letterbox-readmore { margin: 0; } 7024 f-letterbox-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); } 7025 7026 f-letterbox-readmore { margin-top: 8px; font-size: 15px; line-height: 17px; } 7027 f-letterbox-readmore b { color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important; } 7028 7029 @media only screen and (max-width: 800px) { 7030 f-letterbox-readmore { 7031 font-size: 14px; line-height: 16px; 7032 } 7033 } 7034 7035 @media only screen and (max-width: 600px) { 7036 f-letterbox-readmore { 7037 font-size: 12px; line-height: 14px; 7038 } 7039 7040 } 7041 7042 7043 f-letterbox[data-tempstatus='hot'] f-letterbox-preamble { color: var(--f-hot-color); } 7044 f-letterbox[data-tempstatus='cold'] f-letterbox-preamble { color: var(--f-cold-color); } 7045 7046 7047 f-letterbox-body { font-size: 13px; line-height: 17px; color: var(--f-article-text-color); margin-top: 7px; display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 7048 overflow: hidden; max-height: 56px; grid-area: letterboxBody; margin-bottom: var(--f-article-padding-thin); 7049 } 7050 7051 7052 f-letterbox[data-showbody='true'] f-letterbox-body { display: -webkit-box; } 7053 7054 @media only screen and (max-width: 600px) { 7055 f-letterbox-body { font-size: 11px; line-height: 14px; margin-top: 5px; } 7056 f-letterbox[data-showbody='true'] f-letterbox-body { margin-bottom: 7px; } 7057 } 7058 7059 f-letterbox-date { display: none; font-size: 11px; line-height: 12px; color: rgb(120, 125, 130); text-align: left; grid-area: letterboxDate; } 7060 7061 f-letterbox-tagline { flex-shrink: 0; display: flex; gap: 6px; grid-area: letterboxTagline; margin: 0 0 0 var(--f-article-padding); } 7062 7063 f-letterbox[data-showbody='true'] f-letterbox-tagline { 7064 margin: 0; justify-content: end; 7065 } 7066 7067 @media only screen and (max-width: 600px) { 7068 f-letterbox-tagline { justify-content: center; gap: 4px; } 7069 } 7070 7071 f-letterbox-tagline .temp, f-letterbox-tagline f-bubble { 7072 font-family: var(--f-suisse-regular); -webkit-font-smoothing: auto; letter-spacing: -0.03em; 7073 padding: 5px 7px; font-size: 13px; line-height: 13px; 7074 } 7075 7076 @media only screen and (max-width: 600px) { 7077 f-letterbox-tagline .temp, f-letterbox-tagline f-bubble { 7078 padding: 4px 5px; font-size: 11px; line-height: 11px; 7079 } 7080 } 7081 7082 f-letterbox-tagline .temp { 7083 background: #555; color: #fff; display: flex; justify-content: center; flex-direction: column; border-radius: 0px; 7084 } 7085 7086 f-letterbox[data-artsite='tjock'] f-letterbox-tagline .temp { font-family: var(--f-lato-light); letter-spacing: -0.05em; } 7087 7088 f-letterbox-tagline[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); } 7089 f-letterbox-tagline[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); } 7090 7091 f-letterbox-tagline f-bubble { 7092 background-color: #333; color: #fff; float: none; margin: 0; border: none; min-width: auto; cursor: pointer; 7093 display: flex; justify-content: center; flex-direction: column; border-radius: 0px; 7094 } 7095 7096 f-letterbox-tagline f-bubble::after { 7097 border-top: 5px solid transparent; 7098 border-bottom: 5px solid transparent; 7099 border-right: 7px solid #333; 7100 margin-left: -14px; 7101 } 7102 7103 @media only screen and (max-width: 600px) { 7104 f-letterbox-tagline f-bubble::after { 7105 margin-left: -12px; 7106 } 7107 } 7108 7109 7110 7111 7112 7113 7114 7115 /* Sliding input checkbox */ 7116 .switch { display: inline-block; position: relative; width: 30px; height: 17px; margin-right: 6px; float: left; -webkit-tap-highlight-color: transparent; } 7117 .switch input { display: none; } 7118 .switch .slider { background-color: #ccc; position: absolute; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; transition: .2s;
7118 border-radius: 17px; -webkit-tap-highlight-color: transparent; } 7119 .switch .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; } 7120 input:checked + .slider { background-color: var(--f-hot-color); } 7121 input:checked + .slider:before { transform: translateX(13px); } 7122 7123 @supports (-webkit-appearance: none) or (-moz-appearance: none) { 7124 input[type=checkbox].roundcheck { 7125 --active: orangered; 7126 --active-inner: #fff; 7127 --focus: 2px rgba(39, 94, 254, .3); 7128 --background: #ccc; 7129 --disabled: #F6F8FF; 7130 --disabled-inner: #E1E6F9; 7131 height: 20px; 7132 -webkit-appearance: none; -moz-appearance: none; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; 7133 } 7134 input[type=checkbox].roundcheck:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); } 7135 input[type=checkbox].roundcheck:checked { --b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2, .85, .32, 1.2); } 7136 input[type=checkbox].roundcheck:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; } 7137 input[type=checkbox].roundcheck:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); } 7138 input[type=checkbox].roundcheck:disabled { cursor: not-allowed; } 7139 input[type=checkbox].roundcheck:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); } 7140 input[type=checkbox].roundcheck:focus { box-shadow: 0 0 0 var(--focus); } 7141 input[type=checkbox].roundcheck:not(.switch) { width: 21px; } 7142 input[type=checkbox].roundcheck:not(.switch):after { opacity: var(--o, 0); } 7143 input[type=checkbox].roundcheck:not(.switch):checked { --o: 1; } 7144 input[type=checkbox].roundcheck { display: inline-block; vertical-align: middle; cursor: pointer; } 7145 input[type=checkbox].roundcheck:not(.switch) { border-radius: 10px; } 7146 input[type=checkbox].roundcheck:not(.switch):after { width: 5px; height: 9px; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 7px; top: 3px; transform: rotate(var(--r, 20deg)); } 7147 input[type=checkbox].roundcheck:not(.switch):checked { --r: 43deg;} 7148 } 7149 </style> 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 <style> 7378 :root { 7379 --f-article-background: rgb(255,255,255); 7380 --f-article-background-shade: linear-gradient(180deg, rgb(245,245,245) 0%, rgb(255,255,255) 100%); 7381 --f-article-background-inline-pale: rgba(250,250,250,1); 7382 --f-article-background-inline: rgba(240,240,240,1); 7383 --f-article-background-inline-hover: rgba(225,225,225,1); 7384 --f-article-background-inline-header: rgba(80,80,80,1); 7385 --f-article-background-gradient: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 100%); 7386 --f-article-background-invert: rgb(55,55,55); 7387 7388 --f-article-scrollbar-thumb: rgb(120,120,120); 7389 --f-article-scrollbar-track: rgb(210,210,210); 7390 7391 --f-article-text-color: rgb(42,46,46); 7392 --f-article-text-color-shade: rgb(60, 65, 70); 7393 --f-article-text-color-shade-deluxe: rgb(120, 125, 130); 7394 --f-article-text-color-invert: rgb(225, 230, 235); 7395 --f-article-text-color-invert-shade: rgb(180, 185, 190); 7396 7397 --f-article-link-color: var(--f-link-color); 7398 --f-article-link-hover: var(--f-link-hover); 7399 7400 --f-article-button-background: rgba(100,100,100,1); 7401 --f-article-button-background-active: var(--f-hot-color); 7402 --f-article-button-background-inactive: rgba(210,210,210,1); 7403 --f-article-button-text: rgba(255,255,255,1); 7404 --f-article-button-text-active: rgba(255,255,255,1); 7405 --f-article-button-text-inactive: rgba(150,150,150,1); 7406 7407 --f-article-border-radius: 6px; 7408 --f-article-border-color: rgb(200,200,200); 7409 7410 --f-article-padding-minimal: 10px; 7411 --f-article-padding-thin: 15px; 7412 --f-article-padding: 20px; 7413 --f-article-padding-wide: 30px; 7414 7415 --f-article-padding-minimal-neg: -10px; 7416 --f-article-padding-thin-neg: -15px; 7417 --f-article-padding-neg: -20px; 7418 --f-article-padding-wide-neg: -30px; 7419 --f-article-width: 100%; 7420 --f-article-maxwidth: 980px; 7421 } 7422 7423 :root [data-premium='true'] { 7424 --f-article-width: 100%; 7425 --f-article-maxwidth: 980px; 7426 } 7427 7428 :root [data-darkmode='on'] { 7429 --f-article-background: rgb(30,30,30); 7430 --f-article-background-shade: linear-gradient(180deg, rgb(15,15,15) 0%, rgb(5,5,5) 100%); 7431 --f-article-background-inline-pale: rgb(25,25,25); 7432 --f-article-background-inline: rgb(50,50,50); 7433 --f-article-background-inline-hover: rgb(70,70,70); 7434 --f-article-background-inline-header: rgba(70,70,70,1); 7435 --f-article-background-gradient: linear-gradient(180deg, rgba(10,10,10,0.2) 0%, rgba(10,10,10,1) 100%); 7436 --f-article-background-invert: rgb(190,190,190); 7437 7438 --f-article-scrollbar-thumb: rgb(135,135,135); 7439 --f-article-scrollbar-track: rgb(45,45,45); 7440 7441 --f-article-text-color: rgb(225, 230, 235); 7442 --f-article-text-color-shade: rgb(180, 185, 190); 7443 --f-article-text-color-shade-deluxe: rgb(120, 125, 130); 7444 --f-article-text-color-invert: rgb(15, 20, 25); 7445 --f-article-text-color-invert-shade: rgb(60, 65, 70); 7446 7447 --f-article-link-color: rgb(70,140,210); 7448 --f-article-link-hover: rgb(100,100,100); 7449 7450 --f-article-button-background: rgba(100,100,100,1); 7451 --f-article-button-background-active: var(--f-hot-color); 7452 --f-article-button-background-inactive: rgba(30,30,30,1); 7453 --f-article-button-text: rgba(255,255,255,1); 7454 --f-article-button-text-active: rgba(255,255,255,1); 7455 --f-article-button-text-inactive: rgba(150,150,150,1); 7456 7457 --f-article-border-radius: 6px; 7458 --f-article-border-color: rgb(50,50,50); 7459 } 7460 7461 @media only screen and (max-width: 600px) { 7462 :root { 7463 --f-article-padding-minimal: 7px; 7464 --f-article-padding-thin: 10px; 7465 --f-article-padding: 15px; 7466 --f-article-padding-wide: 20px; 7467 7468 --f-article-padding-minimal-neg: -7px; 7469 --f-article-padding-thin-neg: -10px; 7470 --f-article-padding-neg: -15px; 7471 --f-article-padding-wide-neg: -20px;
7472 } 7473 } 7474 7475 7476 f-article { display: block; } 7477 f-article-content { display: block; overflow: hidden; } 7478 @media only screen and (max-width: 1340px) { 7479 f-article-content { width: 100%; } 7480 } 7481 f-article-media { display: block; overflow: hidden; background-color: var(--f-article-background); max-width: var(--f-article-maxwidth); margin: 0 auto; width: 100%; } 7482 7483 /* f-article-media { display: grid !important; grid-area: media; } */ 7484 7485 f-article-media-above { margin: 0 auto; width: 100%; } 7486 7487 f-article-youtube-image { 7488 display: block; 7489 width: 100%; 7490 } 7491 7492 f-article-youtube-image img { 7493 display: block; 7494 width: 100%; 7495 height: auto; 7496 aspect-ratio: 16/9; 7497 object-fit: cover; 7498 background-color: #000; 7499 } 7500 7501 body[data-premium='false'] f-article-media-above { margin: var(--f-margins); } 7502 7503 7504 7505 7506 7507 f-article { 7508 display: grid; 7509 grid-template-areas: 7510 "adstripe" 7511 "header" 7512 "media" 7513 "content" 7514 "footer" 7515 "error" 7516 ; 7517 grid-template-rows: auto 1fr auto auto auto; 7518 grid-template-cols: auto; 7519 margin: var(--f-article-padding) auto; 7520 } 7521 7522 @media only screen and (min-width: 980px) { 7523 f-article[data-placement="above"] { 7524 display: grid; 7525 grid-template-areas: 7526 "media" 7527 "adstripe" 7528 "header" 7529 "content" 7530 "footer" 7531 "error" 7532 ; 7533 } 7534 } 7535 7536 body[data-premium='false'] f-article-wrapper { margin: var(--f-margins); } 7537 7538 /* MARGINER 7539 body[data-premium='false'] f-article-header { margin: var(--f-margins); } 7540 body[data-premium='false'] f-article-content { margin: var(--f-margins); } 7541 body[data-premium='false'] f-article-media { margin: var(--f-margins); } 7542 body[data-premium='false'] f-article-footer { margin: var(--f-margins); } 7543 body[data-premium='false'] f-article-error { margin: var(--f-margins); } 7544 */ 7545 7546 body[data-premium='true'] f-article[data-placement="above"] f-article-media-above { max-width: 1500px; } 7547 body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(2500px - 650px); } 7548 7549 @media only screen and (max-width: 2500px) { 7550 body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw - 650px); } 7551 } 7552 @media only screen and (max-width: 1640px) { 7553 body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw - 330px); margin: 0; } 7554 7555 } 7556 @media only screen and (max-width: 1340px) { 7557 body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw); } 7558 } 7559 7560 7561 @media only screen and (min-width: 980px) { 7562 f-article[data-placement="above"] f-article-media-above { background-color: transparent !important; } 7563 f-article[data-placement="above"] f-article-image[data-position='primary'] { background-color: transparent !important; } 7564 } 7565 7566 7567 7568 7569 7570 7571 f-article[data-placement='above'] f-article-body[data-part='1'] { margin-top: var(--f-article-padding); } 7572 7573 f-article-wrapper { margin: 0 auto; max-width: var(--f-article-maxwidth); width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px; z-index: 1; overflow: hidden; will-change: transform; } 7574 @media only screen and (max-width: 800px) { f-article-wrapper { box-shadow: none; } } 7575 7576 f-article-header { display: grid !important; grid-area: header; background-color: var(--f-article-background); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding)); } 7577 7578 7579 7580 f-article-content { display: block !important; grid-area: content; background-color: var(--f-article-background); max-width: var(--f-article-maxwidth); width: 100%; } 7581 f-article-footer { display: block !important; grid-area: footer; } 7582 f-article-error { display: none; grid-area: error; } 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 /* ADSTRIPE */ 7599 7600 7601 7602 7603 f-adstripe { 7604 display: block; margin: var(--f-article-padding); padding: 8px 10px; overflow: hidden; 7605 font-family: var(--f-suisse-regular); font-size: 11px; text-align: center; 7606 background-color: var(--f-article-background-inline-header); color: #fff; grid-area: adstripe; 7607 text-transform: uppercase; letter-spacing: 0.1em; 7608 } 7609 7610 f-article[data-placement="above"] f-adstripe { margin-top: 20px; z-index: 1; } 7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 /* SPOILER */ 7621 7622 f-article-spoiler-overlay { 7623 position: absolute; display: block; opacity: 0; width: 100%; padding: 60px 0; max-width: 980px; z-index: 100; 7624 color: var(--f-article-text-color-shade-deluxe); text-align: center; cursor: pointer; transition: all .3s; 7625 font-size: 30px; line-height: 30px; font-family: var(--f-suisse-light); -webkit-font-smoothing: antialiased; font-weight: 300; letter-spacing: 0; margin: var(--f-margins); 7626 } 7627 7628 f-article[data-spoiler='true'] f-article-spoiler-overlay { opacity: 1; transition: all .3s; } 7629 7630 7631 f-article-spoiler-overlay b { color: var(--f-article-text-color); font-weight: 300; font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; } 7632 7633 @media only screen and (max-width: 800px) { 7634 f-article-spoiler-overlay { font-size: 26px;
7634 line-height: 26px; } 7635 } 7636 @media only screen and (max-width: 480px) { 7637 f-article-spoiler-overlay { font-size: 20px; line-height: 20px; } 7638 } 7639 7640 f-article[data-spoiler='true'] .fullsizecontainer, 7641 f-article[data-spoiler='true'] f-article-media { filter: blur(50px) grayscale(100%); transition: all .3s; } 7642 7643 f-article[data-spoiler='true'] f-article-content > *:not(:first-child) { filter: blur(50px) grayscale(100%); transition: all .3s; } 7644 7645 f-article[data-spoiler='false'] .fullsizecontainer, 7646 f-article[data-spoiler='false'] f-article-media { filter: blur(0px) grayscale(0%); transition: all .3s; } 7647 7648 f-article[data-spoiler='false'] f-article-content > *:not(:first-child) { filter: blur(0px) grayscale(0%); transition: all .3s; } 7649 7650 7651 </style> 7652 7653 7654 7655 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 7667 7668 7669 7670 7671 7672 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 7683 7684 7685 7686 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 7709 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 7728 7729 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 7740 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 7752 7753 7754 7755 7756 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 7767 7768 7769 7770 7771 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 7783 7784 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 7814 7815 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881 7882 7883 7884 7885 7886
7887<script> 7888 function removeOverlay(value,dasid){ 7889 let status = $(value).attr('data-overlay'); 7890 if (status == 'true') { 7891 $(value).attr('data-overlay', 'during'); 7892 setTimeout(function() { $(value).attr('data-overlay', 'off'); }, 1000); 7893 } 7894 7895 const article = document.querySelector('f-article[data-id="' + dasid +'"]'); 7896 const isNative = $(article).attr('data-ad') === 'true'; 7897 7898 if (isNative) { 7899 if (status == 'true') { 7900 if (window.nativeReadMoreOpened) window.nativeReadMoreOpened(dasid); 7901 countNative(dasid); 7902 window._pingQueue('nativeReadmore', dasid); 7903 } 7904 } else { 7905 window._pingQueue('articleReadmore', dasid); 7906 } 7907 } 7908</script>
7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 7942 7943 7944 7945 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 7967 7968 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 8088 8089 8090 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 8134 8135 8136 8137 8138 8139 8140 8141 8142 8143 8144 8145 8146 8147 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 <style> 8160 f-article-header { 8161 display: block; padding: calc(var(--f-article-padding) - 2px) var(--f-article-padding); margin: 0 auto; 8162 width: calc(var(--f-article-width) - var(--f-article-padding) - var(--f-article-padding)); 8163 position: relative; transition: margin-top 0.5s; 8164 font-family: var(--f-suisse-light); font-size: 30px; line-height: 30px; font-weight: 300 !important; 8165 color: var(--f-article-text-color-shade-deluxe); 8166 -webkit-font-smoothing: antialiased; 8167 } 8168 f-article-header a, f-article-headline a, f-article-preamble a { 8169 font-weight: 300 !important; 8170 color: unset !important; 8171 } 8172 f-article[data-artsite='tjock'] f-article-header { 8173 font-family: var(--f-lato-light); text-transform: uppercase; text-align: center; letter-spacing: -0.02em; font-size: 36px; line-height: 40px; 8174 } 8175 f-article[data-artsite='tjock'] f-article-header b { 8176 font-family: var(--f-lato-light); 8177 } 8178 8179 8180 8181 @media only screen and (max-width: 1000px) { 8182 f-article-header { font-size: 24px; line-height: 24px; } 8183 f-article[data-artsite='tjock'] f-article-header { font-size: 24px; line-height: 24px; } 8184 } 8185 @media only screen and (max-width: 600px) { 8186 f-article-header { font-size: 20px; line-height: 20px; } 8187 f-article[data-artsite='tjock'] f-article-header { font-size: 20px; line-height: 20px; } 8188 } 8189 8190 8191 8192 f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; position: relative; z-index: 1; } 8193 8194 @media only screen and (max-width: 1380px) { 8195 f-article[data-placement="above"] f-article-wrapper { margin-top: -50px; } 8196 body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; } 8197 } 8198 @media only screen and (max-width: 1180px) { 8199 f-article[data-placement="above"] f-article-wrapper { margin-top: -20px; } 8200 body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; } 8201 } 8202 @media only screen and (max-width: 980px) { 8203 f-article[data-placement="above"] f-article-wrapper { margin-top: 0; } 8204 body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: 0px; } 8205 f-article-header { width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); } 8206 } 8207 8208 f-article[data-placement="above"] f-article-header { padding-bottom: 0; } 8209 8210 @media only screen and (min-width: 980px) { 8211 8212 f-article[data-feature="true"] f-article-header { padding-bottom: calc(var(--f-article-padding) - 2px); } 8213 } 8214 8215 8216 8217 f-article[data-feature="true"] f-article-header { background-color: #333; color: #bbb; } 8218 f-article[data-feature="true"][data-placement="above"] f-article-header { padding: calc(var(--f-article-padding) - 2px) var(--f-article-padding); } 8219 8220 8221 8222 f-article-headline { display: block;} 8223 f-article-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); } 8224 f-article[data-feature="true"] f-article-headline b { color: white; } 8225 8226 f-article-preamble { display: block; } 8227 f-article[data-temp='hot'] f-article-preamble { color: var(--n-orange-semidark); !important; } 8228 f-article[data-temp='cold'] f-article-preamble { color: var(--f-cold-color) !important; } 8229 8230 f-article[data-temp='normal'] f-article-header { border-top: 0px solid var(--f-article-background-inline-hover); } 8231 f-article[data-temp='hot'] f-article-header { border-top: 3px solid var(--n-orange-semidark); } 8232 f-article[data-temp='cold'] f-article-header { border-top: 3px solid var(--f-cold-color); } 8233 8234 8235 8236 </style> 8237 8238 8239 8240 8241 8242 8243 8244 8245 8246 8247 8248 8249 8250 8251 8252 8253 8254 8255 8256 8257 8258 8259 8260 8261 8262 8263 8264 8265 8266 8267 8268 8269 8270 8271 8272 8273 8274 8275 8276 8277 8278 8279 8280 8281 8282 8283 8284 8285 8286 8287 8288 8289 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302 8303 8304 8305 8306 8307 8308 8309 8310 8311 8312 8313 8314 8315 8316 8317 8318 8319 8320 8321 8322 8323 8324 8325 8326 8327 8328 8329 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 8346 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 8367 8368 8369 8370 8371 8372 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 8389 8390 8391 8392 8393 8394 8395 8396 8397 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 8418 8419 8420 8421 8422 8423 8424 8425 8426 8427 8428 8429 8430 8431 8432 8433 8434 8435 8436 8437 8438 8439 8440 8441 8442 8443 8444 8445 8446 8447 8448 8449 8450 8451 8452 8453 8454 8455 8456 8457 8458 8459 8460 8461 8462 8463 8464 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 8475 8476 8477 8478 8479 8480 8481 8482 8483 8484 8485 8486 8487 8488 <style> 8489 8490 f-article-body { 8491 transition: all .3s ease-in-out; display: block; margin: var(--f-article-padding) var(--f-article-padding) 10px var(--f-article-padding); position: relative; 8492 max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); 8493 font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; line-height: 22px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 8494 } 8495 f-article[data-placement='above'][data-feature='false'] f-article-body[data-part='1'] { margin-top: 0px; } 8496 f-article-body[data-part='2'] { margin-top: 0; overflow: hidden; } 8497 f-article-body[data-part='2'][data-overlay='true'] { max-height: 200px; transition: all .3s ease-in-out; } 8498 f-article-body[data-part='2'][data-overlay='during'] { max-height: 2000px; transition: all .7s ease-in-out; } 8499 f-article-body[data-part='2'][data-overlay='false'] { max-height: none; transition: all .3s ease-in-out; } 8500 8501 f-article-body[data-part='2'][data-overlay='true']::after { transition: all .3s ease-in-out; 8502 position: absolute; content: attr(data-readmore); bottom: 30%; left: 50%; transform: translate(-50%, 0%); padding: 8px 16px; margin: 0 auto; border-radius: 8px; 8503 background-color: #333; color: white; text-align: center; font-size: 16px; font-family: var(--f-suisse-semibold); opacity: 1; z-index: 2; 8504 } 8505 f-article-body[data-part='2'][data-spoiler='true']::after { 8506 background-color: var(--f-hot-color); 8507 } 8508 f-article-body[data-part='2'][data-overlay='during']::after, 8509 f-article-body[data-part='2'][data-overlay='false']::after { transition: all .3s ease-in-out; 8510 position: absolute; content: attr(data-readmore); bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 8px 30px; margin: 0 auto; border-radius: 6px; 8511 background-color: #333; color: white; text-align: center; font-size: 18px; font-family: var(--f-suisse-semibold); opacity: 0; 8512 } 8513 8514 f-article-body[data-part='2'][data-overlay='true']::before { transition: all .3s ease-in-out; 8515 position: absolute; content: ' '; height: 100%; width: 100%; opacity: 1; z-index: 1; 8516 background: linear-gradient( 8517 180deg, 8518 hsla(0, 0%, 100%, 0.20) 15%, 8519 hsla(0, 0%, 100%, 0.35) 30%, 8520 hsla(0, 0%, 100%, 0.5) 40%, 8521 hsla(0, 0%, 100%, 0.65) 50%, 8522 hsla(0, 0%, 100%, 0.80) 60%, 8523 hsla(0, 0%, 100%, 0.95) 80% 8524 ); 8525 } 8526 8527 [data-darkmode='on'] f-article-body[data-part='2'][data-overlay='true']::before { 8528 background: linear-gradient( 8529 180deg, 8530 hsla(0, 0%, 0%, 0.20) 15%, 8531 hsla(0, 0%, 0%, 0.35) 30%, 8532 hsla(0, 0%, 0%, 0.5) 40%, 8533 hsla(0, 0%, 0%, 0.65) 50%, 8534 hsla(0, 0%, 0%, 0.80) 60%, 8535 hsla(0, 0%, 0%, 0.95) 80% 8536 ); 8537 } 8538 8539 f-article-body[data-part='2'][data-overlay='during']::before, 8540 f-article-body[data-part='2'][data-overlay='false']::before { transition: all .3s ease-in-out; 8541 position: absolute; content: ' '; height: 100%; width: 100%; opacity: 0; 8542 } 8543 8544 f-article-body f-para { display: block; margin-top: 10px; position: relative; } 8545 f-article-body f-para img { display: block; width: 100%; height: auto; } 8546 8547 f-article-body p { margin: 0 0 10px 0; } 8548 f-article-body em { font-family: var(--f-suisse-regular-italic); font-style: italic; font-weight: 300; } 8549 f-article-body b { font-weight: 300; color: var(--f-article-text-color); font-family: var(--f-suisse-semibold); } 8550 f-article-body a { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); } 8551 f-article-body a:hover { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); } 8552 8553 f-article-body h3 { font-family: var(--f-suisse-bold); font-weight: 300; font-size: 17px; line-height: 20px; display: inline-block; padding: 10px 0px 0px 0px; margin: 0; } 8554 8555 @media only screen and (max-width: 600px) { 8556 f-article-body h3 { font-size: 16px; line-height: 18px; } 8557 8558 } 8559 8560 f-article-body h4 { font-family: var(--f-suisse-bold); font-weight: 300; font-size: 17px; line-height: 20px; display: inline-block; 8561 padding: 12px 16px; margin: 10px 0 -10px 0; width: calc(100% - 32px); background-color: var(--f-article-background-inline); } 8562 8563 f-article-body i h4 { background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert);
8563 margin: -15px -12px -10px -20px; width: calc(100% + 8px); } 8564 8565 @media only screen and (max-width: 600px) { 8566 f-article-body h4 { font-size: 16px; line-height: 18px; } 8567 8568 } 8569 8570 f-article-body i { color: var(--f-article-text-color); display: inline-block; margin: 10px 0px 10px 0px; padding: 15px 20px; width: calc(100% - 40px); 8571 font-style: normal; font-family: var(--f-suisse-regular); border-left: none; background-color: var(--f-article-background-inline); border-radius: 0px; 8572 border-left: 3px solid var(--f-hot-color); 8573 } 8574 8575 f-article-body i b { font-family: var(--f-suisse-semibold); font-weight: 300; font-style: normal; color: var(--f-article-text-color); } 8576 8577 8578 /* 8579 f-article-body ul, f-article-body li, f-article-body ul li { 8580 margin:0; 8581 padding: 0; 8582 text-indent: 0; 8583 list-style-type: none; 8584 } 8585 8586 f-article-body li { padding-left: 20px; position: relative; } 8587 8588 f-article-body li:before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 10px; height: 0px; border-width: 0px 0px 2px 0; border-style: solid; border-color: var(--f-article-text-color); transform-origin: bottom left; } 8589 8590 */ 8591 8592 ul br, ol br { 8593 display: none; 8594 } 8595 8596 ul li br, ol li br { 8597 display: inline; 8598 } 8599 8600 ul, ol { 8601 padding-left: 16px; margin-bottom: 0rem; 8602 } 8603 8604 ol { 8605 counter-reset: item; 8606 } 8607 8608 ul li, ol li { 8609 position: relative; margin: 0.3em 0; list-style: none; 8610 } 8611 8612 ul li { 8613 padding-left: 0.8em; 8614 } 8615 8616 ol li { 8617 padding-left: 1.2em; counter-increment: item; 8618 } 8619 8620 ul li::before, ol li::before { 8621 position: absolute; left: 0; opacity: 0.6; font-family: var(--f-suisse-semibold); font-weight: 300; 8622 } 8623 8624 ul li::before { 8625 content: '-'; 8626 } 8627 8628 ol li::before { 8629 content: counter(item) "."; 8630 } 8631 8632 /* TABLE I ARTIKEL */ 8633 8634 f-table-wrapper { display: block; overflow-x: auto; background-color: var(--f-article-background-inline); font-size: 13px; line-height: 18px; } 8635 8636 f-table-wrapper br { display: none; } 8637 f-table-wrapper f-td br { display: inline; } 8638 8639 f-table { display: table; width: calc(100% - 2px); border-collapse: collapse; } 8640 8641 f-tr-header { background-color: var(--f-article-background-inline-header); color: white; } 8642 8643 f-tr-header, f-tr, f-tr-footer { display: table-row; } 8644 8645 f-td { display: table-cell; padding: 8px 12px; border: 1px solid #ccc; max-width: 250px; } 8646 f-tr-header f-td { font-family: var(--f-suisse-semibold); border-color: var(--f-article-background-inline-header); } 8647 f-tr-footer f-td { font-family: var(--f-suisse-semibold); background-color: #e0e0e0; } 8648 f-td.bold { font-family: SuisseSemiBold; } 8649 8650 f-td img { margin: -8px 0px -8px -12px; width: calc(100% + 24px) !important;} 8651 8652 @media (max-width: 940px) { 8653 f-table-wrapper { display: block; overflow-x: scroll; -webkit-overflow-scrolling: touch; } 8654 f-table { min-width: 350px; } 8655 } 8656 8657 f-td ul, f-td ol { padding-left: 4px; } 8658 8659 .cta-button { margin: 8px auto 0; display: block; background-color: var(--f-hot-color); color: white; border-radius: 6px; padding: 4px 6px; min-width: 100px; text-align: center; transition: background-color 0.3s ease; } 8660 .cta-button:hover { background-color: #444; color: white; } 8661 8662 8663 f-article-body img { width: 100%; display: block; } 8664 8665 8666 f-article-body-linksetc { display: block; margin: 0 var(--f-article-padding) var(--f-article-padding); 8667 max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); } 8668 8669 f-article-body-link { display: block; font-family: var(--f-suisse-semibold); max-width: var(--f-article-maxwidth); margin: 0 auto 10px; font-size: 15px; line-height: 22px; } 8670 f-article-body-link a { color: var(--f-article-link-color); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important;} 8671 8672 .article-body-link {font-family: var(--f-suisse-semibold); margin: 10px auto 10px; font-size: 15px; line-height: 22px; color: var(--f-article-link-color); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important; display: inline-block; -webkit-font-smoothing: auto;} 8673 8674 f-viathanks { 8675 color: var(--f-article-text-color-shade-deluxe); 8676 font-size: 12px; 8677 line-height: 17px; 8678 -webkit-font-smoothing: subpixel-antialiased; 8679 max-width: var(--f-article-maxwidth); 8680 margin: 0 auto 10px; 8681 display: block; 8682 } 8683 8684 8685 f-viathanks a { 8686 font-family: var(--f-suisse-book) !important; font-weight: 300 !important; text-decoration: none; border-bottom: 0; 8687 } 8688 8689 f-viathanks-cat { 8690 8691 } 8692 8693 f-viathanks-cat .thankssite { 8694 font-family: var(--f-suisse-book); font-weight: 300; 8695 color: var(--f-article-link-color); 8696 } 8697 8698 f-viathanks-cat .thankscat { 8699 color: var(--f-article-link-color); 8700 text-transform: lowercase; 8701 } 8702 8703 f-viathanks-cat .thankssite:hover, 8704 f-viathanks-cat .thankscat:hover { 8705 color: var(--f-article-link-hover); 8706 } 8707 8708 8709 8710 f-viathanks f-viathanks-thanks { display: block; } 8711 f-viathanks f-viathanks-thanks b { font-family: var(--f-suisse-semibold) !important; font-weight: 300 !important; color: var(--f-article-link-color-shade) !important; } 8712 f-viathanks f-viathanks-tags a { font-family: var(--f-suisse-book) !important; font-weight: 300 !important; 8713 color: var(--f-article-link-color); text-transform: lowercase; 8714 } 8715 f-viathanks f-viathanks-tags a:hover { color: var(--f-article-link-hover); } 8716 f-viathanks f-viathanks-via, f-viathanks f-viathanks-thanks { display: block; } 8717 f-viathanks f-viathanks-via a:hover , f-viathanks f-viathanks-thanks a:hover { color: var(--f-article-text-hover); } 8718 8719 </style> 8720 8721 8722 8723 8724 8725 8726 8727 8728 8729 8730 8731 8732 8733 8734 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 8765 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 8782 8783 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 8794 8795 8796 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 8809 8810 8811 8812 8813 8814 8815 8816 8817 8818 8819 8820 8821 8822 8823 8824 8825 8826 8827 8828 8829 8830 8831 8832 8833 8834 8835 8836 8837 8838 8839 8840 8841 8842 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 8864 8865 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 8882 8883 8884 8885 8886 8887 8888 8889 8890 8891 8892 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 8927 8928 8929 8930 8931 8932 8933 8934 8935 8936 8937 8938 8939 8940 8941 8942 8943 8944 8945 8946 8947 8948 8949 8950 8951 8952 8953 8954 8955 8956 8957 8958 8959 8960 8961 8962 8963 8964 8965 8966 8967 8968 8969 8970 8971 8972 8973 8974 <style> 8975 8976 f-article-fullsize-container { display: block; } 8977 body[data-premium='true'] f-article-fullsize-container { margin: 20px auto 0; max-width: calc(2000px); } 8978 body[data-premium='false'] f-article-fullsize-container { margin: 20px auto 0; max-width: calc(2500px - 640px); } 8979 8980 @media only screen and (max-width: 2500px) { 8981 body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw - 640px); } 8982 } 8983 @media only screen and (max-width: 1640px) { 8984 body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw - 320px); } 8985 8986 } 8987 @media only screen and (max-width: 1340px) { 8988 body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw); } 8989 8990 } 8991 body[data-site='tjock'] f-article-fullsize-container { margin-top: 20px; } 8992 8993 @media only screen and (max-width: 980px) { 8994 f-article-fullsize-container { margin-top: 20px; } 8995 } 8996 8997 8998 body[data-premium='true'] .fullsizecontainer { margin: 20px auto 0; max-width: calc(2000px); } 8999 body[data-premium='false'] .fullsizecontainer { margin: 20px auto 0; max-width: calc(2500px - 640px); } 9000 9001 @media only screen and (max-width: 2500px) { 9002 body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw - 640px); } 9003 } 9004 @media only screen and (max-width: 1640px) { 9005 body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw - 320px); } 9006 9007 } 9008 @media only screen and (max-width: 1340px) { 9009 body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw); } 9010 9011 } 9012 body.tjock .fullsizecontainer { margin-top: 20px; } 9013 9014 @media only screen and (max-width: 980px) { 9015 .fullsizecontainer { margin-top: 20px; } 9016 } 9017 9018 9019 9020 .fullSize { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } 9021 .fullSizeHeader { position: relative; margin-top: -100px; } 9022 .fullSizeArticle { max-width: 980px; } 9023 9024 @media only screen and (max-width: 1688px) { 9025 .fullSize { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } 9026 } 9027 9028 @media only screen and (max-width: 1280px) { 9029 .fullSizeHeader { margin-top: -60px; } 9030 } 9031 9032 @media only screen and (max-width: 980px) { 9033 .fullSizeHeader { margin-top: -20px; } 9034 .fullSize { margin-bottom: 0; } 9035 } 9036 9037 9038 9039 9040 9041 9042 </style> 9043 9044 9045 9046 9047 9048 9049 9050 9051 9052 9053 9054 9055 9056 9057 9058 9059 9060 9061 9062 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072 9073 9074 9075 9076 9077 9078 9079 9080 9081 9082 9083 9084 9085 9086 9087 9088 9089 9090 9091 9092 9093 9094 9095 9096 9097 9098 9099 9100 9101 9102 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 9119 9120 9121 9122 9123 9124 9125 9126 9127 9128 9129 9130 9131 9132 9133 9134 9135 9136 9137 9138 9139 9140 9141 9142 9143 9144 9145 9146 9147 9148 9149 9150 9151 9152 9153 9154 9155 9156 9157 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 9211 9212 9213 9214 9215 9216 9217 9218 9219 9220 9221 9222 9223 9224 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 9237 9238 9239 9240 9241 9242 9243 9244 9245 9246 9247 9248 9249 9250 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261 9262 9263 9264 9265 9266 9267 9268 9269 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 9284 9285 9286 9287 9288 9289 9290 9291 9292 9293 9294 <style> 9295 9296 9297 9298 f-article-image { display: flex; width: 100%; height: 100%; position: relative; } 9299 f-article-image[data-position="secondary"] { 9300 width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); height: auto; position: relative; display: flex; margin: var(--f-article-padding); } 9301 9302 f-article-image[data-position='primary'] { height: 0; overflow: hidden; background-color: #e7e7e7; } 9303 f-article[data-placement="above"] f-article-image[data-position='primary'] { background-color: #333; } 9304 f-article-image[data-position='primary'] img { position: absolute; top: 0; left: 0; object-fit: cover; } 9305 9306 f-article-image img { width: 100%; height: 100%; position: relative; display: flex; } 9307 9308 f-article-image-caption { 9309 display: block; position: absolute; padding: 8px 12px; left: 30px; bottom: 30px; max-height: calc(100% - 84px); 9310 font-family: var(--f-suisse-light); font-size: 18px; line-height: 20px; font-weight: 300; 9311 color: white;background-color: rgba(0,0,0,0.8); 9312 } 9313 9314 9315 9316 f-article-image-caption a { 9317 color: rgb(100,170,240); font-family: var(--f-suisse-light); 9318 } 9319 f-article-image-caption a:hover {
9320 color: white; font-family: var(--f-suisse-light); 9321 } 9322 9323 f-article-image-cred { 9324 display: block; position: absolute; right: 0px; bottom: 0px; padding: 4px 6px; 9325 font-size: 9px; font-family: var(--f-suisse-regular); font-weight: normal; font-style: normal; 9326 color: white; text-shadow: 1px 0px 6px rgb(0 0 0 / 80%); 9327 } 9328 f-article-image-cred a { color: white; font-family: var(--f-suisse-regular); font-weight: normal; } 9329 f-article-image-cred a:hover { color: var(--f-article-text-color-shade); } 9330 9331 @media only screen and (min-width: 980px) { 9332 f-article[data-placement="above"] f-article-image[data-position="primary"] f-article-image-caption { top: 30px; bottom: unset; } 9333 f-article[data-placement="above"] f-article-image[data-position="primary"] f-article-image-cred { bottom: 80px; } 9334 } 9335 9336 @media only screen and (max-width: 640px) { 9337 f-article-image-caption { padding: 6px 8px; color: white; bottom: 25px; left: 15px; font-size: 14px; line-height: 18px; max-width: calc(100% - 45px); } 9338 f-article-image-cred { right: 0px; bottom: 0px; font-size: 10px; } 9339 } 9340 9341 9342 9343 9344 f-article-slide-container { display: block; margin: var(--f-article-padding); } 9345 9346 f-article-slide-thumb.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, 9347 f-article-slide-thumb.splide--nav>.splide__track>.splide__list>.splide__slide.is-active { 9348 opacity: 0.5; border: none !important; filter: grayscale(100%); 9349 } 9350 9351 .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, 9352 .splide--nav>.splide__track>.splide__list>.splide__slide { 9353 border: none; 9354 } 9355 9356 f-article-slide-main.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, 9357 f-article-slide-main.splide--nav>.splide__track>.splide__list>.splide__slide { 9358 transition: all 500ms cubic-bezier(0.25, 1, 0.5, 1) 0s !important; 9359 } 9360 9361 f-article-slide-main-slide { 9362 transition: all 500ms cubic-bezier(0.25, 1, 0.5, 1) 0s !important; 9363 } 9364 9365 .splide__arrows { position: relative; } 9366 .splide__arrow { top: -1px; bottom: 0px; margin: 11px; padding: 8px; width: 27px; height: 27px; 9367 transform: none; opacity: 1; background-color: rgba(0,0,0,0.2); 9368 } 9369 .splide__arrow svg { fill: white; width: 11px; height: 11px; } 9370 9371 .splide__arrow--next { right: 0px !important; } 9372 .splide__arrow--prev { left: 0px !important; } 9373 9374 .splide__slide img { width: 100%; } 9375 9376 f-article-slide-main, f-article-slide-thumb { max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); } 9377 f-article-slide-thumb { display: block; margin-bottom: 6px !important; } 9378 .splide__track f-fullscreen-enter { right: 30px; } 9379 9380 9381 9382 9383 f-fullscreen { 9384 display: none; top: 0; left: 0; background-color: black; width: 100%; height: 100%; 9385 transition: background-size .5s ease-in-out; background-size: 100%; background-repeat: no-repeat;background-position: center; 9386 } 9387 9388 f-fullscreen:-webkit-full-screen { display: block; color: white; } 9389 f-fullscreen:fullscreen { display: block; position: fixed; } 9390 9391 f-fullscreen-enter { display: block; position: absolute; right: 0; padding: 8px; background-color: rgba(0,0,0,0.3); top: 0; border-radius: 20px; margin: 10px; cursor: pointer; } 9392 f-fullscreen-enter svg { display: block; width: 11px; height: 11px; } 9393 9394 f-fullscreen-close { padding: 20px; position: fixed; top: 20px; right: 20px; border-radius: 30px; background-color: rgba(0,0,0,0.4); cursor: pointer; } 9395 f-fullscreen-close svg { width: 20px; height: 20px; display: block; } 9396 9397 @media only screen and (max-width: 980px) { 9398 f-fullscreen-enter { display: none; } 9399 } 9400 9401 9402 9403 9404 f-flide { position: relative; display: grid; background-color: var(--f-article-background-inline); overflow: hidden; } 9405 f-flide * { box-sizing: border-box; } 9406 f-flide f-article-image { cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTE1LjUgMC45MzItNC4zIDQuMzggMTQuNSAxNC42LTE0LjUgMTQuNSA0LjMgNC40IDE0LjYtMTQuNiA0LjQtNC4zLTQuNC00LjQtMTQuNi0xNC42eiI+PC9wYXRoPjwvc3ZnPgo=") 12 12, pointer; } 9407 f-flide img { vertical-align: middle; } 9408 9409 /* Fullscreen containern - säkerställ att den fyller hela skärmen */ 9410 f-article-slide-container:fullscreen { width: 100vw !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; } 9411 f-article-slide-container:-webkit-full-screen { width: 100vw !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; } 9412 9413 /* Fullscreen f-flide - fyller containern */ 9414 f-article-slide-container:fullscreen f-flide { width: 100% !important; height: 100% !important; } 9415 f-article-slide-container:-webkit-full-screen f-flide { width: 100% !important; height: 100% !important; } 9416 9417 /* Fullscreen bilder - säkerställ att hela bilden syns pÃÂ¥ mindre skärmar */ 9418 f-article-slide-container:fullscreen f-flide img { max-width: 100vw !important; max-height: calc(100vh - 85px) !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain !important; } 9419 f-article-slide-container:-webkit-full-screen f-flide img { max-width: 100vw !important; max-height: calc(100vh - 85px) !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain !important; } 9420 9421 f-article-slide-container:fullscreen f-flide[data-hidethumbs="on"] img { max-width: 100vw !important; max-height: 100vh !important; width: auto !important; height: auto !important; object-fit: contain !important; } 9422 f-article-slide-container:-webkit-full-screen f-flide[data-hidethumbs="on"] img { max-width: 100vw !important; max-height: 100vh !important; width: auto !important; height: auto !important; object-fit: contain !important; } 9423 9424 f-flide-item { display: block; height: 0px; opacity: 0; transition: opacity .0s; overflow: hidden;} 9425 f-flide-item[data-status="on"] { display: flex; height: auto; opacity: 1; transition: opacity .4s; width: 100%; } 9426 9427 9428 f-article-slide-container:fullscreen f-flide-item[data-status="off"] { display: none; height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: 0 0 0 !important; } 9429 f-article-slide-container:-webkit-full-screen f-flide-item[data-status="off"] { display: none; height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: 0 0 0 !important; } 9430 9431 f-flide-thumbs-container { background-color: var(--f-article-background-inline); width: 100%; display: block; overflow-x: auto; overflow-y: hidden; transition: all 0.5s; } 9432 f-flide-thumbs-container[data-hidethumbs="on"] { display: none; } 9433 f-flide-thumbs { display: block; height: 68px; opacity: 1; background-color: var(--f-article-background-inline); display: block; width: 100%; padding: 10px 0px 7px 10px; overflow-x: hidden; } 9434 f-flide-thumb { display: block; float: left; width: 65px; height: 65px; opacity: 1; cursor: pointer; margin-right: 10px; scroll-snap-align: center; border-bottom: 3px solid var(--f-article-background-inline); } 9435 f-flide-thumb[data-status="on"] { border-bottom: 3px solid var(--f-hot-color); } 9436 f-flide-thumb img { object-fit: cover; height: 100%; width: 100%; opacity: 1; transition: all .3s !important; } 9437 9438 f-flide-thumb[data-status="on"] img { object-fit: cover; height: 100%; width: 100%; opacity: .5; } 9439 9440 f-flide-thumbs-container { scrollbar-color: var(--f-article-background-invert) var(--f-article-background-inline-hover); scrollbar-width: thin; } 9441 f-flide-thumbs-container::-webkit-scrollbar { width: 10px; height: 10px; } 9442 f-flide-thumbs-container::-webkit-scrollbar-thumb { background: var(--f-article-scrollbar-thumb); } 9443 f-flide-thumbs-container::-webkit-scrollbar-track { background: var(--f-article-scrollbar-track); } 9444 f-flide-thumbs-container::-webkit-scrollbar-track-piece { background: pink); } 9445 9446 f-flide-thumbs-container::-webkit-scrollbar-thumb:vertical { height: 30px; background: var(--f-article-background-inline-hover); } 9447 9448 f-flide-thumbs-container[data-scroll="off"]::-webkit-scrollbar { width: 0px; height: 0px; } 9449 9450 f-flide-prev, f-flide-next { 9451 display: block; cursor: pointer; position: absolute; bottom: 0px; width: auto; padding: 10px; user-select: none; background-color: rgba(0,0,0,0); transition: all .4s; 9452 9453 } 9454 f-flide-prev { transform: scaleX(-1); width: 30%; height: 100%; display: flex; justify-content: end; align-items: end; 9455 cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjEgMC40NjYwNTVMMTcuMjUgMi42NTYwNUwxMCA5Ljk1NjA1TDE3LjI1IDE3LjIwNjFMMTUuMSAxOS40MDYxTDcuOCAxMi4xMDYxTDUuNiA5Ljk1NjA1TDcuOCA3Ljc1NjA1TDE1LjEgMC40NTYwNTVWMC40NjYwNTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") 12 12, pointer; } 9456 f-flide-next { right: 0; } 9457 f-flide-prev svg, f-flide-next svg { fill: white; width: 16px; height: 16px; padding: 0; margin: 0; } 9458 f-flide-prev svg { } 9459 9460 f-flide f-fullscreen-enter { } 9461 9462 f-flide-start-fullscreen { 9463 display: block; text-align: center; 9464 float: left; height: 65px; width: 65px; background-color: var(--f-article-text-color-invert-shade); margin: 0px 10px 0px 0px; 9465 } 9466 @media (pointer: coarse) { 9467 f-flide-start-fullscreen { 9468 display: none; 9469 } 9470 } 9471 f-flide-start-fullscreen svg { 9472 width: 25px; height: 25px; padding: 20px; 9473 } 9474 9475 9476 9477 f-inlinegallery-container { 9478 display: flex; 9479 flex-direction: column; 9480 width: 100%; 9481 margin: 20px auto; 9482 overflow: hidden; 9483 background: var(--f-article-background-inline); 9484 } 9485 9486 f-inlinegallery-main { 9487 position: relative; 9488 display: block; 9489 width: 100%; 9490 background: #f8f8f8; 9491 } 9492 9493 f-inlinegallery-main img { 9494 display: block; 9495 width: 100%; 9496 height: auto; 9497 object-fit: cover; 9498 cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTE1LjUgMC45MzItNC4zIDQuMzggMTQuNSAxNC42LTE0LjUgMTQuNSA0LjMgNC40IDE0LjYtMTQuNiA0LjQtNC4zLTQuNC00LjQtMTQuNi0xNC42eiI+PC9wYXRoPjwvc3ZnPgo=") 12 12, pointer; 9499 } 9500 9501 f-inlinegallery-thumbs { 9502 display: flex; 9503 background: #f0f0f0; 9504 padding: 8px; 9505 gap: 8px; 9506 overflow-x: auto; 9507 scrollbar-width: thin; 9508 order: -1; 9509 border-bottom: 3px solid var(--f-article-background-inline); 9510 } 9511 9512 f-inlinegallery-thumb { 9513 flex-shrink: 0; 9514 width: 65px; 9515 height: 65px; 9516 overflow: hidden; 9517 cursor: pointer; 9518 transition: border-color 0.2s ease; 9519 } 9520 9521 f-inlinegallery-thumb.active { 9522 border-bottom: 3px solid var(--f-hot-color); 9523 } 9524 9525 f-inlinegallery-thumb img { 9526 width: 100%; 9527 height: 100%; 9528 object-fit: cover; 9529 display: block; 9530 } 9531 9532 f-inlinegallery-container:fullscreen { 9533 width: 100vw !important; 9534 height: 100vh !important; 9535 margin: 0 !important; 9536 position: fixed !important; 9537 top: 0 !important; 9538 left: 0 !important; 9539 background: #000; 9540 } 9541 9542 f-inlinegallery-container:-webkit-full-screen { 9543 width: 100vw !important; 9544 height: 100vh !important; 9545 margin: 0 !important; 9546 position: fixed !important; 9547 top: 0 !important; 9548 left: 0 !important; 9549 background: #000; 9550 } 9551 9552 f-inlinegallery-container:fullscreen f-inlinegallery-main, 9553 f-inlinegallery-container:-webkit-full-screen f-inlinegallery-main { 9554 flex: 1; 9555 display: flex; 9556 align-items: center; 9557 justify-content: center; 9558 min-height: 0; 9559 background: #000; 9560 } 9561 9562 f-inlinegallery-container:fullscreen f-inlinegallery-main img, 9563 f-inlinegallery-container:-webkit-full-screen f-inlinegallery-main img { 9564 max-width: 100vw !important; 9565 max-height: calc(100vh - 85px) !important; 9566 width: auto !important; 9567 height: auto !important; 9568 margin: 0 auto; 9569 object-fit: contain !important; 9570 } 9571 9572 f-inlinegallery-container:fullscreen f-inlinegallery-thumbs, 9573 f-inlinegallery-container:-webkit-full-screen f-inlinegallery-thumbs { 9574 flex: 0 0 auto; 9575 background: #000; 9576 border-bottom-color: #000; 9577 } 9578 9579 9580 </style> 9581 9582 9583 9584 9585 9586 9587 9588 9589 9590 9591 9592 9593 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617 9618 9619 9620 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 9635 9636 9637 9638 9639 9640 9641 9642 9643 9644 9645 9646 9647 9648 9649 9650 9651 9652 9653 9654 9655 9656 9657 9658 9659 9660 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710 9711 9712 9713 9714 9715 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 9739 9740 9741 9742 9743 9744 9745 9746 9747 9748 9749 9750 9751 9752 9753 9754 9755 9756 9757 9758 9759 9760 9761 9762 9763 9764 9765 9766 9767 9768 9769 9770 9771 9772 9773 9774 9775 9776 9777 9778 9779 9780 9781 9782 9783 9784 9785 9786 9787 9788 9789 9790 9791 9792 9793 9794 9795 9796 9797 9798 9799 9800 9801 9802 9803 9804 9805 9806 9807 9808 9809 9810 9811 9812 9813 9814 9815 9816 9817 9818 9819 9820 9821 9822 9823 9824 9825 9826 9827 9828 9829 9830 9831 9832 9833 9834 9835 9836 9837 9838 9839 9840 9841 9842 9843 9844 9845 9846 9847 9848 9849 9850 9851 9852 9853 9854 9855 9856 9857 9858 9859 9860 9861 9862 9863 9864 9865 9866 9867 9868 9869 9870 9871 9872 9873 9874 9875 9876 9877 9878 9879 9880 9881 9882 9883 9884 9885
9886<script> 9887 let fullscreenImageState = { 9888 element: null, 9889 imgWidth: 0, 9890 imgHeight: 0, 9891 fullWidthSize: '', 9892 fullHeightSize: '', 9893 isFullWidth: true, 9894 eventHandlers: null // För att kunna ta bort event listeners 9895 }; 9896 9897 // Funktion för att beräkna och sätta bakgrundsstorlek baserat pÃÂ¥ aktuell viewport 9898 function calculateBackgroundSizes(showImage = true) { 9899 if (!fullscreenImageState.element) return; 9900 9901 const element = fullscreenImageState.element; 9902 9903 // Kontrollera om vi är i fullscreen-läge (standard + webkit för Safari) 9904 const isFullscreen = document.fullscreenElement === element || 9905 document.webkitFullscreenElement === element; 9906 9907 // I fullscreen-läge, använd alltid skärmens storlek direkt 9908 let viewportWidth, viewportHeight; 9909 if (isFullscreen) { 9910 // Native fullscreen: använd skärmens storlek (screen.width/height ger alltid rätt värden) 9911 viewportWidth = screen.width; 9912 viewportHeight = screen.height; 9913 } else { 9914 // Inte i fullscreen: använd elementets faktiska storlek 9915 viewportWidth = element.offsetWidth || element.clientWidth || window.innerWidth || screen.width; 9916 viewportHeight = element.offsetHeight || element.clientHeight || window.innerHeight || screen.height; 9917 } 9918 9919 // Beräkna skalor 9920 const scaleWidth = viewportWidth / fullscreenImageState.imgWidth; 9921 const scaleHeight = viewportHeight / fullscreenImageState.imgHeight; 9922 const scaleContain = Math.min(scaleWidth, scaleHeight); 9923 const scaleCover = Math.max(scaleWidth, scaleHeight); 9924 9925 // Beräkna storlekar 9926 fullscreenImageState.fullWidthSize = (fullscreenImageState.imgWidth * scaleContain) + 'px ' + 9927 (fullscreenImageState.imgHeight * scaleContain) + 'px'; 9928 fullscreenImageState.fullHeightSize = (fullscreenImageState.imgWidth * scaleCover) + 'px ' + 9929 (fullscreenImageState.imgHeight * scaleCover) + 'px'; 9930 9931 // Sätt storleken 9932 element.style.backgroundSize = fullscreenImageState.isFullWidth ? 9933 fullscreenImageState.fullWidthSize : fullscreenImageState.fullHeightSize; 9934 9935 // Visa bilden om det begärs 9936 if (showImage) { 9937 requestAnimationFrame(() => { 9938 element.style.transition = 'opacity 0.2s ease-in'; 9939 element.style.opacity = '1'; 9940 }); 9941 } 9942 } 9943 9944 function fullscreenImage(backUrl, imgWidth, imgHeight) { 9945 const element = document.querySelector('f-fullscreen'); 9946 if (!element) return; 9947 9948 // Ta bort tidigare event listeners om de finns (förhindra minnesläckor) 9949 if (fullscreenImageState.eventHandlers) { 9950 document.removeEventListener('fullscreenchange', fullscreenImageState.eventHandlers.fullscreenchange); 9951 document.removeEventListener('webkitfullscreenchange', fullscreenImageState.eventHandlers.webkitfullscreenchange); 9952 } 9953 9954 // Spara state 9955 fullscreenImageState.element = element; 9956 fullscreenImageState.imgWidth = imgWidth; 9957 fullscreenImageState.imgHeight = imgHeight; 9958 fullscreenImageState.isFullWidth = true; 9959 9960 // Sätt bakgrundsbild 9961 element.style.backgroundImage = 'url(' + backUrl + ')'; 9962 element.style.backgroundPosition = 'center center'; 9963 element.style.cursor = 'zoom-in'; 9964 element.style.transition = 'none'; 9965 element.style.opacity = '0'; 9966 9967 // Flagga för att förhindra dubbel anropning 9968 let sizesCalculated = false; 9969 9970 // Funktion som körs när fullscreen är aktivt 9971 const setupFullscreen = () => { 9972 if (sizesCalculated) return; // Förhindra dubbel anropning 9973 sizesCalculated = true; 9974 9975 requestAnimationFrame(() => { 9976 requestAnimationFrame(() => { 9977 calculateBackgroundSizes(true); 9978 // àteraktivera transition efter initial beräkning 9979 setTimeout(() => { 9980 element.style.transition = ''; 9981 }, 50); 9982 }); 9983 }); 9984 }; 9985 9986 // Event handler för fullscreen-change (standard + webkit för Safari) 9987 const handleFullscreenChange = () => { 9988 const isActive = document.fullscreenElement === element || 9989 document.webkitFullscreenElement === element; 9990 9991 if (isActive && !sizesCalculated) { 9992 setupFullscreen(); 9993 } 9994 }; 9995 9996 // Spara handlers för senare borttagning 9997 fullscreenImageState.eventHandlers = { 9998 fullscreenchange: handleFullscreenChange, 9999 webkitfullscreenchange: handleFullscreenChange 10000 }; 10001
10002 // Lägg till event listeners (standard + webkit för Safari) 10003 document.addEventListener('fullscreenchange', handleFullscreenChange); 10004 document.addEventListener('webkitfullscreenchange', handleFullscreenChange); 10005 10006 // Request fullscreen (standard + webkit för Safari) 10007 let fullscreenPromise; 10008 if (element.requestFullscreen) { 10009 fullscreenPromise = element.requestFullscreen(); 10010 } else if (element.webkitRequestFullScreen) { 10011 fullscreenPromise = element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 10012 } 10013 10014 // Vänta pÃÂ¥ fullscreen-attivering 10015 if (fullscreenPromise && fullscreenPromise.then) { 10016 fullscreenPromise.then(() => { 10017 setTimeout(setupFullscreen, 100); 10018 }).catch(() => { 10019 // Om fullscreen misslyckas, beräkna ändÃÂ¥ 10020 setupFullscreen(); 10021 }); 10022 } else { 10023 // För browsers som inte returnerar promise 10024 setTimeout(setupFullscreen, 100); 10025 } 10026 10027 // Toggle zoom vid klick: contain â cover 10028 element.onclick = function() { 10029 if (fullscreenImageState.isFullWidth) { 10030 element.style.backgroundSize = fullscreenImageState.fullHeightSize; 10031 element.style.cursor = 'zoom-out'; 10032 fullscreenImageState.isFullWidth = false; 10033 } else { 10034 element.style.backgroundSize = fullscreenImageState.fullWidthSize; 10035 element.style.cursor = 'zoom-in'; 10036 fullscreenImageState.isFullWidth = true; 10037 } 10038 }; 10039 } 10040 10041 // Exit-funktion (global för att kunna anropas frÃÂ¥n HTML) 10042 function exitFullscreen() { 10043 // Stäng fullscreen (standard + webkit för Safari) 10044 if (document.exitFullscreen) { 10045 document.exitFullscreen(); 10046 } else if (document.webkitExitFullscreen) { 10047 document.webkitExitFullscreen(); 10048 } else if (document.webkitCancelFullScreen) { 10049 document.webkitCancelFullScreen(); 10050 } 10051 10052 // Rensa event listeners när fullscreen stängs 10053 if (fullscreenImageState.eventHandlers) { 10054 document.removeEventListener('fullscreenchange', fullscreenImageState.eventHandlers.fullscreenchange); 10055 document.removeEventListener('webkitfullscreenchange', fullscreenImageState.eventHandlers.webkitfullscreenchange); 10056 fullscreenImageState.eventHandlers = null; 10057 } 10058 } 10059</script>
10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 10070 10071 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 10089 10090 10091 10092 10093 10094 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 10108 10109 10110 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 10140 10141 10142 10143 10144 10145 10146 10147 10148 10149 10150 10151 10152 10153 10154 10155 10156 10157 10158 10159 10160 10161 10162 10163 10164 10165 10166 10167 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179 10180 10181 10182 10183 10184 10185 10186 10187 10188 10189 10190 10191 10192 10193 10194 10195 10196 10197 10198 <style> 10199 .videox { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; } 10200 .videohoger { padding-bottom: 177.96%; } 10201 .videox iframe, .videox object, .videox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 10202 .videox .youtube_container { position: relative; width: 100%; padding-bottom: 56.3%; background-position: center; background-size: Cover;background-position: center; 10203 background-size: cover; background-color: #222; text-align: center; cursor: pointer; } 10204 .videohoger .youtube_container { padding-bottom: 177.96%; } 10205 .videox .youtube { position: absolute; width: 100%; height:100%; overflow: hidden; } 10206 .videox .youtube img { width: 100%; margin-top: 0; margin-top: -9.375%; } 10207 .videox .youtube .vimeoThumb { width: 100%; margin-top: 0; } 10208 .videox .youtube_overlay { position: absolute; color: #fff; width: 100%; } 10209 .videox .youtube_overlay img { width: 100%; } 10210 .videox .youtube_icon { 10211 position: absolute; text-align: center; width: 71px; height: 50px; margin: 0 auto; top: 50%; left: 50%; margin-top: -25px; margin-left: -35px; 10212 } 10213 .videox .youtube_icon img { width: 71px; height: 50px; } 10214 10215 f-externalyoutube-container f-flide img { cursor: pointer; } 10216 f-externalyoutube-container .videox { padding-bottom: 0px; } 10217 f-externalyoutube-container f-flide-item[data-status="on"]ÃÂ { padding-bottom: 56.2%; } 10218 f-externalyoutube-container f-flide-item[data-status="off"]ÃÂ { padding-bottom: 0px; } 10219 f-externalyoutube-container f-flide-thumb { width: 115px; height: 65px; } 10220 </style> 10221 10222 10223 10224 10225 10226 10227 10228 10229 10230 10231 10232 10233 10234 10235 10236 10237 10238 10239 10240 10241 10242 10243 10244 10245 10246 10247 10248 10249 10250 10251 10252 10253 10254 10255 10256 10257 10258 10259 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274 10275 10276 10277 10278 10279 10280 10281 10282 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303 10304 10305 10306 10307 10308 10309 10310 10311 10312 10313 10314 10315 10316 10317 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327 10328 10329 10330 10331 10332 10333 10334 10335 10336 10337 10338 10339 10340 10341 10342 10343 10344 10345 10346 10347 10348 10349 10350 10351 10352 10353 10354 10355 10356 10357 10358 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 10370 10371 10372 10373 10374 10375 10376 10377 10378 10379 10380 10381 10382 10383 10384 10385 10386 10387 10388 10389 10390 10391 10392 10393 10394 10395 10396 10397 10398 10399 10400 10401 10402 10403 10404 10405 10406 10407 10408 10409 10410 10411 10412 10413 10414 10415 10416 10417 10418 10419 10420 10421 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 10432 10433 10434 10435 10436 10437 10438 10439 10440 10441 10442 10443 10444 10445 10446 10447 10448 10449 10450 10451 10452 10453 10454 10455 10456 10457 10458 10459 10460 10461 10462 10463 10464 10465 10466 10467 10468 10469 10470 10471 <style> 10472 /* Wiki-relaterad CSS har flyttats till css_embed.jsp */ 10473 </style> 10474 10475 10476 10477 10478 10479 10480 10481 10482 10483 10484 10485 10486 10487 10488 10489 10490 10491 10492 10493 10494 10495 10496 10497 10498 10499 10500 10501 10502 10503 10504 10505 10506 10507 10508 10509 10510 10511 10512 10513 10514 10515 10516 10517 10518 10519 10520 10521 10522 10523 10524 10525 10526 10527 10528 10529 10530 10531 10532 10533 10534 10535 10536 10537 10538 10539 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549 10550 10551 10552 10553 10554 10555 10556 10557 10558 10559 10560 10561 10562 10563 10564 10565 10566 10567 10568 10569 10570 10571 10572 10573 10574 10575 10576 10577 10578 10579 10580 10581 10582 10583 10584 10585 10586 10587 10588 10589 10590 10591 10592 10593 10594 10595 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 10608 10609 10610 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 10622 10623 10624 10625 10626 10627 10628 10629 10630 10631 10632 10633 10634 10635 10636 10637 10638 10639 10640 10641 10642 10643 10644 10645 10646 10647 10648 10649 10650 10651 10652 10653 10654 10655 10656 10657 10658 10659 10660 10661 10662 10663 10664 10665 10666 10667 10668 10669 10670 10671 10672 10673 10674 10675 10676 10677 10678 10679 10680 10681 10682 10683 10684 10685 10686 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 10697 10698 10699 10700 10701 10702 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722 10723 10724 10725 10726 <style> 10727 /* IMDb-relaterad CSS har flyttats till css_embed.jsp */ 10728 </style> 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738 10739 10740 10741 10742 10743 10744 10745 10746 10747 10748 10749 10750 10751 10752 10753 10754 10755 10756 10757 10758 10759 10760 10761 10762 10763 10764 10765 10766 10767 10768 10769 10770 10771 10772 10773 10774 10775 10776 10777 10778 10779 10780 10781 10782 10783 10784 10785 10786 10787 10788 10789 10790 10791 10792 10793 10794 10795 10796 10797 10798 10799 10800 10801 10802 10803 10804 10805 10806 10807 10808 10809 10810 10811 10812 10813 10814 10815 10816 10817 10818 10819 10820 10821 10822 10823 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835 10836 10837 10838 10839 10840 10841 10842 10843 10844 10845 10846 10847 10848 10849 10850 10851 10852 10853 10854 10855 10856 10857 10858 10859 10860 10861 10862 10863 10864 10865 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875 10876 10877 10878 10879 10880 10881 10882 10883 10884 10885 10886 10887 10888 10889 10890 10891 10892 10893 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 10904 10905 10906 10907 10908 10909 10910 10911 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923 10924 10925 10926 10927 10928 10929 10930 10931 10932 10933 10934 10935 10936 10937 10938 10939 10940 10941 10942 10943 10944 10945 10946 10947 10948 10949 10950 10951 10952 10953 10954 10955 10956 10957 10958 10959 10960 10961 10962 10963 10964 10965 10966 10967 10968 10969 10970 10971 10972 10973 10974 10975 10976 10977 10978 10979 <style> 10980 10981 f-article-factbox { 10982 display: block; margin: var(--f-article-padding); font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; 10983 } 10984 10985 f-article-factbox-header { 10986 display: block; background-color: var(--f-article-background-inline); color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 10987 padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); font-size: 16px; line-height: 16px; font-family: var(--f-suisse-bold); 10988 } 10989 10990 f-article-factbox-vignette { font-family: var(--f-suisse-regular); color: var(--f-article-text-color-shade); } 10991 10992 f-article-factbox-open { 10993 display: block; float: right; padding: 0px 20px; margin: 5px; border-radius: 3px; 10994 background-color: var(--f-hot-color); color: white; cursor:pointer; line-height: 30px; 10995 } 10996 10997 f-article-factbox-text { 10998 display: block; position: relative; overflow: hidden; background-color: var(--f-article-background-inline); 10999 font-size: 13px; line-height: 17px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 11000 padding: 8px var(--f-article-padding) var(--f-article-padding); 11001 } 11002 11003 f-article-factbox-text em { font-family: var(--f-suisse-regular-italic); font-style: italic; font-weight: 300; } 11004 f-article-factbox-text b { font-weight: 300; color: var(--f-article-text-color); font-family: var(--f-suisse-semibold); } 11005 f-article-factbox-text a { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); } 11006 f-article-factbox-text a:hover { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); } 11007 11008 f-article-factbox-text[data-overlay='true'] { max-height: 50px; transition: all .3s ease-in-out; } 11009 f-article-factbox-text[data-overlay='during'] { max-height: 2000px; transition: all .7s ease-in-out; } 11010 f-article-factbox-text[data-overlay='false'] { max-height: none; transition: all .3s ease-in-out; } 11011 11012 f-article-factbox-text[data-overlay='true']::after { transition: all .3s ease-in-out; 11013 position: absolute; content: "Visa"; bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 6px 20px; margin: 0 auto 10px; border-radius: 6px; 11014 background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); text-align: center; font-size: 15px; font-family: var(--f-suisse-semibold); opacity: 1; z-index: 2; 11015 } 11016 f-article-factbox-text[data-overlay='during']::after, 11017 f-article-factbox-text[data-overlay='false']::after { transition: all .3s ease-in-out; 11018 position: absolute; content: "Visa"; bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 6px 20px; margin: 0 auto 10px; border-radius: 6px; background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); text-align: center; font-size: 18px; font-family: var(--f-suisse-semibold); opacity: 0; 11019 } 11020 11021 f-article-factbox-text[data-overlay='true']::before { transition: all .3s ease-in-out; 11022 position: absolute; content: ' '; height: 100%; width: 100%; opacity: 1; z-index: 1; margin-left: -15px; 11023 background: linear-gradient( 11024 180deg, 11025 hsla(0, 0%, 95%, 0.20) 15%, 11026 hsla(0, 0%, 95%, 0.35) 30%, 11027 hsla(0, 0%, 95%, 0.5) 40%, 11028 hsla(0, 0%, 95%, 0.65) 50%, 11029 hsla(0, 0%, 95%, 0.80) 60%, 11030 hsla(0, 0%, 95%, 0.95) 80% 11031 ); 11032 } 11033 11034 [data-darkmode='on'] f-article-factbox-text[data-overlay='true']::before { 11035 background: linear-gradient( 11036 180deg, 11037 hsla(0, 0%, 12%, 0.20) 15%, 11038 hsla(0, 0%, 12%, 0.35) 30%, 11039 hsla(0, 0%, 12%, 0.5) 40%, 11040 hsla(0, 0%, 12%, 0.65) 50%, 11041 hsla(0, 0%, 12%, 0.80) 60%, 11042 hsla(0, 0%, 12%, 0.95) 80% 11043 ); 11044 } 11045 11046 f-article-factbox-text[data-overlay='during']::before, 11047 f-article-factbox-text[data-overlay='false']::before { transition: all .3s ease-in-out; 11048 position: absolute; content: ' '; height: 100%; width: 100%; opacity: 0; 11049 } 11050 11051 </style> 11052 11053 11054 11055 11056 11057 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 11081 11082 11083 11084 11085 11086 11087 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 11108 11109 11110 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 11130 11131 11132 11133 11134 11135 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 11153 11154 11155 11156 11157 11158 11159 11160 11161 11162 11163 11164 11165 11166 11167 11168 11169 11170 11171 11172 11173 11174 11175 11176 11177 11178 11179 11180 11181 11182 11183 11184 11185 11186 11187 11188 11189 11190 11191 11192 11193 11194 11195 11196 11197 11198 11199 11200 11201 11202 11203 11204 11205 11206 11207 11208 11209 11210 11211 11212 11213 11214 11215 11216 11217 11218 11219 11220 11221 11222 11223 11224 11225 11226 11227 11228 11229 11230 11231 11232 11233 11234 11235 11236 11237 11238 11239 11240 11241 11242 11243 11244 11245 11246 11247 11248 11249 11250 11251 11252 11253 11254 11255 11256 11257 11258 11259 11260 11261 11262 11263 11264 11265 11266 11267 11268 11269 11270 11271 11272 11273 11274 11275 11276 11277 11278 11279 11280 11281 11282 11283 11284 11285 11286 11287 11288 11289 11290 11291 11292 11293 11294 11295 11296 11297 11298 11299 11300 11301 11302 11303 <style> 11304 11305 f-question-container { display: block; margin: var(--f-article-padding); } 11306 f-question { display: flex; flex-direction: column; } 11307 11308 /* Header */ 11309 f-question-header { 11310 display: flex; 11311 padding: 12px var(--f-article-padding-thin); 11312 background-color: rgb(50,50,50); color: white; 11313 font-family: var(--f-suisse-semibold); font-weight: 300; font-size: 17px; line-height: 20px; -webkit-font-smoothing: antialiased; 11314 border-radius: 6px 6px 0 0; 11315 margin-bottom: 2px; 11316 } 11317 f-question-header-right { 11318 font-family: var(--f-suisse-regular); font-size: 13px; flex-shrink: 0; margin-left: auto; white-space: nowrap; -webkit-font-smoothing: auto; opacity: 0.7; 11319 } 11320 11321 /* Resultat */ 11322 f-question-result { display: flex; flex-direction: column; } 11323 f-question-resultbar { 11324 display: flex; align-items: center; gap: 10px; 11325 padding: 12px var(--f-article-padding-thin); margin: 0 0 2px; 11326 font-size: 15px; line-height: 18px; font-family: var(--f-suisse-regular); color: white; 11327 } 11328 f-question-resultbar-right { flex-shrink: 0; margin-left: auto; color: #fff; } 11329
11330 /* Svarsalternativ */ 11331 f-question-answer { 11332 display: flex; align-items: center; position: relative; margin: 0 0 2px; 11333 font-size: 15px; line-height: 18px; font-family: var(--f-suisse-regular); color: var(--f-article-text-color); 11334 background-color: var(--f-article-background-inline); transition: background-color 100ms ease-in; 11335 } 11336 f-question-answer:hover { background-color: var(--f-article-background-inline-hover); } 11337 11338 f-question-answer input { position: absolute; visibility: hidden; } 11339 11340 f-question-answer label { 11341 display: flex; align-items: center; flex: 1; 11342 padding: 12px calc(var(--f-article-padding) + 38px) 12px var(--f-article-padding); 11343 color: var(--f-article-text-color); cursor: pointer; position: relative; 11344 transition: color 200ms ease-in; overflow: hidden; 11345 } 11346 11347 /* Checkbox-indikator (::after) */ 11348 f-question-answer label:after { 11349 content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); 11350 width: 28px; height: 28px; cursor: pointer; transition: all 100ms ease-in; 11351 background-color: var(--f-article-background-inline-hover); background-repeat: no-repeat; background-position: 2px 3px; 11352 background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(210,210,210,1)' fill-rule='nonzero'/%3E%3C/svg%3E "); 11353 } 11354 f-question-answer:hover label:after { 11355 background-color: var(--f-hot-color); 11356 background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E "); 11357 } 11358 [data-darkmode='on'] f-question-answer label:after { 11359 background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(30,30,30,1)' fill-rule='nonzero'/%3E%3C/svg%3E "); 11360 } 11361 f-question-answer input:checked ~ label:after { 11362 background-color: var(--f-hot-color); 11363 background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E "); 11364 } 11365 [data-darkmode='on'] f-question-answer input:checked ~ label:after { 11366 background-color: var(--f-hot-color); 11367 background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E "); 11368 } 11369 11370 /* Radio-alternativ (answerMode 1/3, utan input) */ 11371 f-question-answer[data-index] { 11372 padding: 12px var(--f-article-padding-thin); gap: 8px; cursor: pointer; 11373 } 11374 f-question-answer[data-index]::before { 11375 content: ''; flex-shrink: 0; width: 18px; height: 18px; 11376 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23999999'/%3E%3C/svg%3E"); 11377 background-size: 18px 18px; background-repeat: no-repeat; transition: all 100ms ease-in; 11378 } 11379 f-question-answer[data-index]:hover::before { 11380 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23F54401'/%3E%3C/svg%3E"); 11381 } 11382 f-question-answer[data-index].selected::before { 11383 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509
1138316.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23F54401'/%3E%3C/svg%3E"); 11384 } 11385 11386 /* Footer */ 11387 f-question-footer { 11388 display: flex; align-items: center; flex-wrap: wrap; height: 46px; 11389 font-family: var(--f-suisse-regular); font-size: 15px; line-height: 18px; 11390 background-color: var(--f-article-background-inline); 11391 border-radius: 0 0 6px 6px; 11392 } 11393 f-question-footer-right { margin-left: auto; } 11394 f-question-footer input[type="submit"] { 11395 border: 0; padding: 0 12px; margin: 8px; border-radius: 6px; 11396 background-color: var(--f-article-button-background-active); cursor: pointer; 11397 font-family: var(--f-suisse-regular); font-size: 16px; line-height: 30px; color: white; 11398 } 11399 f-article[data-artsite='tjock'] f-question-footer input[type="submit"] { 11400 background-color: var(--f-hot-color-tjock); 11401 } 11402 f-question-footer input[type="submit"]:disabled { 11403 background-color: var(--f-article-button-background-inactive); cursor: default; 11404 } 11405 f-question-footer-text { padding: 6px 11px; margin-left: 8px; color: var(--f-article-text-color); font-size: 13px; } 11406 f-question-footer-link { 11407 padding: 6px 11px; cursor: pointer; font-size: 13px; margin-left: 8px; 11408 color: var(--f-article-text-color); background: rgba(0,0,0,0.08); border-radius: 6px; 11409 } 11410 f-question-footer-link:hover { background: rgba(0,0,0,0.16); } 11411 [data-darkmode='on'] f-question-footer-link { color: var(--f-article-text-color); background: rgba(255,255,255,0.16); } 11412 [data-darkmode='on'] f-question-footer-link:hover { background: rgba(255,255,255,0.24); } 11413 11414 @media only screen and (max-width: 480px) { 11415 f-question-header { font-size: 15px; line-height: 17px; } 11416 f-question-header-right { font-size: 12px; } 11417 f-question-answer { font-size: 13px; line-height: 15px; } 11418 f-question-resultbar { font-size: 13px; line-height: 15px; padding: 12px var(--f-article-padding); } 11419 f-question-resultbar-right { font-size: 12px; line-height: 18px; } 11420 f-question-footer { font-size: 13px; line-height: 15px; } 11421 f-question-footer input[type="submit"] { padding: 0 12px; font-size: 14px; line-height: 29px; } 11422 f-question-footer-link, f-question-footer-text { padding: 12px var(--f-article-padding); } 11423 } 11424 } 11425 11426 11427 11428 11429 11430 --%> 11431 11432 </style> 11433 11434 11435 11436 11437 11438 11439 11440 11441 11442 11443 11444 11445 11446 11447 11448 11449 11450 11451 11452 11453 11454 11455 11456 11457 11458 11459 11460 11461 11462 11463 11464 11465 11466 11467 11468 11469 11470 11471 11472 11473 11474 11475 11476 11477 11478 11479 11480 11481 11482 11483 11484 11485 11486 11487 11488 11489 11490 11491 11492 11493 11494 11495 11496 11497 11498 11499 11500 11501 11502 11503 11504 11505 11506 11507 11508 11509 11510 11511 11512 11513 11514 11515 11516 11517 11518 11519 11520 11521 11522 11523 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 11534 11535 11536 11537 11538 11539 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 11555 11556 11557 11558 11559 11560 11561 11562 11563 11564 11565 11566 11567 11568 11569 11570 11571 11572 11573 11574 11575 11576 11577 11578 11579 11580 11581 11582 11583 11584 11585 11586 11587 11588 11589 11590 11591 11592 11593 11594 11595 11596 11597 11598 11599 11600 11601 11602 11603 11604 11605 11606 11607 11608 11609 11610 11611 11612 11613 11614 11615 11616 11617 11618 11619 11620 11621 11622 11623 11624 11625 11626 11627 11628 11629 11630 11631 11632 11633 11634 11635 11636 11637 11638 11639 11640 11641 11642 11643 11644 11645 11646 11647 11648 11649 11650 11651 11652 11653 11654 11655 11656 11657 11658 11659 11660 11661 11662 11663 11664 11665 11666 11667 11668 11669 11670 11671 11672 11673 11674 11675 11676 11677 11678 11679 11680 11681 11682 11683 11684 11685 11686 11687 <style> 11688 /* Embed-relaterad CSS har flyttats till css_embed.jsp */ 11689 f-embed[data-type="mux"] { 11690 display: block; 11691 } 11692 </style> 11693 11694 11695 11696 11697 11698 11699 11700 11701 11702 11703 11704 11705 11706 11707 11708 11709 11710 11711 11712 11713 11714 11715 11716 11717 11718 11719 11720 11721 11722 11723 11724 11725 11726 11727 11728 11729 11730 11731 11732 11733 11734 11735 11736 11737 11738 11739 11740 11741 11742 11743 11744 11745 11746 11747 11748 11749 11750 11751 11752 11753 11754 11755 11756 11757 11758 11759 11760 11761 11762 11763 11764 11765 11766 11767 11768 11769 11770 11771 11772 11773 11774 11775 11776 11777 11778 11779 11780 11781 11782 11783 11784 11785 11786 11787 11788 11789 11790 11791 11792 11793 11794 11795 11796 11797 11798 11799 11800 11801 11802 11803 11804 11805 11806 11807 11808 11809 11810 11811 11812 11813 11814 11815 11816 11817 11818 11819 11820 11821 11822 11823 11824 11825 11826 11827 11828 11829 11830 11831 11832 11833 11834 11835 11836 11837 11838 11839 11840 11841 11842 11843 11844 11845 11846 11847 11848 11849 11850 11851 11852 11853 11854 11855 11856 11857 11858 11859 11860 11861 11862 11863 11864 11865 11866 11867 11868 11869 11870 11871 11872 11873 11874 11875 11876 11877 11878 11879 11880 11881 11882 11883 11884 11885 11886 11887 11888 11889 11890 11891 11892 11893 11894 11895 11896 11897 11898 11899 11900 11901 11902 11903 11904 11905 11906 11907 11908 11909 11910 11911 11912 11913 11914 11915 11916 11917 11918 11919 11920 11921 11922 11923 11924 11925 11926 11927 11928 11929 11930 11931 11932 11933 11934 11935 11936 11937 11938 11939 11940 11941 11942 11943 11944 <style> 11945 f-externalyoutube-container { margin: var(--f-article-padding); display: block; } 11946 f-externalyoutube { display: block; margin: 0; } 11947 f-externalyoutube-track, f-externalyoutube-list, f-externalyoutube-item { display: block; } 11948 11949 f-externalyoutubethumbs { display: block; margin-top: 6px; } 11950 f-externalyoutubethumbs-track, f-externalyoutubethumbs-list, f-externalyoutubethumbs-item { display: block; } 11951 f-externalyoutubethumbs-track { overflow: unset !important; } 11952 f-externalyoutubethumbs-item img { width: 100% } 11953 f-externalyoutubethumbs-item .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, f-externalyoutubethumbs-item .splide--nav>.splide__track>.splide__list>.splide__slide { border: 0; } 11954 f-externalyoutubethumbs-item .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, f-externalyoutubethumbs-item .splide--nav>.splide__track>.splide__list>.splide__slide.is-active { border: 0; opacity: 0.5; } 11955 f-externalyoutubethumbs-item.is-active { opacity: 0.5; transition: all .4s ease-in-out; border: none !important; } 11956 11957 </style> 11958 11959 11960 11961 11962 11963 11964 11965 11966 11967 11968 11969 11970 11971 11972 11973 11974 11975 11976 11977 11978 11979 11980 11981 11982 11983 11984 11985 11986 11987 11988 11989 11990 11991 11992 11993 11994 11995 11996 11997 11998 11999 12000 12001 12002 12003 12004 12005 12006 12007 12008 12009 12010 12011 12012 12013 12014 12015 12016 12017 12018 12019 12020 12021 12022 12023 12024 12025 12026 12027 12028 12029 12030 12031 12032 12033 12034 12035 12036 12037 12038 12039 12040 12041 12042 12043 12044 12045 12046 12047 12048 12049 12050 12051 12052 12053 12054 12055 12056 12057 12058 12059 12060 12061 12062 12063 12064 12065 12066 12067 12068 12069 12070 12071 12072 12073 12074 12075 12076 12077 12078 12079 12080 12081 12082 12083 12084 12085 12086 12087 12088 12089 12090 12091 12092 12093 12094 12095 12096 12097 12098 12099 12100 12101 12102 12103 12104 12105 12106 12107 12108 12109 12110 12111 12112 12113 12114 12115 12116 12117 12118 12119 12120 12121 12122 12123 12124 12125 12126 12127 12128 12129 12130 12131 12132 12133 12134 12135 12136 12137 12138 12139 12140 12141 12142 12143 12144 12145 12146 12147 12148 12149 12150 12151 12152 12153 12154 12155 12156 12157 12158 12159 12160 12161 12162 12163 12164 12165 12166 12167 12168 12169 12170 12171 12172 12173 12174 12175 12176 12177 12178 12179 12180 12181 12182 12183 12184 12185 12186 12187 12188 12189 12190 12191 12192 12193 12194 12195 12196 12197 12198 12199 12200 12201 12202 12203 12204 12205 12206 12207 12208 12209 12210 12211 12212 <style> 12213 12214 f-article-disqus-container { 12215 display: block; margin: var(--f-margins); max-width: 980px; width: 100%; 12216 background-color: var(--f-article-background); 12217 } 12218 f-article-disqus { 12219 display: block; max-height: 0; padding: 0; transition: max-height .4s ease-in-out; overflow: hidden; font-family: var(--f-suisse-regular); 12220 background-color: var(--f-article-background); 12221 } 12222 f-article-disqus[data-open="false"][data-loaded="false"] { padding: 0px; max-height: 0px; } 12223 f-article-disqus[data-open="true"][data-loaded="loading"] { padding: 0px; max-height: none; } 12224 f-article-disqus[data-open="true"][data-loaded="true"] { padding: 0px; max-height: none; min-height: 250px; } 12225 12226 12227 12228 f-article-disqus-rules { 12229 display: block; margin: 0; padding: 0 18px; 12230 font-family: var(--f-suisse-regular); font-size: 15px; line-height:40px; font-weight: 300; -webkit-font-smoothing: antialiased; text-align: center; 12231 background-color: var(--f-article-background-inline); color: var(--f-article-text-color); 12232 } 12233 f-article-disqus-rules a { 12234 color: var(--f-article-link-color); text-decoration: none; text-decoration-color: var(--f-article-text-color-invert); 12235 font-family: var(--f-suisse-semibold); font-weight: 300; 12236 } 12237 f-article-disqus-container f-article-disqus-rules { margin-top: 0; } 12238 12239 f-article-disqus-loading { width: 100%; } 12240 f-article-disqus-loading w8 { margin: 100px auto; } 12241 12242 f-article-disqus[data-loaded=false] f-article-disqus-loading { display: block; } 12243 f-article-disqus[data-loaded=false] f-article-disqus-loaded { display: none; } 12244 12245 f-article-disqus[data-loaded=loading] f-article-disqus-loading { display: block; } 12246 f-article-disqus[data-loaded=loading] f-article-disqus-loaded { display: none; } 12247 12248 f-article-disqus[data-loaded=true] f-article-disqus-loading { display: none; } 12249 f-article-disqus[data-loaded=true] f-article-disqus-loaded { display: block; } 12250 12251 12252 12253 12254 12255 #disqus_thread { 12256 padding: 5px var(--f-article-padding); 12257 } 12258 12259 /* FEATURED DISQUS COMMENT */ 12260 f-disqus-featured { display: none; } 12261 f-disqus-featured[data-loaded="true"] { 12262 display: block; 12263 margin: 0 var(--f-article-padding) var(--f-article-padding); 12264 padding: 15px; 12265 background: var(--f-article-background-inline-pale); 12266 border-left: 3px solid var(--n-orange); 12267 cursor: pointer; 12268 } 12269 f-disqus-featured-label { 12270 display: block; 12271 font-family: var(--f-suisse-semibold); 12272 font-size: 11px; 12273 text-transform: uppercase; 12274 letter-spacing: 0.5px; 12275 color: var(--f-article-text-color-shade-deluxe); 12276 margin-bottom: 10px; 12277 -webkit-font-smoothing: antialiased; 12278 } 12279 f-disqus-featured f-disqus-post { 12280 display: flex; 12281 gap: 10px; 12282 } 12283 f-disqus-featured f-disqus-avatar { 12284 display: block; 12285 width: 36px; 12286 min-width: 36px; 12287 } 12288 f-disqus-featured f-disqus-avatar img { 12289 width: 100%; 12290 border-radius: 50%; 12291 } 12292 f-disqus-featured f-disqus-right { 12293 display: flex; 12294 flex-direction: column; 12295 gap: 4px; 12296 } 12297 f-disqus-featured f-disqus-nickname { 12298 font-family: var(--f-suisse-regular); 12299 font-size: 12px; 12300 color: var(--f-article-text-color-shade-deluxe); 12301 -webkit-font-smoothing: antialiased; 12302 } 12303 f-disqus-featured f-disqus-nickname strong { 12304 color: var(--f-article-text-color); 12305 } 12306 f-disqus-featured f-disqus-message { 12307 font-family: var(--f-suisse-regular); 12308 font-size: 14px; 12309 line-height: 20px; 12310 color: var(--f-article-text-color); 12311 -webkit-font-smoothing: antialiased; 12312 } 12313 f-disqus-featured f-disqus-message p { 12314 margin-block: 0; 12315 } 12316 12317 </style> 12318 12319 12320 12321 12322 12323 12324 12325 12326 12327 12328 12329 12330 12331 12332 12333 12334 12335 12336 12337 12338 12339 12340 12341 12342 12343 12344 12345 12346 12347 12348 12349 12350 12351 12352 12353 12354 12355 12356 12357 12358 12359 12360 12361 12362 12363 12364 12365 12366 12367 12368 12369 12370 12371 12372 12373 12374 12375 12376 12377 12378 12379 12380 12381 12382 12383 12384 12385 12386 12387 12388 12389 12390 12391 12392 12393 12394 12395 12396 12397 12398 12399 12400 12401 12402 12403 12404 12405 12406 12407 12408 12409 12410 12411 12412 12413 12414 12415 12416 12417 12418 12419 12420 12421 12422 12423 12424 12425 12426 12427 12428 12429 12430 12431 12432 12433 12434 12435 12436 12437 12438 12439 12440 12441 12442 12443 12444 12445 12446 12447 12448 12449 12450 12451 12452 12453 12454 12455 12456 12457 12458 12459 12460 12461 12462 12463 12464 12465 12466 12467 12468 12469 12470 12471 12472 12473 12474 12475 12476 12477 12478 12479 12480 12481 12482 12483 12484 12485 12486 12487 12488 12489 12490 12491 12492 12493 12494 12495 12496 12497 12498 12499 12500 12501 12502 12503 12504 12505 12506 12507 12508 12509 12510 12511 12512 12513 12514 12515 12516 12517 12518 12519 12520 12521 12522 12523 12524 12525 12526 12527 12528 12529 12530 12531 12532 12533 12534 12535 12536 12537 12538 12539 12540 12541 12542 12543 12544 12545 12546 12547 12548 12549 12550 12551 12552 12553 12554 12555 12556 12557 12558 12559 12560 12561 12562 12563 12564 12565 12566 12567 12568 12569 12570 12571 12572 12573 12574 12575 12576 12577 12578 12579 12580
12581<script> 12582 12583 function loadDisqus(theDiv,theURL,scrolling) { 12584 12585 // Loading anim 12586 var bouncer = "<w8><w8a></w8a><w8b></w8b></w8>"; 12587 12588 // Fixa selektorn genom att lägga till citattecken runt attributvärden om de saknas 12589 var fixedSelector = theDiv.replace(/\[data-id=([^\]]+)\]/g, '[data-id="$1"]'); 12590 var targetElement = document.querySelector(fixedSelector); 12591 if (!targetElement) { 12592 console.error('loadDisqus: Element not found:', fixedSelector); 12593 return; 12594 } 12595 12596 // Start with closing all comments and set some attr 12597 document.querySelectorAll('f-article-disqus').forEach(function(el) { 12598 el.innerHTML = ''; 12599 el.setAttribute('data-open', 'false'); 12600 el.setAttribute('data-loaded', 'false'); 12601 }); 12602 12603 // Then we enlarge the correct element and load the bouncer 12604 targetElement.setAttribute('data-open', 'true'); 12605 targetElement.setAttribute('data-loaded', 'loading'); 12606 targetElement.innerHTML = bouncer; 12607 12608 if (scrolling != 'noscroll') { 12609 // Then we scroll to the element, if setting is not noscroll 12610 var elementTop = targetElement.getBoundingClientRect().top + window.pageYOffset; 12611 window.scrollTo({ top: elementTop - 3, behavior: 'smooth' }); 12612 var menuContainer = document.querySelector('f-menu-container'); 12613 if (menuContainer) menuContainer.setAttribute('data-show', 'no'); 12614 } 12615 12616 // Then we load disqus via fetch 12617 fetch(theURL) 12618 .then(function(response) { 12619 if (!response.ok) throw new Error(response.status + ' ' + response.statusText); 12620 return response.text(); 12621 }) 12622 .then(function(html) { 12623 targetElement.innerHTML = ''; 12624 12625 // Parse och infoga HTML 12626 var tempDiv = document.createElement('div'); 12627 tempDiv.innerHTML = html; 12628 while (tempDiv.firstChild) { 12629 targetElement.appendChild(tempDiv.firstChild); 12630 } 12631 12632 // Hitta och kör alla script-taggar 12633 var scripts = targetElement.querySelectorAll('script'); 12634 for (var i = 0; i < scripts.length; i++) { 12635 var script = scripts[i]; 12636 var newScript = document.createElement('script'); 12637 if (script.src) { 12638 newScript.src = script.src; 12639 } else { 12640 newScript.textContent = script.textContent; 12641 } 12642 script.parentNode.replaceChild(newScript, script); 12643 } 12644 12645 // Create a checker for Disqus status 12646 var checkDisqusStatusInterval = setInterval(checkDisqusStatus, 200); 12647 var readyCounter = 0; 12648 12649 function checkDisqusStatus() { 12650 if (window.disqusReady == true || readyCounter > 10) { 12651 targetElement.setAttribute('data-loaded', 'true'); 12652 window.disqusReady = false; 12653 clearInterval(checkDisqusStatusInterval); 12654 } 12655 readyCounter++; 12656 } 12657 }) 12658 .catch(function(error) { 12659 targetElement.innerHTML = "Oops, n\u00E5got gick fel! " + error.message; 12660 }); 12661 12662 // Ping analytics about the event 12663 if (typeof plausible === 'function') { 12664 if (scrolling == 'noscroll') { 12665 plausible('CommentsOpen', {props: {Open: 'Startpage', URL: theURL}}); 12666 } else { 12667 plausible('CommentsOpen', {props: {Open: 'Artpage', URL: theURL}}); 12668 } 12669 } 12670 12671 }; 12672 12673</script>
12673 12674 12675 12676 12677 12678 12679 12680 12681 12682 12683 12684 12685 12686 12687 12688 12689 12690 12691 12692 12693 12694 12695 12696 12697 12698 12699 12700 12701 12702 12703 12704 12705 12706 12707 12708 12709 12710 12711 12712 12713 12714 12715 12716 12717 12718 12719 12720 12721 12722 12723 12724 12725 12726 12727 12728 12729 12730 12731 12732 12733 12734 12735 12736 12737 12738 12739 12740 12741 12742 12743 12744 12745 12746 12747 12748 12749 12750 12751 12752 12753 12754 12755 12756 12757 12758 12759 12760 12761 12762 12763 12764 12765 12766 12767 12768 12769 12770 12771 12772 12773 12774 12775 12776 12777 12778 12779 12780 12781 12782 12783 12784 12785 12786 12787 12788 12789 12790 12791 12792 12793 12794 12795 12796 12797 12798 12799 12800 12801 12802 12803 12804 12805 12806 12807 12808 12809 12810 12811 12812 12813 12814 12815 12816 12817 12818 12819 12820 12821 12822 12823 12824 12825 12826 12827 12828 12829 12830 12831 12832 12833 12834 12835 12836 12837 12838 12839 12840 12841 12842 12843 12844 12845 12846 12847 12848 12849 12850 12851 12852 12853 12854 12855 12856 12857 12858 12859 12860 12861 12862 12863 12864 12865 12866
12867<script> 12868 12869 function loadFeaturedComments() { 12870 document.querySelectorAll('f-disqus-featured[data-loaded="false"]').forEach(function(el) { 12871 var artId = el.getAttribute('data-artid'); 12872 if (!artId) return; 12873 12874 el.setAttribute('data-loaded', 'loading'); 12875 12876 fetch('/snippets/disqus_fetcher.jsp?what=featured&artid=' + artId) 12877 .then(function(response) { return response.json(); }) 12878 .then(function(data) { 12879 if (data && data.response && data.response.length > 0) { 12880 var post = data.response[0]; 12881 var authorName = post.author.name; 12882 var authorAvatar = post.author.avatar.large ? post.author.avatar.large.cache : post.author.avatar.cache; 12883 var message = post.message; 12884 12885 el.innerHTML = '<f-disqus-featured-label>Utvald kommentar</f-disqus-featured-label>' + 12886 '<f-disqus-post>' + 12887 '<f-disqus-avatar><img src="' + authorAvatar + '" alt="' + authorName + '" /></f-disqus-avatar>' + 12888 '<f-disqus-right>' + 12889 '<f-disqus-nickname><strong>' + authorName + '</strong></f-disqus-nickname>' + 12890 '<f-disqus-message>' + message + '</f-disqus-message>' + 12891 '</f-disqus-right>' + 12892 '</f-disqus-post>'; 12893 12894 el.setAttribute('data-loaded', 'true'); 12895 } else { 12896 el.setAttribute('data-loaded', 'empty'); 12897 } 12898 }) 12899 .catch(function(error) { 12900 console.error('Featured comment error:', error); 12901 el.setAttribute('data-loaded', 'error'); 12902 }); 12903 }); 12904 } 12905 12906 if (document.readyState === 'loading') { 12907 document.addEventListener('DOMContentLoaded', loadFeaturedComments); 12908 } else { 12909 loadFeaturedComments(); 12910 } 12911 12912</script>
12912 12913 12914 12915 12916 12917 12918 12919 12920 12921 12922 12923 12924 12925 12926 12927 12928 12929 12930 12931 12932 12933 12934 12935 12936 12937 12938 12939 12940 12941 12942 12943 12944 12945 12946 12947 12948 12949 12950 12951 12952 12953 12954 12955 12956 12957 12958 12959 12960 12961 12962 12963 12964 12965 12966 12967 12968 12969 12970 12971 12972 12973 12974 12975 12976 12977 12978 12979 12980 12981 12982 12983 12984 12985 12986 12987 12988 12989 12990 12991 12992 12993 12994 12995 12996 12997 12998 12999 13000 13001 13002 13003 13004 13005 13006 13007 13008 13009 13010 13011 13012 13013 13014 13015 13016 13017 13018 13019 13020 13021 13022 13023 13024 13025 13026 13027 13028 13029 13030 13031 13032 13033 13034 13035 13036 13037 13038 13039 13040 13041 13042 13043 13044 13045 13046 13047 13048 13049 13050 13051 13052 13053 13054 13055 13056 13057 13058 13059 13060 13061 13062 13063 13064 13065 13066 13067 13068 13069 13070 13071 13072 13073 13074 13075 13076 13077 13078 13079 13080 13081 13082 13083 13084 13085 13086 13087 13088 13089 <style> 13090 .pspy_widget { 13091 position: relative; margin: 0px 20px; padding: 20px; border-radius: 6px; width: calc(100% - 80px); height: auto; 13092 background-color: rgba(0,0,0,0.05); 13093 font-family: var(--f-suisse-regular); font-size: 14px; font-weight: 300; line-height: 17px; -webkit-font-smoothing: antialiased; 13094 } 13095 .pspy_widget * { margin: 0; } 13096 .pspy_widget a, .pspy_widget a:visited { font-weight: 300; text-decoration: none; color: black; } 13097 .pspy_widget:after { content:""; display:table; clear:both; } 13098 .pspy_widget p, .pspy_widget table { padding-bottom: 0; } 13099 13100 .pspy_widget .w_header { display: none; } 13101 .pspy_widget .w_body { overflow: hidden; height: 112px!important; } 13102 .pspy_widget .w_item {padding: 0; width:100%; background-color: transparent; } 13103 .pspy_widget .w_item:last-of-type { margin-bottom: 3em; } 13104 .pspy_widget .w_item:nth-child(3n+1){clear:left} 13105 .pspy_widget .w_full_width { width:100%; } 13106 .pspy_widget .w_basic_info { float:left; min-width: 300px; } 13107 .pspy_widget .w_footer { 13108 position: absolute; bottom: 10px; right: 12px; padding: 0; overflow: hidden; height: 14px; 13109 } 13110 .pspy_widget .w_footer img { height: 14px; } 13111 13112 .pspy_widget .w_figure .w_img { width: 100px; height: 100px; border: 6px solid white; border-radius: 6px; } 13113 .pspy_widget .w_figure, .pspy_widget .w_info { display: table-cell; } 13114 .pspy_widget .w_figure { vertical-align: top; width: 112px; padding: 0; float: left; } 13115 13116 .pspy_widget table { float: right; font-family: SuisseBold;font-size: 16px; color: #f7520c; margin-top: 7px; } 13117 .pspy_widget .w_name { font-size: 16px; font-weight: 300; margin: 0; font-family: var(--f-suisse-bold); color: #222!important; -webkit-font-smoothing: antialiased; } 13118 .pspy_widget .w_price { color: #f7520c; float: none; text-align: left; } 13119 .pspy_widget .w_price, .pspy_widget .w_price a { color: #f7520c; } 13120 .pspy_widget .w_price > span { color: #000; } 13121 .pspy_widget .w_grade, .pspy_widget .w_grade a { color: orangered; } 13122 13123 .pspy_widget .w_store_count { color: rgb(63, 69, 73); } 13124 .pspy_widget .w_store_logo { height: 20px; margin-right: 15px; } 13125 .pspy_widget .w_store_name .w_store_title.w_no_logo { display: none; } 13126 .pspy_widget .w_store_name .w_store_title { font-family: SuisseRegular; color: black; margin-right: 10px; } 13127 .pspy_widget .w_store_name { min-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; } 13128 13129 .pspy_widget .w_info { padding: 6px 14px; float: left; } 13130 .pspy_widget .w_in_stock { color: green; font-weight: normal; display: none; } 13131 .pspy_widget .w_incoming { color: #FFD400; display: none; } 13132 .pspy_widget .w_not_in_stock { color: #DD2729; display: none; } 13133 .pspy_widget .w_unfeatured, .pspy_widget .w_featured.download { color: lightgray; } 13134 .pspy_widget .w_unfeatured, .pspy_widget .w_featured{ position:relative; } 13135 .pspy_widget .w_unfeatured:before, .pspy_widget .w_featured:before { 13136 content:attr(title); color:#000; background:#eee; position:absolute; right:-9999px; opacity:0; white-space: nowrap; -webkit-transition:0.25s linear opacity; transition:0.25s linear opacity; 13137 } 13138 .pspy_widget .w_unfeatured:hover:before, .pspy_widget .w_featured:hover:before { right:1em; opacity:1; padding-left: .2em; } 13139 13140 .pspy_widget .w_collaboration_tagline { color: #b0afaf; display: inline-block; font-size: 1.2em; } 13141 .pspy_widget .w_collaboration_tagline img, .pspy_widget .w_tagline { vertical-align: middle; } 13142 .pspy_widget .w_body{height:auto;padding-bottom:0;overflow-y:hidden} 13143 13144 .pspy_widget .w_link { color: #05659c; } 13145 .pspy_widget .w_name .w_link { color: black; } 13146 .pspy_widget table .w_link { color: orangered !important; font-size: 20px; } 13147 13148 @media only screen and (max-width: 480px) { 13149 .pspy_widget { width: calc(100% - 60px); margin: 0px 15px; padding: 15px; } 13150 .pspy_widget .w_info { padding: 0px; float: left; font-size: 13px; } 13151 .pspy_widget .w_name { font-size: 14px; } 13152 .pspy_widget table { padding-left: 0px; float: left; padding-top: 10px; } 13153 .pspy_widget .w_figure { float: right; width: 70px; } 13154 .pspy_widget .w_figure .w_img { width: 58px; height: 58px; } 13155 .pspy_widget .w_footer { height: 14px; margin-top: -14px; margin-right: 0px;} 13156 .pspy_widget .w_footer img { height: 14px; } 13157 } 13158 13159 f-article-prisjakt { display: block; margin: var(--f-article-padding); } 13160 [data-premium="true"] f-article-prisjakt { display: none; } 13161 13162 f-article-prisjakt [id$="-advertiser-container"], 13163 f-article-prisjakt [id$="-number"], 13164 f-article-prisjakt [id$="-price-text"], 13165 f-article-prisjakt [id$="-text-container"] 13166 { font-family: var(--f-suisse-regular) !important; font-weight: 300 !important; } 13167 13168 f-article-prisjakt [id$="-ad-container"], 13169 f-article-prisjakt [id$="-header"], 13170 f-article-prisjakt [id$="-header-container"], 13171 f-article-prisjakt [id$="-main-price"] 13172 { font-family: var(--f-suisse-semibold) !important; font-weight: 300 !important; } 13173 13174 f-article-prisjakt [id$="-number"], 13175 f-article-prisjakt [id$="-price-text"], 13176 f-article-prisjakt [id$="-text-container"], 13177 f-article-prisjakt [id$="-ad-container"], 13178 f-article-prisjakt [id$="-advertiser-container"], 13179 f-article-prisjakt [id$="-price-container"], 13180 f-article-prisjakt [id$="-ad"], 13181 f-article-prisjakt [id$="-header"], 13182 f-article-prisjakt [id$="-main-price"] { 13183 color: var(--f-article-text-color) !important; font-weight: 300 !important; 13184 } 13185 13186 f-prisjakt [id$="-ad-container"] { background-color: transparent !important; } 13187 13188 f-prisjakt [id$="-product-img"] { margin: 0 !important; border: 4px solid white; } 13189 </style> 13190 13191 13192 13193 13194 13195 13196 13197 13198 13199 13200 13201 13202 13203 13204 13205 13206 13207 13208 13209 13210 13211 13212 13213 13214 13215 13216 13217 13218 13219 13220 13221 13222 13223 13224 13225 13226 13227 13228 13229 13230 13231 13232 13233 13234 13235 13236 13237 13238 13239 13240 13241 13242 13243 13244 13245 13246 13247 13248 13249 13250 13251 13252 13253 13254 13255 13256 13257 13258 13259 13260 13261 13262 13263 13264 13265 13266 13267 13268 13269 13270 13271 13272 13273 13274 13275 13276 13277 13278 13279 13280 13281 13282 13283 13284 13285 13286 13287 13288 13289 13290 13291 13292 13293 13294 13295 13296 13297 13298 13299 13300 13301 13302 13303 13304 13305 13306 13307 13308 13309 13310 13311 13312 13313 13314 13315 13316 13317 13318 13319 13320 13321 13322 13323 13324 13325 13326 13327 13328 13329 13330 13331 13332 13333 13334 13335 13336 13337 13338 13339 13340 13341 13342 13343 13344 13345 13346 13347 13348 13349 13350 13351 13352 13353 13354 13355 13356 13357 13358 13359 13360 13361 13362 13363 13364 13365 13366 13367 13368 13369 13370 13371 13372 13373 13374 13375 13376 13377 13378 13379 13380 13381 13382 13383 13384 13385 13386 13387 13388 13389 13390 13391 13392 13393 13394 13395 13396 13397 13398 13399 13400 13401 13402 13403 13404 13405 13406 13407 13408 13409 13410 13411 13412 13413 13414 13415 13416 13417 13418 13419 13420 13421 13422 13423 13424 13425 13426 13427 13428 13429 13430 13431 13432 13433 13434 13435 13436 13437 13438 13439 13440 13441 <style> 13442 13443 f-artcollapsed { 13444 background-color: var(--f-article-background-inline); 13445 display: none; grid-template-columns: 1fr auto; grid-template-rows: auto; grid-template-areas: "header tagline"; 13446 margin: 20px auto; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); padding: var(--f-article-padding); 13447 } 13448 13449 f-artcollapsed-header { 13450 display: grid; grid-area: header; font-family: var(--f-suisse-regular); font-size: 20px; line-height: 20px; font-weight: 300; color: var(--f-article-text-color-shade-deluxe); -webkit-font-smoothing: antialiased; 13451 } 13452 13453 f-artcollapsed-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); } 13454 13455 f-artcollapsed-tagline { display: block; grid-area: tagline; } 13456 13457 f-artcollapsed-tagline f-bubble { 13458 float: right; margin: 0; padding: 0px 11px; min-width: 24px; cursor: pointer; background: #333; border: 1px solid #333; 13459 font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff; text-decoration: none;text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em; 13460 } 13461 13462 f-artcollapsed-tagline f-bubble::after { 13463 content: ' '; background-color: none; display: block; position: absolute; 13464 border-left: 2px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333; 13465 padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: -4px; 13466 } 13467 13468 f-artcollapsed .temp { 13469 padding: 0px 11px; float: right; margin-left: 15px; cursor: default; background: #333; border: 1px solid transparent; 13470 font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff; 13471 text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em; 13472 } 13473 13474 @media only screen and (max-width: 480px) { 13475 f-artcollapsed-header { font-size: 16px; line-height: 16px; } 13476 f-artcollapsed .temp { padding: 0 6px; font-size: 18px;
13476 line-height: 26px; } 13477 f-artcollapsed-tagline f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 11px); } 13478 f-artcollapsed-tagline f-bubble::after { 13479 border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; margin-top: 0px; margin-right: 0px; margin-left: -1px; 13480 } 13481 } 13482 13483 </style> 13484 13485 13486 13487 13488 13489 13490 13491 13492 13493 13494 13495 13496 13497 13498 13499 13500 13501 13502 13503 13504 13505 13506 13507 13508 13509 13510 13511 13512 13513 13514 13515 13516 13517 13518 13519 13520 13521 13522 13523 13524 13525 13526 13527 13528 13529 13530 13531 13532 13533 13534 13535 13536 13537 13538 13539 13540 13541 13542 13543 13544 13545 13546 13547 13548 13549 13550 13551 13552 13553 13554 13555 13556 13557 13558 13559 13560 13561 13562 13563 13564 13565 13566 13567 13568 13569 13570 13571 13572 13573 13574 13575 13576 13577 13578 13579 13580 13581 13582 13583 13584 13585 13586 13587 13588 13589 13590 13591 13592 13593 13594 13595 13596 13597 13598 13599 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609 13610 13611 13612 13613 13614 13615 13616 13617 13618 13619 13620 13621 13622 13623 13624 13625 13626 13627 13628 13629 13630 13631 13632 13633 13634 13635 13636 13637 13638 13639 13640 13641 13642 13643 13644 13645 13646 13647 13648 13649 13650 13651 13652 13653 13654 13655 13656 13657 13658 13659 13660 13661 13662 13663 13664 13665 13666 13667 13668 13669 13670 13671 13672 13673 13674 13675 13676 13677 13678 13679 13680 13681 13682 13683 13684 13685 13686 13687 13688 13689 13690 13691 13692 13693 13694 13695 13696 13697 13698 13699 13700 13701 13702 13703 13704 13705 13706 13707 13708 13709 13710 13711 13712 13713 13714 13715 13716 13717 13718 13719 13720 13721 13722 13723 13724 13725 13726 13727 13728 13729 13730 13731 13732 13733 13734 13735 <style> 13736 13737 13738 13739 f-article-footer { grid-area: footer; display: block; font-family: var(--f-suisse-regular); margin: 0 auto; padding: var(--f-article-padding); 13740 width: calc(var(--f-article-width) - var(--f-article-padding) - var(--f-article-padding)); 13741 max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding)); 13742 height: 40px; 13743 background: var(--f-article-background-inline); 13744 } 13745 13746 f-article[data-artsite='tjock'] f-article-footer { background: var(--f-article-background); } 13747 13748 [data-darkmode='on'] f-article-footer { 13749 border-top: 1px solid var(--f-article-background-inline-header); 13750 } 13751 13752 @media only screen and (max-width: 480px) { 13753 f-article-footer { height: 34px; } 13754 } 13755 @media only screen and (max-width: 370px) { 13756 f-article-footer { width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); padding: var(--f-article-padding); height: 28px; } 13757 } 13758 13759 13760 13761 f-article-footer-plus, f-article-footer-minus { 13762 display: flex; align-items: center; justify-content: center; float: right; 13763 height: 40px; width: 40px; margin-left: 4px; cursor: pointer; line-height: 0; 13764 } 13765 f-article-footer-plus { margin-left: 4px; } 13766 f-article-footer-minus { margin-left: 15px; } 13767 f-article-footer-plus svg, f-article-footer-minus svg { display: block; flex: 0 0 auto; height: 40px; width: 40px; } 13768 13769 f-article[data-artsite='tjock'] f-article-footer-plus svg path.plusBackground { fill: var(--f-hot-color-tjock); } 13770 f-article[data-artsite='tjock'] f-article-footer-plus svg path.minusBackground { fill: var(--f-cold-color-tjock); } 13771 13772 f-article[data-artsite='tjock'] f-article-footer-plus svg path.plusBackground { fill: var(--f-hot-color-tjock); } 13773 f-article[data-artsite='tjock'] f-article-footer-plus svg path.minusBackground { fill: var(--f-cold-color-tjock); } 13774 @media only screen and (max-width: 480px) { 13775 f-article-footer-plus, f-article-footer-minus, f-article-footer-plus svg, f-article-footer-minus svg { height: 34px; width: 34px; } 13776 f-article-footer-minus { margin-left: 10px; } 13777 } 13778 @media only screen and (max-width: 370px) { 13779 f-article-footer-plus, f-article-footer-minus, f-article-footer-plus svg, f-article-footer-minus svg { height: 28px; width: 28px; } 13780 } 13781 13782 13783 f-article-footer .temp, f-article-footer f-article-temp { 13784 padding: 0px 11px; float: right; margin-left: 4px; cursor: default; 13785 background: #333; border: 1px solid transparent; 13786 font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff; 13787 text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em; 13788 transition: width .3s ease-in-out; 13789 } 13790 13791 /* f-article[data-artsite='tjock'] f-article-temp, 13792 f-article[data-artsite='tjock'] .temp { font-family: var(--f-lato-light); letter-spacing: -0.05em; } */ 13793 13794 f-article[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); } 13795 f-article[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); } 13796 13797 f-article-temp[data-tempstatus='normal'] { background-color: var(--f-normal-color); } 13798 f-article-temp[data-tempstatus='hot'] { background-color: var(--f-hot-color); } 13799 f-article-temp[data-tempstatus='cold'] { background-color: var(--f-cold-color); } 13800 13801 f-article[data-artsite='tjock'] f-article-temp[data-tempstatus='hot'] { background-color: var(--f-hot-color-tjock); } 13802 f-article[data-artsite='tjock'] f-article-temp[data-tempstatus='cold'] { background-color: var(--f-cold-color-tjock); } 13803 13804 f-article[data-artsite='tjock'] f-article-footer .temp { font-family: var(--f-lato-light); } 13805 13806 @media only screen and (max-width: 480px) { 13807 f-article-footer .temp, f-article-footer f-article-temp { padding: 0 8px; font-size: 20px; line-height: 32px; -webkit-font-smoothing: auto; } 13808 13809 } 13810 @media only screen and (max-width: 370px) { 13811 f-article-footer .temp, f-article-footer f-article-temp { padding: 0 6px; font-size: 18px;
13811 line-height: 26px; } 13812 } 13813 13814 13815 13816 13817 f-bubble { 13818 float: right; margin: 0; padding: 0px 11px; min-width: 24px; cursor: pointer; background: #333; border: 1px solid #333; 13819 font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; font-weight: 300; text-align: center; color: #fff; 13820 text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em; 13821 } 13822 13823 f-bubble::after { 13824 content: ' '; background-color: none; display: block; position: absolute; 13825 padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: -4px; 13826 border-left: 2px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333; 13827 } 13828 13829 /* f-article[data-artsite='tjock'] f-article-footer f-bubble { font-family: var(--f-lato-light); } */ 13830 13831 13832 @media only screen and (max-width: 480px) { 13833 f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 20px; line-height: 32px; min-width: calc(34px - 12px); } 13834 f-article-footer f-bubble::after { 13835 margin-top: 0px; margin-right: 0px; margin-left: -2px; 13836 border-left: 2px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333; 13837 } 13838 f-article-footer .arrow { margin-top: 9px; } 13839 } 13840 13841 @media only screen and (max-width: 370px) { 13842 f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 11px); } 13843 13844 f-article-footer f-bubble::after { 13845 margin-top: 0px; margin-right: 0px; margin-left: -1px; 13846 border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; 13847 } 13848 } 13849 13850 13851 13852 f-article-footer-writerinfo { 13853 display: block; float: left; padding: 6px 0 0 10px; 13854 text-transform: uppercase; font-size: 12px; font-family: var(--f-suisse-regular); color: var(--f-article-text-color-shade-deluxe); line-height: 14px; 13855 } 13856 13857 f-article-footer-writerinfo b { 13858 font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color-shade); -webkit-font-smoothing: antialiased; 13859 } 13860 13861 f-article-footer .writer_icon { width: 40px; height: 40px; float: left; margin-right: 4px; } 13862 13863 @media only screen and (max-width: 480px) { 13864 f-article-footer .writer_icon { width: 34px; height: 34px; } 13865 f-article-footer-writerinfo { font-size: 10px; padding: 6px 0 0 4px; line-height: 12px; } 13866 } 13867 @media only screen and (max-width: 370px) { 13868 f-article-footer .writer_icon { width: 28px; height: 28px; } 13869 f-article-footer-writerinfo { font-size: 9px; padding: 4px 0 0 2px; line-height: 11px; } 13870 } 13871 13872 13873 13874 13875 13876 f-share { 13877 display: block; float: right; cursor: pointer !important; 13878 padding: 9px 13px 11px 11px; height: 20px; width: 20px; margin-right: 15px; 13879 background-color: rgba(0,0,0,0.3); 13880 } 13881 13882 f-share svg { width: 20px; height: 20px; stroke: white; } 13883 13884 @media only screen and (max-width: 480px) { 13885 f-share { padding: 8px 5px 6px 10px; } 13886 f-share svg { width: 15px; height: 15px; } 13887 } 13888 @media only screen and (max-width: 370px) { 13889 f-share { padding: 4px 0px 0px 6px; } 13890 f-share svg { width: 13px; height: 13px; } 13891 } 13892 @media only screen and (max-width: 350px) { 13893 f-share { display: none !important; } 13894 } 13895 13896 13897 13898 13899 13900 13901 13902 13903 13904 @media (-webkit-min-device-pixel-ratio: 2) { 13905 f-article-footer .bubbla, f-article-footer .temp, f-article-footer f-article-temp { -webkit-font-smoothing: auto; } 13906 } 13907 13908 f-article-error { 13909 transition: opacity .3s ease-out; display: none; max-width: 980px; width: 100%; padding: 6px 0; 13910 background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); 13911 font-family: var(--f-suisse-regular); font-size: 12px; text-align: center; margin: 0 auto; 13912 13913 } 13914 f-article-error[data-show='true'] { 13915 opacity: 1; height: auto; 13916 margin: -20px auto 20px; 13917 padding: 0 6px; 13918 } 13919 13920 f-article-mamma { 13921 display: block; max-width: 980px; width: 100%; opacity: 0; height: 0; transition: opacity .3s ease-out; 13922 background-color: var(--f-article-background-invert); color: white; 13923 font-family: var(--f-suisse-regular); font-size: 12px; text-align: center; 13924 } 13925 13926 13927 13928 </style> 13929 13930 13931 13932 13933 13934 13935 13936 13937 13938 13939 13940 13941 13942 13943 13944 13945 13946 13947 13948 13949 13950 13951 13952 13953 13954 13955 13956 13957 13958 13959 13960 13961 13962 13963 13964 13965 13966 13967 13968 13969 13970 13971 13972 13973 13974 13975 13976 13977 13978 13979 13980 13981 13982 13983 13984 13985 13986 13987 13988 13989 13990 13991 13992 13993 13994 13995 13996 13997 13998 13999 14000 14001 14002 14003 14004 14005 14006 14007 14008 14009 14010 14011 14012 14013 14014 14015 14016 14017 14018 14019 14020 14021 14022 14023 14024 14025 14026 14027 14028 14029 14030 14031 14032 14033 14034 14035 14036 14037 14038 14039 14040 14041 14042 14043 14044 14045 14046 14047 14048 14049 14050 14051 14052 14053 14054 14055 14056 14057 14058 14059 14060 14061 14062 14063 14064 14065 14066 14067 14068 14069 14070 14071 14072 14073 14074 14075 14076 14077 14078 14079 14080 14081 14082 14083 14084 14085 14086 14087 14088 14089 14090 14091 14092 14093 14094 14095 14096 14097 14098 14099 14100 14101 14102 14103 14104 14105 <style> 14106 14107 14108 14109 f-internallinks-new { 14110 margin: var(--f-article-padding) 0 0 0; 14111 display: grid; 14112 grid-auto-flow: column; 14113 gap: 0; 14114 height: auto; 14115 padding: 0 var(--f-article-padding) var(--f-article-padding) 0; 14116 width: calc(100% - var(--f-article-padding)); 14117 overflow-y: hidden; 14118 overscroll-behavior-x: contain; 14119 scroll-snap-type: x mandatory; 14120 background-color: transparent; 14121 font-family: var(--f-suisse-regular); 14122 height: calc(110px); 14123 14124 scrollbar-color: var(--f-article-scrollbar-thumb) var(--f-article-scrollbar-track); 14125 scrollbar-width: thin; 14126 } 14127 14128 f-internallinks-new[data-count="1"] { grid-template-columns: 1fr; } 14129 f-internallinks-new[data-count="2"] { grid-template-columns: 1fr 1fr; } 14130 f-internallinks-new[data-count="3"] { grid-template-columns: 1fr 1fr 1fr; } 14131 14132 f-internallinks-new[data-darkmode='on'] { 14133 background-color: transparent; 14134 } 14135 14136 f-internallinks-new::-webkit-scrollbar {
14137 width: 10px; 14138 height: 10px; 14139 } 14140 14141 f-internallinks-new::-webkit-scrollbar-thumb { 14142 background: var(--f-article-scrollbar-thumb); 14143 } 14144 14145 f-internallinks-new[data-darkmode='on']::-webkit-scrollbar-thumb { 14146 background: rgb(70,70,70); 14147 } 14148 14149 f-internallinks-new::-webkit-scrollbar-track { 14150 background: var(--f-article-scrollbar-track); 14151 } 14152 14153 f-internallinks-new a { 14154 font-weight: 300; 14155 color: inherit; 14156 } 14157 14158 14159 14160 14161 14162 14163 14164 14165 f-internallink { 14166 display: grid; 14167 grid-template-columns: minmax(auto, 110px) 1fr; 14168 grid-template-rows: auto; 14169 gap: 0px; 14170 width: calc(100% - var(--f-article-padding)); 14171 min-width: 300px; 14172 scroll-snap-align: start; 14173 padding-left: var(--f-article-padding); 14174 grid-template-areas: "internallinkmedia internallinkheader"; 14175 } 14176 14177 f-internallinks-new[data-rp="yes"] f-internallink { 14178 grid-template-columns: minmax(auto, 140px) 1fr; 14179 } 14180 14181 @media only screen and (min-width: 980px) { 14182 f-internallinks-new[data-rp="no"][data-count="1"] f-internallink, 14183 f-internallinks-new[data-rp="no"][data-count="2"] f-internallink { 14184 grid-template-columns: minmax(auto, 140px) 1fr; 14185 } 14186 } 14187 14188 14189 @media only screen and (max-width: 480px) { 14190 f-internallink { 14191 //width: calc(100vw - var(--f-article-padding) - var(--f-article-padding)); 14192 width: 300px; 14193 } 14194 14195 f-internallinks-new[data-count='1'] f-internallink { 14196 width: calc(100% - var(--f-article-padding)); 14197 } 14198 14199 14200 } 14201 14202 14203 14204 14205 f-internallink-header { 14206 display: flex; 14207 grid-area: internallinkheader; 14208 padding: 10px 12px; 14209 font-size: 13px; 14210 line-height: 15px; 14211 flex-direction: column; 14212 } 14213 14214 f-internallink[data-basicsite="tjock"] f-internallink-header { 14215 /* 14216 font-family: var(--f-lato-regular); 14217 text-align: left; 14218 text-transform: uppercase; 14219 */ 14220 } 14221 14222 f-internallink f-internallink-headline { 14223 font-weight: 300; 14224 font-family: var(--f-suisse-bold); 14225 -webkit-font-smoothing: antialiased; 14226 } 14227 14228 f-internallink[data-basicsite="tjock"] f-internallink-headline { 14229 /* 14230 font-family: var(--f-lato-regular); 14231 */ 14232 } 14233 14234 14235 f-internallinks-new[data-darkmode='on'] f-internallink f-internallink-headline { 14236 color: #e7e7e7; 14237 } 14238 14239 f-internallinks-new[data-darkmode='on'] f-internallink f-internallink-header { 14240 color: #ccc; 14241 } 14242 14243 14244 14245 @media only screen and (min-width: 980px) { 14246 f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-header { 14247 font-size: 16px; 14248 line-height: 19px; 14249 } 14250 f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-header { 14251 font-size: 15px; 14252 line-height: 17px; 14253 } 14254 } 14255 14256 f-internallinks-new[data-rp="yes"] f-internallink-header { 14257 font-size: 14px; 14258 line-height: 17px; 14259 } 14260 14261 14262 f-internallink-header { 14263 border-top: 3px solid rgb(200,200,200); 14264 color: var(--f-article-text-color-shade-deluxe); 14265 } 14266 [data-darkmode='on'] f-internallink-header { 14267 border-top: 3px solid rgb(90, 90, 90); 14268 } 14269 f-internallink[data-tempstatus='hot'] f-internallink-header, f-internallinks-new[data-darkmode='on'] f-internallink[data-tempstatus='hot'] f-internallink-header { 14270 border-top: 3px solid var(--n-orange-semidark); 14271 color: var(--n-orange-semidark); 14272 } 14273 f-internallink[data-tempstatus='cold'] f-internallink-header, f-internallinks-new[data-darkmode='on'] f-internallink[data-tempstatus='cold'] f-internallink-header { 14274 border-top: 3px solid var(--f-cold-color); 14275 color: var(--f-cold-color); 14276 } 14277 14278 f-internallink-headline { 14279 color: var(--f-article-text-color); 14280 } 14281 14282 14283 14284 14285 14286 14287 14288 14289 14290 f-internallink-media { 14291 display: grid; 14292 overflow: hidden; 14293 grid-area: internallinkmedia; 14294 position: relative; 14295 } 14296 14297 f-internallink-mediawrapper { 14298 display: grid; 14299 position: relative; 14300 } 14301 14302 f-internallink-media img { 14303 width: 100%; 14304 object-fit: cover; 14305 } 14306 14307 f-internallinks-new f-internallink-media, 14308 f-internallinks-new f-internallink-media img { 14309 aspect-ratio: 9 / 9; 14310 } 14311 14312 @media only screen and (min-width: 980px) { 14313 f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-media, 14314 f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-media img { 14315 aspect-ratio: 9 / 7; 14316 } 14317 14318 f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-media, 14319 f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-media img { 14320 aspect-ratio: 9 / 7; 14321 } 14322 } 14323 14324 f-internallinks-new[data-rp="yes"] f-internallink-media,
14325 f-internallinks-new[data-rp="yes"] f-internallink-media img { 14326 aspect-ratio: 9 / 7; 14327 } 14328 14329 f-embed[data-type="internallinks"] { 14330 --f-embed-internallink-padding: 20px; 14331 display: block; 14332 margin: var(--f-embed-internallink-padding) 0; 14333 width: 100%; 14334 } 14335 14336 f-embed[data-type="internallinks"][data-placement="after-article"] { 14337 position: relative; 14338 margin: var(--f-embed-internallink-padding); 14339 width: calc(100% - var(--f-embed-internallink-padding) * 2); 14340 } 14341 14342 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks { 14343 gap: 8px; 14344 } 14345 14346 f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after { 14347 content: ''; 14348 position: absolute; 14349 top: 0; 14350 right: 0; 14351 bottom: 0; 14352 width: 54px; 14353 pointer-events: none; 14354 background: linear-gradient(to right, rgba(255,255,255,0), var(--f-article-background) 88%); 14355 } 14356 14357 f-embed[data-type="internallinks"][data-placement="after-article"] .f-embed-internallink { 14358 flex: 0 0 calc((100% - var(--f-embed-internallink-padding) * 1.3) / 2.3); 14359 } 14360 14361 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] .f-embed-internallink { 14362 flex-basis: 100%; 14363 min-width: 0; 14364 } 14365 14366 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] .f-embed-internallink { 14367 flex: 1 1 0%; 14368 min-width: 0; 14369 } 14370 14371 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks, 14372 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks { 14373 overflow-x: hidden; 14374 } 14375 14376 f-embed-internallinks { 14377 display: flex; 14378 flex-direction: row; 14379 gap: var(--f-embed-internallink-padding); 14380 height: 75px; 14381 min-height: 75px; 14382 max-height: 75px; 14383 width: 100%; 14384 overflow-x: auto; 14385 overflow-y: hidden; 14386 scroll-snap-type: x proximity; 14387 scrollbar-width: none; 14388 } 14389 14390 f-embed-internallinks::-webkit-scrollbar {
14391 display: none; 14392 } 14393 14394 @media (hover: hover) and (pointer: fine) { 14395 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks { 14396 height: 88px; 14397 min-height: 88px; 14398 max-height: 88px; 14399 scrollbar-width: thin; 14400 scrollbar-color: var(--f-article-scrollbar-thumb) var(--f-article-scrollbar-track); 14401 } 14402 14403 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar { 14404 display: block; 14405 height: 8px; 14406 } 14407 14408 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar-thumb { 14409 background: var(--f-article-scrollbar-thumb); 14410 } 14411 14412 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar-track { 14413 background: var(--f-article-scrollbar-track); 14414 } 14415 14416 f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after { 14417 bottom: 13px; 14418 } 14419 14420 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks, 14421 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks { 14422 height: 75px; 14423 min-height: 75px; 14424 max-height: 75px; 14425 scrollbar-width: none; 14426 } 14427 14428 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks::-webkit-scrollbar, 14429 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks::-webkit-scrollbar {
14430 display: none; 14431 } 14432 } 14433 14434 .f-embed-internallink { 14435 display: grid; 14436 grid-template-columns: 120px minmax(0, 1fr); 14437 flex: 1 1 0%; 14438 min-width: 400px; 14439 height: 75px; 14440 overflow: hidden; 14441 scroll-snap-align: start; 14442 background: var(--f-article-background-inline); 14443 color: inherit; 14444 font-weight: 300; 14445 text-decoration: none; 14446 } 14447 14448 f-embed-internallink-media { 14449 display: block; 14450 width: 120px; 14451 height: 75px; 14452 overflow: hidden; 14453 position: relative; 14454 background: var(--f-article-background-invert); 14455 } 14456 14457 f-embed-internallink-media img { 14458 display: block; 14459 width: 100%; 14460 height: 100%; 14461 object-fit: cover; 14462 } 14463 14464 f-embed-internallink-tagline { 14465 display: flex; 14466 position: absolute; 14467 right: 8px; 14468 bottom: 8px; 14469 gap: 3px; 14470 align-items: center; 14471 font-family: var(--f-suisse-regular); 14472 font-size: 12px; 14473 line-height: 12px; 14474 } 14475 14476 f-embed-internallink-temp, 14477 f-embed-internallink-tagline f-bubble { 14478 display: block; 14479 min-width: 8px; 14480 padding: 4px 5px; 14481 background: #333; 14482 color: #fff; 14483 font-family: var(--f-suisse-regular); 14484 font-size: 12px; 14485 line-height: 12px; 14486 text-align: center; 14487 } 14488 14489 f-embed-internallink-temp[data-tempstatus='hot'] { 14490 background-color: var(--n-orange-semidark); 14491 } 14492 14493 f-embed-internallink-temp[data-tempstatus='cold'] { 14494 background-color: var(--n-blue); 14495 } 14496 14497 f-embed-internallink-body { 14498 box-sizing: border-box; 14499 display: flex; 14500 min-width: 0; 14501 height: 100%; 14502 padding: 8px var(--f-embed-internallink-padding); 14503 flex-direction: column; 14504 justify-content: center; 14505 font-family: var(--f-suisse-regular); 14506 color: var(--f-article-text-color-shade); 14507 overflow: hidden; 14508 } 14509 14510 f-embed-internallink-title { 14511 display: -webkit-box; 14512 overflow: hidden; 14513 -webkit-box-orient: vertical; 14514 -webkit-line-clamp: 2; 14515 font-family: var(--f-suisse-bold); 14516 font-size: 14px; 14517 line-height: 16px; 14518 max-height: 32px; 14519 flex-shrink: 0; 14520 color: var(--f-article-text-color); 14521 -webkit-font-smoothing: antialiased; 14522 } 14523 14524 f-embed-internallink-text { 14525 display: -webkit-box; 14526 overflow: hidden; 14527 -webkit-box-orient: vertical; 14528 -webkit-line-clamp: 1; 14529 font-size: 14px; 14530 line-height: 16px; 14531 max-height: 16px; 14532 flex-shrink: 0; 14533 color: var(--f-article-text-color-shade); 14534 } 14535 14536 .f-embed-internallink[data-tempstatus='hot'] f-embed-internallink-text { 14537 color: var(--n-orange-semidark); 14538 } 14539 14540 .f-embed-internallink[data-tempstatus='cold'] f-embed-internallink-text { 14541 color: var(--n-blue); 14542 } 14543 14544 @media only screen and (max-width: 900px) { 14545 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks { 14546 flex-direction: column; 14547 height: auto; 14548 min-height: 0; 14549 max-height: none; 14550 overflow: visible; 14551 scroll-snap-type: none; 14552 scrollbar-width: none; 14553 } 14554 14555 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar {
14556 display: none; 14557 } 14558 14559 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks, 14560 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks { 14561 height: auto; 14562 min-height: 0; 14563 max-height: none; 14564 overflow: visible; 14565 scrollbar-width: none; 14566 } 14567 14568 f-embed[data-type="internallinks"][data-placement="after-article"] .f-embed-internallink, 14569 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] .f-embed-internallink, 14570 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] .f-embed-internallink { 14571 width: 100%; 14572 flex: 0 0 auto; 14573 min-width: 0; 14574 height: 75px; 14575 } 14576 14577 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-media { 14578 height: 75px; 14579 } 14580 14581 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-body { 14582 height: 75px; 14583 min-height: 75px; 14584 } 14585 14586 f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after { 14587 display: none; 14588 } 14589 } 14590 14591 @media only screen and (max-width: 600px) { 14592 .f-embed-internallink { 14593 grid-template-columns: 120px minmax(0, 1fr); 14594 flex: 1 1 100%; 14595 min-width: 0; 14596 height: 75px; 14597 } 14598 14599 f-embed-internallinks { 14600 height: 75px; 14601 min-height: 75px; 14602 max-height: 75px; 14603 } 14604 14605 f-embed-internallink-media { 14606 width: 120px; 14607 height: 75px; 14608 } 14609 14610 f-embed-internallink-body { 14611 padding: 8px var(--f-embed-internallink-padding); 14612 } 14613 14614 f-embed-internallink-title, 14615 f-embed-internallink-text { 14616 font-size: 13px; 14617 line-height: 15px; 14618 } 14619 14620 f-embed-internallink-title { 14621 max-height: 30px; 14622 } 14623 14624 f-embed-internallink-text { 14625 max-height: 15px; 14626 } 14627 14628 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks { 14629 flex-direction: column; 14630 height: auto; 14631 min-height: 0; 14632 max-height: none; 14633 overflow: visible; 14634 scroll-snap-type: none; 14635 } 14636 14637 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks, 14638 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks { 14639 height: auto; 14640 min-height: 0; 14641 max-height: none; 14642 overflow: visible; 14643 scrollbar-width: none; 14644 } 14645 14646 f-embed[data-type="internallinks"][data-placement="after-article"] .f-embed-internallink { 14647 width: 100%; 14648 flex: 0 0 auto; 14649 height: 75px; 14650 } 14651 14652 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] .f-embed-internallink, 14653 f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] .f-embed-internallink { 14654 width: 100%; 14655 flex: 0 0 auto; 14656 min-width: 0; 14657 height: 75px; 14658 } 14659 14660 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-media { 14661 height: 75px; 14662 } 14663 14664 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-body { 14665 display: flex; 14666 height: 75px; 14667 min-height: 75px; 14668 padding: 8px var(--f-embed-internallink-padding); 14669 justify-content: center; 14670 } 14671 14672 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-title, 14673 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-text { 14674 font-size: 14px; 14675 line-height: 16px; 14676 } 14677 14678 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-title { 14679 -webkit-line-clamp: 2; 14680 max-height: 32px; 14681 } 14682 14683 f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-text { 14684 -webkit-line-clamp: 1; 14685 max-height: 16px; 14686 } 14687 14688 f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after { 14689 display: none; 14690 } 14691 } 14692 14693 14694 14695 14696 f-internallink-tagline { 14697 display: block; 14698 position: absolute; 14699 font-size: 12px; 14700 line-height: 12px; 14701 font-family: var(--f-suisse-regular); 14702 bottom: 10px; 14703 right: 10px; 14704 } 14705 14706 f-internallink-tagline f-internallink-temp { 14707 display: block; 14708 background: #333; 14709 color: #fff; 14710 padding: 4px 5px; 14711 margin-left: 3px; 14712 float: right; 14713 } 14714 14715 f-internallink-tagline f-internallink-temp[data-tempstatus='hot'] { background-color: var(--n-orange-semidark); } 14716 f-internallink-tagline f-internallink-temp[data-tempstatus='cold'] { background-color: var(--n-blue); } 14717 14718 f-internallink-tagline f-bubble { 14719 float: right; 14720 margin: 0; 14721 padding: 4px 6px; 14722 min-width: 8px; 14723 cursor: pointer; 14724 background: #333; 14725 font-family: var(--f-suisse-regular); 14726 font-size: 12px; 14727 line-height: 12px; 14728 text-align: center;
14729 color: #fff; 14730 text-decoration: none; 14731 text-transform: none; 14732 border: none; 14733 -webkit-font-smoothing: antialiased; 14734 } 14735 14736 14737 </style> 14738 14739 14740 14741 14742 14743 14744 14745 14746 14747 14748 14749 14750 14751 14752 14753 14754 14755 14756 14757 14758 14759 14760 14761 14762 14763 14764 14765 14766 14767 14768 14769 14770 14771 14772 14773 14774 14775 14776 14777 14778 14779 14780 14781 14782 14783 14784 14785 14786 14787 14788 14789 14790 14791 14792 14793 14794 14795 14796 14797 14798 14799 14800 14801 14802 14803 14804 14805 14806 14807 14808 14809 14810 14811 14812 14813 14814 14815 14816 14817 14818 14819 14820 14821 14822 14823 14824 14825 14826 14827 14828 14829 14830 14831 14832 14833 14834 14835 14836 14837 14838 14839 14840 14841 14842 14843 14844 14845 14846 14847 14848 14849 14850 14851 14852 14853 14854 14855 14856 14857 14858 14859 14860 14861 14862 14863 14864 14865 14866 14867 14868 14869 14870 14871 14872 14873 14874 14875 14876 14877 14878 14879 14880 14881 14882 14883 14884 14885 14886 14887 14888 14889 14890 14891 14892 14893 14894 14895 14896 14897 14898 14899 14900 14901 14902 14903 14904 14905 14906 14907 14908 14909 14910 14911 14912 14913 14914 14915 14916 14917 14918 14919 14920 14921 14922 14923 14924 14925 14926 14927 14928 14929 14930 14931 14932 14933 14934 14935 14936 14937 14938 14939 14940 14941 14942 14943 14944 14945 14946 14947 14948 14949 14950 14951 14952 14953 14954 14955 14956 14957 14958 14959 14960 14961 14962 14963 14964 14965 14966 14967 14968 14969 14970 14971 14972 14973 14974 14975 14976 14977 14978 14979 14980 14981 14982 14983 14984 14985 14986 14987 14988 14989 14990 14991 14992 14993 14994 14995 14996 14997 14998 14999 15000 15001 15002 15003 15004 15005 15006 15007 15008 15009 15010 15011 15012 15013 15014 15015 15016 15017 15018 15019 15020 15021 15022 15023 15024 15025 15026 15027 15028 15029 15030 15031 15032 15033 15034 15035 15036 15037 15038 15039 15040 15041 15042 15043 15044 15045 15046 15047 15048 15049 15050 15051 15052 15053 15054 15055 15056 15057 15058 15059 15060 <style> 15061 15062 15063 15064 f-article[data-preview="true"] f-article-media { 15065 position: relative; 15066 height: 200px; 15067 15068 } 15069 15070 f-article[data-preview="true"] f-article-media:before { 15071 content: ""; 15072 position: absolute; 15073 top: 0; 15074 left: 0; 15075 right: 0; 15076 bottom: 0; 15077 background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7)); 15078 z-index: 1; 15079 overflow: hidden; 15080 } 15081 15082 f-article[data-preview="true"] f-article-image { 15083 height: 200px; 15084 } 15085 15086 f-article[data-preview="true"] f-article-image img { 15087 object-fit: cover; 15088 } 15089 15090 15091 f-article[data-preview="true"] f-article-media f-article-media-overlay { 15092 position: absolute; 15093 top: 50%; 15094 left: 50%; 15095 transform: translate(-50%, -50%); 15096 z-index: 2; 15097 color: white; 15098 font-size: 20px; 15099 line-height: 22px; 15100 font-weight: 300; 15101 font-family: SuisseRegular; 15102 width: calc(100% - 200px); 15103 } 15104 15105 f-article[data-preview="true"] f-article-media-overlay-text { 15106 float: left; display: block; 15107 text-shadow: 1px 1px 10px rgba(0,0,0,0.5); 15108 max-width: calc(100% - 200px); 15109 15110 } 15111 15112 f-article[data-preview="true"] f-article-media-overlay-text b { 15113 font-weight: 300; 15114 font-family: SuisseSemiBold; 15115 } 15116 15117 f-article[data-preview="true"] f-prenumera { 15118 display: block; 15119 float: right; 15120 padding: 12px 18px; 15121 margin: auto; 15122 text-align: center; 15123 font-size: 18px; 15124 background-color: var(--f-hot-color); 15125 color: white; 15126 } 15127 15128 f-article[data-preview="true"] f-article-media-overlay-price { 15129 color: #999; 15130 } 15131 15132 @media screen and (max-width: 600px) { 15133 f-article[data-preview="true"] f-article-media f-article-media-overlay { 15134 width: calc(100% - 80px); 15135 } 15136 f-article[data-preview="true"] f-article-media-overlay-text { 15137 max-width: 100%; float: none; font-size: 16px; line-height: 18px; text-align: center; 15138 } 15139 f-article[data-preview="true"] f-prenumera { 15140 float: none; 15141 margin: 15px auto 0; 15142 max-width: 150px; 15143 font-size: 18px; 15144 padding: 10px 13px; 15145 max-width: 140px; 15146 } 15147 } 15148 15149 </style> 15150 15151 15152 15153 15154 15155 15156 15157 15158 15159 15160 15161 15162 15163 15164 15165 15166 15167 15168 15169 15170 15171 15172 15173 15174 15175 15176 15177 15178 15179 15180 15181 15182 15183 15184 15185 15186 15187 15188 15189 15190 15191 15192 15193 15194 15195 15196 15197 15198 15199 15200 15201 15202 15203 15204 15205 15206 15207 15208 15209 15210 15211 15212 15213 15214 15215 15216 15217 15218 15219 15220 15221 15222 15223 15224 15225 15226 15227 15228 15229 15230 15231 15232 15233 15234 15235 15236 15237 15238 15239 15240 15241 15242 15243 15244 15245 15246 15247 15248 15249 15250 15251 15252 15253 15254 15255 15256 15257 15258 15259 15260 15261 15262 15263 15264 15265 15266 15267 15268 15269 15270 15271 15272 15273 15274 15275 15276 15277 15278 15279 15280 15281 15282 15283 15284 15285 15286 15287 15288 15289 15290 15291 15292 15293 15294 15295 15296 15297 15298 15299 15300 15301 15302 15303 15304 15305 15306 15307 15308 15309 15310 15311 15312 15313 15314 15315 15316 15317 15318 15319 15320 15321 15322 15323 15324 15325 15326 15327 15328 15329 15330 15331 15332 15333 15334 15335 15336 15337 15338 15339 15340 15341 15342 15343 15344 15345 15346 15347 15348 15349 15350 15351 15352 15353 15354 15355 15356 15357 15358 15359 15360 15361 15362 15363 15364 15365 15366 15367 15368 15369 15370 15371 15372 15373 15374 15375 15376 15377 15378 15379 15380 15381 15382 15383 15384 15385 15386 15387 15388 15389 15390 15391 15392 15393 15394 15395 15396 15397 15398 15399 15400 15401 15402 15403 15404 15405 15406 15407 15408 15409 15410 15411 15412 15413 15414 15415 15416 15417 15418 15419 15420 15421 15422 15423 15424 15425 15426 15427 15428 15429 15430 15431 15432 15433 15434 15435 15436 15437 15438 15439 15440 15441 <style> 15442 f-veckansprylar-container { 15443 display: flex; background-color: var(--f-article-background); max-width: 980px; margin: var(--f-margins-margins); flex-direction: column; 15444 } 15445 15446 f-veckanspryl-embed, f-embed-veckanspryl { 15447 display: block; background-color: var(--f-article-background-inline); height: 100px; font-size: 15px; line-height: 18px; 15448 } 15449 f-veckansprylar-header { 15450 background-color: rgba(70,70,70); color: white; padding: 6px 12px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; font-family: SuisseSemiBold; 15451 } 15452 f-veckansprylar-header a { font-weight: 300; color: white; } 15453 f-veckansprylar-header a:hover { font-weight: 300; color: #ccc; } 15454 15455 f-veckansprylar { 15456 display: flex; flex-direction: row; height: 100px; 15457 } 15458 15459 15460 15461 15462 15463 15464 f-veckanspryl { 15465 display: flex; flex-direction: row; flex: 1; 15466 } 15467 15468 f-veckanspryl-embed f-veckanspryl, f-embed-veckanspryl f-veckanspryl { height: 100px; } 15469 15470 f-veckanspryl { 15471 background-color: var(--f-article-background-inline); 15472 } 15473 f-veckanspryl:nth-child(even) { 15474 background-color: var(--f-article-background-inline); 15475 } 15476 f-veckanspryl-bild { 15477 height: 100%; aspect-ratio: 4 / 3; flex: 0 1 auto; 15478 } 15479 f-veckanspryl-bild img { 15480 height: 100%; aspect-ratio: 4 / 3; 15481 } 15482 f-veckanspryl-content { 15483 padding-top: 10px; padding-right: 10px; flex: 1; position: relative; 15484 } 15485 f-veckanspryl b { 15486 font-family: SuisseBold; font-weight: 300; 15487 } 15488 15489 f-veckanspryl a { 15490 font-family: SuisseSemiBold; font-weight: 300; color: var(--f-article-text-color); 15491 } 15492 15493 f-veckanspryl-headline { 15494 display: block; 15495 font-family: SuisseBold; font-weight: 300; color: var(--f-article-text-color); 15496 } 15497 15498 f-veckanspryl-headline a { color: var(--f-article-text-color); } 15499 15500 f-veckanspryl-preamble { 15501 display: block; 15502 font-weight: 300; color: var(--f-article-text-color-shade-deluxe); 15503 } 15504 15505 f-veckanspryl-preamble a { font-family: SuisseLight !important; color: var(--f-article-text-color-shade-deluxe); } 15506 15507 15508 15509 15510 f-veckanspryl-vote { 15511 position: absolute; bottom: 10px; right: 10px; 15512 } 15513 15514 f-veckanspryl f-article-footer-plus, f-veckanspryl f-article-footer-minus { 15515 width: 24px; height: 24px; 15516 } 15517 15518 f-veckanspryl f-article-footer-plus svg, f-veckanspryl f-article-footer-minus svg { 15519 width: 24px; height: 24px; 15520 } 15521 15522 f-veckanspryl f-bubble { 15523 line-height: 24px; 15524 } 15525 15526 f-veckanspryl f-article-temp { 15527 padding: 0px 6px; 15528 float: right; 15529 margin-left: 4px; 15530 cursor: default; 15531 background: #333; 15532 border: 1px solid transparent; 15533 font-family: var(--f-suisse-light); 15534 font-size: 14px; 15535 line-height: 22px; 15536 text-align: center;
15537 color: #fff; 15538 text-decoration: none; 15539 text-transform: none; 15540 -webkit-font-smoothing: auto; 15541 letter-spacing: -0.01em; 15542 transition: width .3s ease-in-out; 15543 } 15544 15545 f-veckanspryl w8temp { display: block; width: 16px; height: 16px; margin: 3px auto; background-color: white; border-radius: 100%; 15546animation: sk-scaleout 1.0s infinite ease-in-out; } 15547 15548 15549 @media only screen and (max-width: 700px) { 15550 f-veckansprylar { 15551 flex-direction: column; height: 180px;font-size: 11px; 15552line-height: 13px; 15553 } 15554 15555 f-veckanspryl-bild img { 15556 height: 60px; 15557 } 15558 15559 } 15560 15561 </style> 15562 15563 15564 15565 15566 15567 15568 15569 15570 15571 15572 15573 15574 15575 15576 15577 15578 15579 15580 15581 15582 15583 15584 15585 15586 15587 15588 15589 15590 15591 15592 15593 15594 15595 15596 15597 15598 15599 15600 15601 15602 15603 15604 15605 15606 15607 15608 15609 15610 15611 15612 15613 15614 15615 15616 15617 15618 15619 15620 15621 15622 15623 15624 15625 15626 15627 15628 15629 15630 15631 15632 15633 15634 15635 15636 15637 15638 15639 15640 15641 15642 15643 15644 15645 15646 15647 15648 15649 15650 15651 15652 15653 15654 15655 15656 15657 15658 15659 15660 15661 15662 15663 15664 15665 15666 15667 15668 15669 15670 15671 15672 15673 15674 15675 15676 15677 15678 15679 15680 15681 15682 15683 15684 15685 15686 15687 15688 15689 15690 15691 15692 15693 15694 15695 15696 15697 15698 15699 15700 15701 15702 15703 15704 15705 15706 15707 15708 15709 15710 15711 15712 15713 15714 15715 15716 15717 15718 15719 15720 15721 15722 15723 15724 15725 15726 15727 15728 15729 15730 15731 15732 15733 15734 15735 15736 15737 15738 15739 15740 15741 15742 15743 15744 15745 15746 15747 15748 15749 15750 15751 15752 15753 15754 15755 15756 15757 15758 15759 15760 15761 15762 15763 15764 15765 15766 15767 15768 15769 15770 15771 15772 15773 15774 15775 15776 15777 15778 15779 15780 15781 15782 15783 15784 15785 15786 15787 15788 15789 15790 15791 15792 15793 15794 15795 15796 15797 15798 15799 15800 15801 15802 15803 15804 15805 15806 15807 15808 15809 15810 15811 15812 15813 15814 15815 15816 15817 15818 15819 15820 15821 15822 15823 15824 15825 15826 15827 15828 15829 15830 15831 15832 15833 15834 15835 15836 15837 15838 15839 15840 15841 15842 15843 15844 15845 15846 15847 15848 15849 15850 15851 15852 15853 15854 15855 15856 15857 15858 15859 15860 15861 15862 15863 15864 15865 15866 15867 15868 15869 15870 15871 15872 15873 15874 15875 15876 15877 15878 15879 15880 15881 15882 15883 15884 15885 15886 15887 15888 15889 15890 15891 15892 15893 15894 15895 15896 15897 15898 15899 15900 15901 15902 15903 15904 15905 15906 15907 15908 15909 15910 15911 15912 15913 15914 15915 15916 15917 15918 15919 15920 15921 15922 15923 15924 15925 15926 15927 15928 15929 15930 15931 15932 15933 15934 15935 15936 15937 15938 15939 15940 15941 15942 15943 15944 15945 15946 15947 15948 15949 15950 15951 15952 15953 15954 15955 15956 15957 15958 15959 15960 15961 15962 15963 15964 15965 15966 15967 15968 15969 15970 15971 15972 15973 15974 15975 15976 15977 15978 15979 15980 15981 15982 15983 15984 15985 15986 15987 15988 15989 15990 15991 15992 15993 15994 15995 15996 15997 15998 15999 16000 16001 16002 16003 16004 16005 16006 16007 16008 16009 16010 16011 16012 16013 16014 16015 16016 16017 16018 <style> 16019 f-prod-multi br { display: none; } 16020 f-prod-header br { display: none; } 16021 16022 f-prod-multi { display: flex; gap: 10px; margin: 28px auto; padding: 10px; overflow-x: auto; border-radius: 6px; background: var(--f-article-background-inline); box-sizing: border-box; } 16023 16024 16025 f-prod { display: flex; overflow: hidden; border-radius: 6px; container-type: inline-size; background-color: var(--f-article-background); } 16026 16027 f-prod-multi > f-prod { flex-grow: 1; flex-basis: 200px; min-width: 200px; flex-direction: column; } 16028 16029 @media only screen and (max-width: 700px) { 16030 f-prod-single f-prod { flex-direction: column; } 16031 } 16032 @media only screen and (min-width: 700px) { 16033 f-prod-single f-prod { align-items: center; } 16034 } 16035 16036 f-prod-image { display: block; flex: 0 0 auto; width: 100%; min-height: 0; overflow: hidden; aspect-ratio: 16 / 9; line-height: 0; } 16037 f-prod-multi[data-image-ratio="1:1"] f-prod-image, 16038 f-prod-single[data-image-ratio="1:1"] f-prod-image { aspect-ratio: 1 / 1; } 16039 f-prod-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } 16040 16041 @media only screen and (min-width: 700px) { 16042 f-prod-single f-prod-image { 16043 max-width: 200px; 16044 } 16045 } 16046 16047 f-prod-header { position: relative; display: block; margin: 10px 12px; color: var(--f-article-text-color-shade-deluxe); font-family: var(--f-suisse-light); font-weight: 300; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; } 16048 f-prod-header b { display: block; color: var(--f-article-text-color); font-family: var(--f-suisse-bold); font-weight: 300; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; } 16049 @media only screen and (max-width: 600px) { 16050 f-prod-header { font-size: 14px; } 16051 f-prod-header b { font-size: 15px; } 16052 } 16053 16054 @media only screen and (min-width: 700px) { 16055 f-prod-single f-prod-header { display: block; margin: 8px 20px; } 16056 } 16057 16058 f-prod-list { } 16059 f-prod-listitem { position: relative; display: block; margin: 0 12px; padding-left: 14px; font-size: 13px; line-height: 17px; } 16060 f-prod-listitem:before { position: absolute; left: 0; content: ">"; font-size: 11px; font-family: var(--f-suisse-bold); line-height: 17px; color: var(--f-hot-color); } 16061 16062 f-prod-bottom { display: flex; flex-direction: column; margin-top: auto; } 16063 16064 @media only screen and (min-width: 700px) { 16065 f-prod-single f-prod-bottom { flex-direction: row; margin-top: unset; margin-left: auto; } 16066 } 16067 16068 f-prod-prices { display: flex; text-align: center; margin: 8px 12px; flex-direction: column; } 16069 f-prod-price { text-align: center; font-size: 16px; font-family: var(--f-suisse-semibold); } 16070 @media only screen and (max-width: 600px) { f-prod-price { font-size: 15px; } } 16071 f-prod-preprice { text-align: center; color: #999; } 16072 16073 f-prod-save { position: absolute; top: -10px; right: 0; transform: translateY(-50%); color: #fff; background-color: #ff4500; border-radius: 6px; padding: 4px 8px; font-family: var(--f-suisse-medium); font-size: 12px; white-space: nowrap; } 16074 16075 f-prod-stars { 16076 display: flex; 16077 justify-content: center; 16078 margin: 0px 12px 10px; 16079 gap: 2px; 16080 } 16081 16082 f-prod-star { 16083 color: #ddd; 16084 font-size: 20px; 16085 } 16086 16087 f-prod-star.filled { 16088 color: #444; 16089 } 16090 16091 f-prod-star.half { 16092 position: relative; 16093 } 16094 16095 f-prod-star.half::before { 16096 content: "â "; 16097 position: absolute; 16098 left: 0; 16099 color: #444; 16100 clip-path: inset(0 50% 0 0); 16101 } 16102 16103 f-prod-star.half::after {
16104 content: "âÂÂ"; 16105 color: #ddd; 16106 } 16107 16108 f-prod-cta { display: flex; background-color: #444; color: white; 16109 padding: 4px 6px; border-radius: 6px; margin: 8px 12px; 16110 text-align: center; font-family: var(--f-suisse-semibold); font-size: 13px; 16111 min-width: 100px; 16112 align-items: center; 16113 justify-content: center; 16114 } 16115 16116</style>
16117<script> 16118 function buildFProd(prod) { 16119 const img = prod.dataset.img; 16120 const header = prod.dataset.header; 16121 const subheader = prod.dataset.subheader; 16122 const list = prod.dataset.list ? prod.dataset.list.split(';').filter(function (x) { return x.trim(); }) : []; 16123 const price = prod.dataset.price; 16124 const preprice = prod.dataset.preprice; 16125 const save = prod.dataset.save; 16126 const cta = prod.dataset.cta; 16127 const url = prod.dataset.url; 16128 const textcolor = prod.dataset.textcolor; 16129 const bgcolor = prod.dataset.bgcolor; 16130 const stars = prod.dataset.stars; 16131 const starscolor = prod.dataset.starscolor; 16132 const ctacolor = prod.dataset.ctacolor; 16133 const ctatextcolor = prod.dataset.ctatextcolor; 16134 16135 var html = ''; 16136 16137 if (img) { 16138 html += '<f-prod-image><img src="' + img + '" /></f-prod-image>'; 16139 } 16140 16141 if (header || subheader || save) { 16142 html += '<f-prod-header>'; 16143 if (header) html += '<b>' + header + '</b>'; 16144 if (subheader) html += '<br>' + subheader; 16145 if (save) { 16146 var saveStyle = ''; 16147 if (textcolor || bgcolor) { 16148 saveStyle = ' style="'; 16149 if (textcolor) saveStyle += 'color: ' + textcolor + ';'; 16150 if (bgcolor) saveStyle += 'background-color: ' + bgcolor + ';'; 16151 saveStyle += '"'; 16152 } 16153 html += '<f-prod-save' + saveStyle + '>' + save + '</f-prod-save>'; 16154 } 16155 html += '</f-prod-header>'; 16156 } 16157 16158 if (stars) { 16159 var starsHtml = '<f-prod-stars>'; 16160 var starColor = starscolor || '#ff4500'; 16161 var starCount = parseInt(stars); 16162 16163 for (var i = 1; i <= 5; i++) { 16164 var starClass = i <= starCount ? 'filled' : ''; 16165 var starStyle = i <= starCount ? ' style="color: ' + starColor + ';"' : ''; 16166 starsHtml += '<f-prod-star class="' + starClass + '"' + starStyle + '>★</f-prod-star>'; 16167 } 16168 starsHtml += '</f-prod-stars>'; 16169 html += starsHtml; 16170 } 16171 16172 if (list.length) { 16173 html += '<f-prod-list>'; 16174 html += list.map(function (item) { 16175 return '<f-prod-listitem>' + item + '</f-prod-listitem>'; 16176 }).join(''); 16177 html += '</f-prod-list>'; 16178 } 16179 16180 if (price || preprice || cta) { 16181 html += '<f-prod-bottom>'; 16182 if (price || preprice) html += '<f-prod-prices>'; 16183 if (price) html += '<f-prod-price>' + price + '</f-prod-price>'; 16184 if (preprice) html += '<f-prod-preprice>' + preprice + '</f-prod-preprice>'; 16185 if (price || preprice) html += '</f-prod-prices>'; 16186 if (cta) { 16187 var ctaStyle = ''; 16188 if (ctacolor || ctatextcolor) { 16189 ctaStyle = ' style="'; 16190 if (ctacolor) ctaStyle += 'background-color: ' + ctacolor + ';'; 16191 if (ctatextcolor) ctaStyle += 'color: ' + ctatextcolor + ';'; 16192 ctaStyle += '"'; 16193 } 16194 html += '<f-prod-cta' + ctaStyle + '>' + cta + '</f-prod-cta>'; 16195 } 16196 html += '</f-prod-bottom>'; 16197 } 16198 16199 prod.innerHTML = html; 16200 16201 if (url) { 16202 prod.addEventListener('click', function () { 16203 window.location.href = url; 16204 }); 16205 prod.style.cursor = 'pointer'; 16206 } 16207 } 16208 16209 document.addEventListener('DOMContentLoaded', function () { 16210 function initFProdElement(prod) { 16211 if (!prod || prod.dataset.fProdInitialized === 'true') { 16212 return; 16213 } 16214 buildFProd(prod); 16215 prod.dataset.fProdInitialized = 'true'; 16216 } 16217 16218 document.querySelectorAll('f-prod').forEach(initFProdElement); 16219 16220 const fProdObserver = new MutationObserver(function (mutations) { 16221 mutations.forEach(function (mutation) { 16222 mutation.addedNodes.forEach(function (node) { 16223 if (!(node instanceof Element)) { 16224 return; 16225 } 16226 if (node.matches && node.matches('f-prod')) { 16227 initFProdElement(node); 16228 } 16229 if (node.querySelectorAll) { 16230 node.querySelectorAll('f-prod').forEach(initFProdElement); 16231 } 16232 }); 16233 }); 16234 }); 16235 16236 fProdObserver.observe(document.body, { childList: true, subtree: true }); 16237 }); 16238 16239</script>
16239 16240 16241 16242 16243 16244 16245 16246 16247 16248 16249 16250 16251 16252 16253 16254 16255 16256 16257 16258 16259 16260 16261 16262 16263 16264 16265 16266 16267 16268 16269 16270 16271 16272 16273 16274 16275 16276 16277 16278 16279 16280 16281 16282 16283 16284 16285 16286 16287 16288 16289 16290 16291 16292 16293 16294 16295 16296 16297 16298 16299 16300 16301 16302 16303 16304 16305 16306 16307 16308 16309 16310 16311 16312 16313 16314 16315 16316 16317 16318 16319 16320 16321 16322 16323 16324 16325 16326 16327 16328 16329 16330 16331 16332 16333 16334 16335 16336 16337 16338 16339 16340 16341 16342 16343 16344 16345 16346 16347 16348 16349 16350 16351 16352 16353 16354 16355 16356 16357 16358 16359 16360 16361 16362 16363 16364 16365 16366 16367 16368 16369 16370 16371 16372 16373 16374 16375 16376 16377 16378 16379 16380 16381 16382 16383 16384 16385 16386 16387 16388 16389 16390 16391 16392 16393 16394 16395 16396 16397 16398 16399 16400 16401 16402 16403 16404 16405 16406 16407 16408 16409 16410 16411 16412 16413 16414 16415 16416 16417 16418 16419 16420 16421 16422 16423 16424 16425 16426 16427 16428 16429 16430 16431 16432 16433 16434 16435 16436 16437 16438 16439 16440 16441 16442 16443 16444 16445 16446 16447 16448 16449 16450 16451 16452 16453 16454 16455 16456 16457 16458 16459 16460 16461 16462 16463 16464 16465 16466 16467 16468 16469 16470 16471 16472 16473 16474 16475 16476 16477 16478 16479 16480 16481 16482 16483 16484 16485 16486 16487 16488 16489 16490 16491 16492 16493 16494 16495 16496 16497 16498 16499 16500 16501 16502 16503 16504 16505 16506 16507 16508 16509 16510 16511 16512 16513 16514 16515 16516 16517 16518 16519 16520 <style> 16521 .sponsPuffContainer { max-width: 980px; height: 300px; margin: 20px auto; overflow: hidden; } 16522 16523 @media only screen and (max-width: 980px) { 16524 .sponsPuffContainer { max-width: 320px; height: 320px;} 16525 } 16526 16527 .sponsPuff { background-color: rgba(250, 240, 220, 1); overflow: hidden;} 16528 .sponsPuff .line { background-color: #05659c; color: white; padding: 5px 8px; } 16529 .sponsPuff .image { float: right; width: 470px; height: 274px; background-size: cover; } 16530 .sponsPuff .videox { float: right; width: 488px; height: 274px; background-size: cover; } 16531 .sponsPuff .text { padding: 20px; max-width: 400px; font-size: 30px; line-height: 30px; font-family: var(--f-suisse-light); -webkit-font-smoothing: antialiased; letter-spacing: 0; font-weight: 300; color: #666; } 16532 .sponsPuff .text b { font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; color: #222; font-weight: 300; } 16533 16534 @media only screen and (max-width: 980px) { 16535 .sponsPuff { max-width: 320px; height: 320px; } 16536 .sponsPuff .image { float: none; width: 320px; height: 150px; background-size: cover;} 16537 .sponsPuff .videox { float: none; width: 320px; height: 180px; background-size: cover; padding-bottom: 0 !important;} 16538 .sponsPuff .text { padding: 15px; font-size: 18px; line-height: 18px; max-width: 280px; } 16539 } 16540 </style> 16541 16542 16543 16544 16545 16546 16547 16548 16549 16550 16551 16552 16553 16554 16555 16556 16557 16558 16559 16560 16561 16562 16563 16564 16565 16566 16567 16568 16569 16570 16571 16572 16573 16574 16575 16576 16577 16578 16579 16580 16581 16582 16583 16584 16585 16586 16587 16588 16589 16590 16591 16592 16593 16594 16595 16596 16597 16598 16599 16600 16601 16602 16603 16604 16605 16606 16607 16608 16609 16610 16611 16612 16613 16614 16615 16616 16617 16618 16619 16620 16621 16622 16623 16624 16625 16626 16627 16628 16629 16630 16631 16632 16633 16634 16635 16636 16637 16638 16639 16640 16641 16642 16643 16644 16645 16646 16647 16648 16649 16650 16651 16652 16653 16654 16655 16656 16657 16658 16659 16660 16661 16662 16663 16664 16665 16666 16667 16668 16669 16670 16671 16672 16673 16674 16675 16676 16677 16678 16679 16680 16681 16682 16683 16684 16685 16686 16687 16688 16689 16690 16691 16692 16693 16694 16695 16696 16697 16698 16699 16700 16701 16702 16703 16704 16705 16706 16707 16708 16709 16710 16711 16712 16713 16714 16715 16716 16717 16718 16719 16720 16721 16722 16723 16724 16725 16726 16727 16728 16729 16730 16731 16732 16733 16734 16735 16736 16737 16738 16739 16740 16741 16742 16743 16744 16745 16746 16747 16748 16749 16750 16751 16752 16753 16754 16755 16756 16757 16758 16759 16760 16761 16762 16763 16764 16765 16766 16767 16768 16769 16770 16771 16772 <style> 16773 16774 :root { 16775 --f-menu-nohover: rgb(220, 220, 220); 16776 --f-menu-hover: rgb(140,140,140); 16777 --f-menu-tjockhover: rgb(70, 70, 70); 16778 --f-menu-height: 50px; 16779 } 16780 16781 @media only screen and (max-width: 480px) { 16782 :root { 16783 --f-menu-height: 44px; 16784 } 16785 } 16786 16787 :root [data-site='tjock'] { 16788 --f-menu-nohover: rgb(70, 70, 70); 16789 --f-menu-hover:var(--f-hot-color); 16790 --f-menu-feberhover: rgb(220, 220, 220); 16791 } 16792 16793 16794 16795 16796 16797 f-menu-container { 16798 -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); 16799 transform: translate3d(0, 0, 0); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: block; will-change: transform; 16800} 16801 f-menu-container[data-show=no] { 16802 transform: translate3d(0, calc(-1 * 50px), 0); 16803 } 16804 16805 @media only screen and (max-width: 600px) { 16806 f-menu-container[data-show=no] { 16807 transform: translate3d(0, calc(-1 * 44px), 0); 16808 } 16809 } 16810 16811 html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-container[data-show=no] { 16812 /* transform: none; Override the transform when the specific condition is met */ 16813 } 16814 16815 html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-show=no] { 16816 /* transform: none; Override the transform when the specific condition is met */ 16817 } 16818 16819 16820 16821 16822 16823 16824 f-menu { height: var(--f-menu-height); margin: 0 auto; background-color: rgb(30,30,30); max-width: 100%; 16825 font-family: var(--f-suisse-medium); font-weight: 300; font-size: 14px; letter-spacing: 0; -webkit-font-smoothing: antialiased; overflow: hidden; 16826 border-bottom: 3px solid var(--f-hot-color); } 16827 f-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 16828 16829 16830 16831 f-menu a, f-menu-sub a { font-weight: 300; } 16832 16833 f-menu-sub { 16834 display: none; height: 30px; width: 100%; color: white; font-family: var(--f-suisse-regular); overflow: hidden; margin: 0 auto; 16835 transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translate3d(0, 0, 0); top: 53px 16836 } 16837 16838 f-menu-sub[data-show=no] { 16839 transform: translate3d(0, calc(-1 * 100px), 0); 16840 } 16841 16842 @media only screen and (max-width: 600px) { 16843 f-menu-sub { 16844 display: block; 16845 top: 47px; 16846 } 16847 } 16848 16849 html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container { 16850 position: relative !important; 16851 top: 0; 16852 } 16853 16854 html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-container[data-sub2000=yes] { 16855 position: fixed !important; 16856 top: 0px; 16857 } 16858 16859 html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-sub2000=yes] { 16860 position: fixed !important; 16861 top: 53px; 16862 } 16863 16864 16865 16866 @media only screen and (max-width: 600px) { 16867 html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-sub2000=yes] { 16868 top: 47px; 16869 } 16870 16871 } 16872 16873 @media only screen and (min-width: 2000px) { 16874 f-menu, f-menu-sub { max-width: 2000px; } 16875 16876 } 16877 16878 16879 f-menu, f-menu-logo, f-menu-search, f-menu-start, f-menu-list, f-menu-thumbnails, f-menu-today, f-menu-yesterday, f-menu-tips, f-menu-tjock, f-menu-burger { 16880 display: block; } 16881 16882 16883 f-menu-feberlogo { float: left; height: var(--f-menu-height); } 16884 f-menu-feberlogo svg { width: 78px; height: 14px; padding: 18px; margin-right: 0px; } 16885 16886 f-menu-start { float: left; height: var(--f-menu-height); } 16887 f-menu-start svg { width: 12px; height: 12px; padding: 19px 0px 19px 10px; transition: all .3s; } 16888 f-menu-start svg rect { fill: var(--f-menu-nohover); transition: all .3s; } 16889 f-menu-start:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; } 16890 16891 f-menu-list { float: left; height: var(--f-menu-height); } 16892 f-menu-list svg { width: 12px; height: 12px; padding: 19px 10px; transition: all .3s; } 16893 f-menu-list svg rect { fill: var(--f-menu-nohover); transition: all .3s; } 16894 f-menu-list:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; } 16895 16896 f-menu-thumbnails { float: left; height: var(--f-menu-height); transition: all .3s; } 16897 f-menu-thumbnails svg { width: 12px; height: 12px; padding: 19px 10px 19px 0px; transition: all .3s; } 16898 f-menu-thumbnails svg rect { fill: var(--f-menu-nohover); transition: all .3s; } 16899 f-menu-thumbnails:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; } 16900 16901 f-menu-search { float: left; transition: all .3s; height: var(--f-menu-height); transition: all .3s; } 16902 f-menu-search svg { width: 16px; height: 16px; padding: 17px 10px; fill: none; transition: all .3s; } 16903 f-menu-search circle, f-menu-search line { stroke: var(--f-menu-nohover); transition: all .3s; } 16904 f-menu-search:hover circle, f-menu-search:hover line { stroke: var(--f-menu-hover); transition: all .3s; } 16905 16906 16907 16908 16909 16910 16911 f-menu-today, f-menu-yesterday, f-menu-tips { padding: 17px 0px 17px 10px; float: left; color: var(--f-menu-nohover); transition: all .3s; } 16912 f-menu-yesterday, f-menu-tips { color: var(--f-menu-hover); } 16913 f-menu-today:hover, f-menu-yesterday:hover, f-menu-tips:hover { color: var(--f-menu-hover); } 16914 16915 f-menu-tjocklogo { float: right; height: var(--f-menu-height); transition: all .3s; } 16916 f-menu-tjocklogo svg { width: 55px; height: 12px; padding: 19px 0px 19px 10px; transition: all .3s; } 16917 f-menu-tjocklogo svg path { fill: var(--f-menu-nohover); transition: all .3s; } 16918 f-menu-tjocklogo:hover svg path { fill: var(--f-menu-hover); transition: all .3s; } 16919 16920 f-menu-droptrigger-burger { float: right; transition: all .3s ease-in-out; cursor: pointer; } 16921 f-menu-droptrigger-burger svg { width: 16px; height: 16px; padding: 17px; } 16922 f-menu-droptrigger-burger svg rect { fill: var(--f-menu-nohover); transition: all .3s; } 16923 f-menu-droptrigger-burger:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; } 16924 16925 16926 @media only screen and (max-width: 600px) { 16927 f-menu { height: 44px; } 16928 f-menu-feberlogo svg { width: 67px; height: 12px; padding: 16px 15px; margin-right: 0px; } 16929 f-menu-start { display: none; } 16930 f-menu-start svg { width: 10px; height: 10px; padding: 17px 0px 17px 8px; } 16931 f-menu-list svg { width: 10px; height: 10px; padding: 17px 8px; } 16932 f-menu-thumbnails svg { width: 10px; height: 10px; padding: 17px 8px 17px 0; } 16933 f-menu-search svg { width: 14px; height: 14px; padding: 15px 8px 15px 10px; } 16934 f-menu-today, f-menu-yesterday, f-menu-tips { padding: 16px 0px 16px 8px; font-size: 13px; line-height: 13px; } 16935 f-menu-tjocklogo svg { width: 46px; height: 10px; padding: 17px 8px; } 16936 f-menu-droptrigger-burger svg { width: 14px; height: 14px; padding: 15px 13px 15px 8px; } 16937 } 16938 16939 @media only screen and (max-width: 450px) { 16940 f-menu-tips { display: none; } 16941 } 16942 16943 @media only screen and (max-width: 380px) { 16944 f-menu-yesterday { display: none; } 16945 } 16946 16947 @media only screen and (max-width: 330px) { 16948 f-menu-today { display: none; } 16949 } 16950 16951 16952 16953 16954 [data-menu='closed'] f-menu-background { 16955 display: none; position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%; 16956 background-color: rgba(0,0,0,0); transition: all .2s; 16957 } 16958 16959 [data-menu='open'] f-menu-background { 16960 display: block; position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%; 16961 background-color: rgba(0,0,0,0.6); transition: all .2s; 16962 } 16963 16964 16965 16966 16967 f-menu-premium { display: block; color: var(--f-menu-nohover); float: right; font-size: 12px; -webkit-font-smoothing: antialiased; } 16968 16969 f-menu-premium a { color: var(--f-menu-nohover); transition: all .3s; } 16970 f-menu-premium a:hover { color: var(--f-menu-hover); } 16971 16972 f-menu-premium-notloggedin, f-menu-premium-loggedin { 16973 display: grid; grid-template-columns: auto auto auto; 16974 grid-template-rows: auto; 16975 grid-template-areas: "text icon login"; 16976 } 16977 [data-premium='true'] f-menu-premium-notloggedin { display: none; } 16978 [data-premium='false'] f-menu-premium-loggedin { display: none; } 16979 16980 f-menu-premium-usericon { cursor: pointer; display: grid; grid-area: icon; } 16981 f-menu-premium-usericon svg { padding: 18px 10px 18px 10px; height: 14px !important; width: 14px !important; } 16982 f-menu-premium-usericon svg path { fill: var(--f-menu-nohover); transition: all .3s; } 16983 f-menu-premium-usericon:hover svg path { fill: var(--f-menu-hover); transition: all .3s; } 16984 16985 f-menu-premium-text { color: var(--f-menu-nohover); padding: 18px 0px 18px 0px; transition: all .3s; 16986 display: grid; grid-area: text; 16987 } 16988 f-menu-premium-text:hover { color: var(--f-menu-hover); } 16989 16990 f-menu-premium-login, f-menu-premium-logout { 16991 float: right; padding: 18px 10px 18px 0; color: var(--f-menu-nohover); display: grid; grid-area: login; 16992 } 16993 f-menu-premium-login:hover, f-menu-premium-logout:hover { color: var(--f-menu-hover); transition: all .3s; } 16994 16995 @media only screen and (max-width: 600px) { 16996 f-menu-premium { 16997 //float: left; 16998 //width: 100%; 16999 //background-color: rgba(255,255,255,0.04); 17000 } 17001 f-menu-premium-text { line-height: 13px; padding: 9px 0px 9px 16px; } 17002 f-menu-premium-notloggedin f-menu-premium-usericon { display: none; } 17003 f-menu-premium-usericon svg { padding: 8px; } 17004 f-menu-premium-login, f-menu-premium-logout { display: block; line-height: 13px; padding: 9px 16px 9px 0px; text-align: right; } 17005 f-menu-premium-notloggedin { 17006 grid-template-columns: auto 1fr; 17007 grid-template-areas: "text login"; 17008 } 17009 17010 f-menu-premium-loggedin { 17011 grid-template-columns: auto auto 1fr; 17012 grid-template-areas: "text icon login"; 17013 } 17014 } 17015 17016 17017 17018 17019 f-menu-sponsored { display: none; float: left; padding: 10px 16px; } 17020 17021 f-menu-sub-vignette { display: block; float: left; margin-right: 15px; 17022 font-size: 11px;text-transform: uppercase; color: var(--f-menu-nohover);} 17023 17024 f-menu-sub-status { padding: 11px 14px; display: block; z-index: 91; opacity: 1; transition: opacity .2s .3s; } 17025 .scroll f-menu-sub-status { opacity: 0; transition: opacity .1s; } 17026 17027 17028 17029 f-menu-contrast { display: block; float: right; transition: all .3s; cursor: pointer; height: 30px; background-color: rgb(29,29,29); } 17030 f-menu-contrast svg { width: 14px; height: 14px; padding: 8px; } 17031 17032 f-menu-contrast circle { stroke: var(--f-menu-nohover); transition: all .3s; } 17033 f-menu-contrast path { fill: var(--f-menu-nohover); transition: all .3s; } 17034 f-menu-contrast:hover circle { stroke: var(--f-menu-hover); transition: all .3s; } 17035 f-menu-contrast:hover path { fill: var(--f-menu-hover); transition: all .3s; } 17036 17037 [data-darkmode='on'] f-menu-contrast { background-color: rgb(230,230,230); } 17038 [data-darkmode='on'] f-menu-contrast circle { stroke: rgba(50,50,50); transition: all .3s; } 17039 [data-darkmode='on'] f-menu-contrast path { fill: rgba(50,50,50); transition: all .3s; } 17040 [data-darkmode='on'] f-menu-contrast:hover circle { stroke: rgba(90,90,90); transition: all .3s; } 17041 [data-darkmode='on'] f-menu-contrast:hover path { fill: rgba(90,90,90); transition: all .3s; } 17042 17043 17044 17045 17046 17047 f-menu-sub-social { display: block; float: right; z-index: 91; padding: 0 4px; } 17048 f-menu-sub-social svg { float: left; cursor: pointer; width: 12px; height: 12px; padding: 9px 8px; margin: 0; } 17049 f-menu-sub-social path { fill: var(--f-menu-nohover); transition: all .3s; } 17050 17051 f-menu-sub-social path.f-menu-social-facebook-blue { fill: var(--f-menu-nohover); transition: all .3s; } 17052 f-menu-sub-social path.f-menu-social-facebook-f { fill: rgb(51,51,51); transition: all .3s; } 17053 f-menu-sub-social .f-menu-social-facebook:hover path.f-menu-social-facebook-blue { fill: #1977F3; transition: all .3s; } 17054 f-menu-sub-social .f-menu-social-facebook:hover path.f-menu-social-facebook-f { fill: #FEFEFE; transition: all .3s; } 17055 17056 f-menu-sub-social .f-menu-instagram:hover path { fill: rgb(213,73,152); } 17057 17058 f-menu-sub-social .f-menu-twitter:hover path { fill: rgb(8,160,233); } 17059 17060 f-menu-sub-social .f-menu-youtube path.ytIconTriangle { fill: transparent; } 17061 f-menu-sub-social .f-menu-youtube:hover path.ytIconTriangle { fill: white; } 17062 f-menu-sub-social .f-menu-youtube:hover path.ytIconRectangle { fill: red; } 17063 17064 17065 17066 17067 17068 f-menu-dropdown-one, f-menu-dropdown-two, f-menu-dropdown-icons, f-menu-dropdown-logos { 17069 display: none; position: absolute; min-width: 150px; z-index: 1; box-shadow: rgba(0,0,0,0.3) -4px 2px 12px; right: 0px; opacity: 0; transition: all .3s; 17070 } 17071 17072 f-menu-dropdown-one { top: 83px; background-color: #f9f9f9; } 17073 f-menu-dropdown-two { top: 83px; background-color: #f9f9f9; } 17074 f-menu-dropdown-icons { top: 53px;
17074 background-color: rgb(60,60,60); height: 30px; } 17075 f-menu-dropdown-logos { top: 388px; background-color: white; height: 60px; } 17076 17077 f-menu-dropdown-logo { width: 150px; height: 40px; display: flex; overflow: hidden; justify-content: center; align-items: center; } 17078 17079 [data-menu='open'] f-menu-dropdown-one { display: block; opacity: 1; right: 0px; } 17080 [data-menu='open'] f-menu-dropdown-two { display: block; opacity: 1; right: 150px; } 17081 [data-menu='open'] f-menu-dropdown-icons { display: block; opacity: 1; right: 0px; } 17082 [data-menu='open'] f-menu-dropdown-logos { display: block; opacity: 1; right: 150px; } 17083 17084 f-menu-dropdown-item, f-menu-dropdown-item-simple { text-decoration: none; display: flex; transition: all .3s; } 17085 17086 f-menu-dropdown-item-marked { display: flex; cursor: pointer; align-items: center; padding-right: 6px; padding-left: 4px; transition: all .3s } 17087 f-menu-dropdown-item-marked svg { display: block; transition: all .3s } 17088 f-menu-dropdown-item-marked:focus-visible { outline: 2px solid var(--f-hot-color); outline-offset: -2px; } 17089 17090 f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-marked circle { fill: white; } 17091 f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-marked path { fill: #666; stroke: #666; } 17092 17093 f-menu-dropdown-item:hover f-menu-dropdown-item-marked circle { fill: white; } 17094 f-menu-dropdown-item:hover f-menu-dropdown-item-marked path { fill: var(--f-hot-color); stroke: var(--f-hot-color); } 17095 f-menu-dropdown-item[data-slash="true"]:hover f-menu-dropdown-item-marked circle { fill: white; } 17096 f-menu-dropdown-item[data-slash="true"]:hover f-menu-dropdown-item-marked path { fill: var(--f-hot-color); stroke: var(--f-hot-color); } 17097 17098 17099 17100 17101 17102 f-menu-dropdown-item-title { display: block; padding: 11px 0 11px 15px; font-size: 14px; line-height: 14px; color: #222; margin-right: auto; cursor: pointer; } 17103 [data-darkmode='on'] f-menu-dropdown-item-title { color: white; } 17104 f-menu-dropdown-item:hover f-menu-dropdown-item-title { color: white; } 17105 17106 f-menu-dropdown-item-simple f-menu-dropdown-item-title { display: block; padding: 12px 16px; color: white } 17107 17108 f-menu-dropdown-item-thumb { display: none; width: 12px; cursor: pointer; align-items: center; } 17109 f-menu-dropdown-item-thumb svg { display: block; } 17110 f-menu-dropdown-item-thumb rect { fill: #666; } 17111 17112 f-menu-dropdown-one a, f-menu-dropdown-two a { color: #222; margin: 0; padding: 0; } 17113 17114 /* Gör huvudlänken expandera för att fylla hela elementet */ 17115 f-menu-dropdown-item > a:first-of-type { 17116 flex: 1; 17117 display: flex; 17118 align-items: center; 17119 } 17120 17121 f-menu-dropdown-item:hover a, f-menu-dropdown-item:hover f-menu-dropdown-item-count, f-menu-dropdown-item:hover f-menu-dropdown-item-thumb rect { 17122 color: #fff; fill: white; } 17123 17124 f-menu-dropdown-item:nth-child(odd) { background: rgba(230,230,230); transition: all .3s; } 17125 f-menu-dropdown-item:nth-child(even) { background: rgba(255,255,255); transition: all .3s; } 17126 f-menu-dropdown-item:hover:nth-child(odd), f-menu-dropdown-item:hover:nth-child(even) { background: var(--f-hot-color); color: white; } 17127 17128 [data-darkmode='on'] f-menu-dropdown-item:nth-child(odd) { background: rgba(70,70,70); color: white; transition: all .3s; } 17129 [data-darkmode='on'] f-menu-dropdown-item:nth-child(even) { background: rgba(60,60,60); color: white; transition: all .3s; } 17130 [data-darkmode='on'] f-menu-dropdown-item:hover:nth-child(odd), f-menu-dropdown-item:hover:nth-child(even) { background: var(--f-hot-color); color: white; } 17131 17132 f-menu-dropdown-item-simple:nth-child(odd) { background: rgb(60,60,60); } 17133 f-menu-dropdown-item-simple:nth-child(even) { background: rgb(70,70,70); } 17134 f-menu-dropdown-item-simple:hover:nth-child(odd), f-menu-dropdown-item-simple:hover:nth-child(even) { background: var(--f-hot-color); color: white; } 17135 17136 f-menu-dropdown-item[data-slash="true"]:nth-child(odd) { background: #666 !important; } 17137 f-menu-dropdown-item[data-slash="true"]:nth-child(even) { background: #777 !important; } 17138 f-menu-dropdown-item[data-slash="true"]:hover { background: var(--f-hot-color) !important; }
17139 f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-title { color: white !important; } 17140 f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-thumb rect { fill: white; } 17141 17142 17143 17144 @media only screen and (max-width: 600px) { 17145 f-menu-dropdown-one { top: 77px; } 17146 f-menu-dropdown-two { top: 77px; } 17147 f-menu-dropdown-icons { top: 47px; } 17148 f-menu-dropdown-logos { top: 381px; } 17149 } 17150 17151 17152 17153 17154 17155 </style> 17156 17157 17158 17159 17160 17161 17162 17163 17164 17165 17166 17167 17168 17169 17170 17171 17172 17173 17174 17175 17176 17177 17178 17179 17180 17181 17182 17183 17184 17185 17186 17187 17188 17189 17190 17191 17192 17193 17194 17195 17196 17197 17198 17199 17200 17201 17202 17203 17204 17205 17206 17207 17208 17209 17210 17211 17212 17213 17214 17215 17216 17217 17218 17219 17220 17221 17222 17223 17224 17225 17226 17227 17228 17229 17230 17231 17232 17233 17234 17235 17236 17237 17238 17239 17240 17241 17242 17243 17244 17245 17246 17247 17248 17249 17250 17251 17252 17253 17254 17255 17256 17257 17258 17259 17260 17261 17262 17263 17264 17265 17266 17267 17268 17269 17270 17271 17272 17273 17274 17275 17276 17277 17278 17279 17280 17281 17282 17283 17284 17285 17286 17287 17288 17289 17290 17291 17292 17293 17294 17295 17296 17297 17298 17299 17300 17301 17302 17303 17304 17305 17306 17307 17308 17309 17310 17311 17312 17313 17314 17315 17316 17317 17318 17319 17320 17321 17322 17323 17324 17325 17326 17327 17328 17329 17330 17331 17332 17333 17334 17335 17336 17337 17338 17339 17340 17341 17342 17343 17344 17345 17346 17347 17348 17349 17350 17351 17352 17353 17354 17355 17356 17357 17358 17359 17360 17361 17362 17363 17364 17365 17366 17367 17368 17369 17370 17371 17372 17373 17374 17375 17376 17377 17378 17379 17380 17381 17382 17383 17384 17385 17386 17387 17388 17389 17390 17391 17392 17393 17394 17395 17396 17397 17398 17399 17400 17401 17402 17403 17404 17405 17406 17407 17408 17409 17410 17411 17412 17413 17414 17415 <style> 17416 f-menu-live-container { display: block; } 17417 17418 f-menu-live { 17419 font-family: var(--f-suisse-regular); font-size: 14px; line-height: 30px; color: white; 17420 display: block; margin: 0px auto 0px; 17421 } 17422 17423 f-menu-live { background-color: rgb(70, 70, 70); } 17424 f-menu-live[data-live='live'] { background-color: var(--f-hot-color); } 17425 f-menu-live:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 17426 17427 f-menu-live a { color: white; font-weight: 300; } 17428 f-menu-live a:hover { color: rgba(255,255,255,0.8); } 17429 17430 f-menu-live-alert { font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; float: left; padding: 0px 10px 0px 18px; } 17431 17432 f-menu-live-time, f-menu-live-text, f-menu-live-tags { padding: 0px 10px 0px 0px; float: left; } 17433 17434 f-menu-live-text { font-family: var(--f-suisse-regular); } 17435 17436 .f-menu-live-killborder { margin-top: -3px; } 17437 .f-menu-live-bordertoplive { border-top: 1px solid rgb(235, 49, 0); } 17438 .f-menu-live-bordertopaktuellt { border-top: 1px solid rgb(50, 50, 50); } 17439 17440 @media only screen and (max-width: 600px) { 17441 f-menu-live { font-size: 12px; line-height: 26px; } 17442 f-menu-live-alert { padding: 0px 10px 0px 16px; } 17443 f-menu-live-tags { display: block; } 17444 .f-menu-live-killborder { margin-top: 0px; } 17445 } 17446 17447 @media only screen and (min-width: 2000px) { 17448 f-menu-live { max-width: 980px; } 17449 } 17450 17451 </style> 17452 17453 17454 17455 17456 17457 17458 17459 17460 17461 17462 17463 17464 17465 17466 17467 17468 17469 17470 17471 17472 17473 17474 17475 17476 17477 17478 17479 17480 17481 17482 17483 17484 17485 17486 17487 17488 17489 17490 17491 17492 17493 17494 17495 17496 17497 17498 17499 17500 17501 17502 17503 17504 17505 17506 17507 17508 17509 17510 17511 17512 17513 17514 17515 17516 17517 17518 17519 17520 17521 17522 17523 17524 17525 17526 17527 17528 17529 17530 17531 17532 17533 17534 17535 17536 17537 17538 17539 17540 17541 17542 17543 17544 17545 17546 17547 17548 17549 17550 17551 17552 17553 17554 17555 17556 17557 17558 17559 17560 17561 17562 17563 17564 17565 17566 17567 17568 17569 17570 17571 17572 17573 17574 17575 17576 17577 17578 17579 17580 17581 17582 17583 17584 17585 17586 17587 17588 17589 17590 17591 17592 17593 17594 17595 17596 17597 17598 17599 17600 17601 17602 17603 17604 17605 17606 17607 17608 17609 17610 17611 17612 17613 17614 17615 17616 17617 17618 17619 17620 17621 17622 17623 17624 17625 17626 17627 17628 17629 17630 17631 17632 17633 17634 17635 17636 17637 17638 17639 17640 17641 17642 17643 17644 17645 17646 17647 17648 17649 17650 17651 17652 17653 17654 17655 17656 17657 17658 17659 17660 17661 17662 17663 17664 17665 17666 17667 17668 17669 17670 17671 17672 17673 17674 17675 17676 17677 17678 17679 17680 17681 17682 17683 17684 17685 17686 17687 17688 17689 17690 17691 17692 17693 17694 17695 17696 17697 17698 17699 17700 17701 17702 17703 <style> 17704 f-deals { display: none; width: 100%; max-width: 980px; margin: var(--f-margins-margins); box-sizing: border-box; } 17705 17706 f-deals-head { display: block; font-family: SuisseRegular; font-weight: 300; color: #999; font-size: 12px; margin-bottom: 6px; } 17707 17708 f-deals-items { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; } 17709 17710 .f-deals-item { 17711 flex: 1; 17712 min-width: 0; 17713 display: block; 17714 text-decoration: none; 17715 color: inherit; 17716 } 17717 17718 @media (min-width: 800px) { 17719 .f-deals-item { flex: 0 0 calc(50% - 5px); } 17720 .f-deals-item:only-child { flex: 1 1 100%; } 17721 } 17722 17723 @media (max-width: 799px) { 17724 .f-deals-item:not(:first-child) { display: none; } 17725 } 17726 17727 f-deals-item-content { 17728 display: flex; 17729 flex-direction: row; 17730 height: 75px; 17731 min-height: 75px; 17732 max-height: 75px; 17733 overflow: hidden; 17734 background-color: rgb(45,45,45); 17735 } 17736 17737 f-deals-item-image { 17738 flex-shrink: 0; 17739 width: 140px; 17740 height: 75px; 17741 min-height: 75px; 17742 max-height: 75px; 17743 overflow: hidden; 17744 background-color: rgb(45,45,45); 17745 } 17746 17747 f-deals-item-image img { 17748 width: 100%; 17749 height: 100%; 17750 object-fit: cover; 17751 } 17752 17753 f-deals-item-gadget { 17754 flex: 1; 17755 display: flex; 17756 flex-direction: column; 17757 justify-content: center; 17758 padding: var(--f-article-padding); 17759 } 17760 17761 f-deals-item-gadget strong { 17762 display: block; 17763 font-size: 14px; 17764 line-height: 16px; 17765 font-family: 'SuisseSemiBold', SuisseSemiBold, 'Helvetica Neue', arial, sans-serif; 17766 font-weight: 600; 17767 color: #fff; 17768 -webkit-font-smoothing: antialiased; 17769 } 17770 17771 f-deals-item-price { 17772 font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; 17773 font-weight: normal; 17774 color: var(--n-orange-semidark); 17775 font-size: 14px; 17776 line-height: 16px; 17777 } 17778 17779 f-deals-item-oldprice {
17780 color: rgba(255,255,255,0.4); 17781 } 17782 17783 @media only screen and (max-width: 980px) { 17784 f-deals-head { margin-left: 8px; } 17785 } 17786 17787 </style> 17788 17789 17790 17791 17792 17793 17794 17795 17796 17797 17798 17799 17800 17801 17802 17803 17804 17805 17806 17807 17808 17809 17810 17811 17812 17813 17814 17815 17816 17817 17818 17819 17820 17821 17822 17823 17824 17825 17826 17827 17828 17829 17830 17831 17832 17833 17834 17835 17836 17837 17838 17839 17840 17841 17842 17843 17844 17845 17846 17847 17848 17849 17850 17851 17852 17853 17854 17855 17856 17857 17858 17859 17860 17861 17862 17863 17864 17865 17866 17867 17868 17869 17870 17871 17872 17873 17874 17875<style> 17876 17877 f-cta-container { 17878 display: flex; flex-direction: column; padding: 12px; margin: 20px auto; 17879 background: var(--f-article-background-inline); font-family: var(--f-suisse-semibold); font-weight: 300; 17880 } 17881 17882 f-cta-row1 { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; color: var(--f-article-text-color); } 17883 f-cta-row2 { display: flex; justify-content: flex-end; align-items: center; gap: 12px; } 17884 17885 f-cta-text { font-size: 15px; font-family: var(--f-suisse-semibold); font-weight: 300; padding: 4px; } 17886 f-cta-legal { font-size: 12px; font-family: var(--f-suisse-medium); font-weight: 300; color: rgba(0,0,0,0.4); white-space: nowrap; } 17887 f-cta-button { font-size: 15px; font-family: var(--f-suisse-semibold); font-weight: 300; 17888 background-color: #333; color: white; 17889 padding: 6px 12px; border-radius: 6px; white-space: nowrap; display: inline-block; 17890 } 17891 17892 a > f-cta-container { color: inherit; } 17893 17894 /* Desktop: rad1 till vänster, rad2: legal + button till höger */ 17895 @media (min-width: 600px) { 17896 f-cta-container { flex-direction: row; justify-content: space-between; align-items: center; } 17897 f-cta-row1 { margin: 0; } 17898 f-cta-row2 { gap: 12px; } 17899 f-cta-text { padding-left: 0 0 8px 0; } 17900 } 17901</style> 17902
17903<script> 17904 document.addEventListener('DOMContentLoaded', () => { 17905 17906 //console.log('f-cta script loaded'); 17907 17908 const presetBG = { 17909 black: '#222', 17910 blue: 'var(--f-link-color)', 17911 orange: 'var(--f-hot-color)', 17912 automatos: 'rgba(217, 4, 41, 1)' 17913 }; 17914 17915 const presetText = { 17916 white: '#fff', 17917 black: 'var(--f-article-text-color)' 17918 }; 17919 17920 function processCTA(el) { 17921 if (el.dataset.processed) return; // Undvik att bearbeta flera gÃÂ¥nger 17922 el.dataset.processed = "true"; 17923 17924 const text = el.getAttribute('text') || ''; 17925 const button = el.getAttribute('button') || ''; 17926 const legal = el.getAttribute('legal') || ''; 17927 const url = el.getAttribute('url') || '#'; 17928 const bgcolor = el.getAttribute('bgcolor') || '#333'; 17929 const textcolor = el.getAttribute('textcolor') || 'white'; 17930 17931 const bg = presetBG[bgcolor.toLowerCase()] || bgcolor; 17932 const tc = presetText[textcolor.toLowerCase()] || textcolor; 17933 17934 const link = document.createElement('a'); 17935 link.setAttribute('href', url); 17936 link.setAttribute('target', '_blank'); 17937 link.setAttribute('rel', 'noopener'); 17938 link.style.textDecoration = 'none'; 17939 link.style.display = 'block'; 17940 17941 const container = document.createElement('f-cta-container'); 17942 const row1 = document.createElement('f-cta-row1'); 17943 const row2 = document.createElement('f-cta-row2'); 17944 17945 const textEl = document.createElement('f-cta-text'); 17946 textEl.textContent = text; 17947 17948 const legalEl = document.createElement('f-cta-legal'); 17949 legalEl.textContent = legal; 17950 17951 const buttonEl = document.createElement('f-cta-button'); 17952 buttonEl.textContent = button; 17953 buttonEl.style.backgroundColor = bg; 17954 buttonEl.style.color = tc; 17955 17956 row1.appendChild(textEl); 17957 row2.appendChild(legalEl); 17958 row2.appendChild(buttonEl); 17959 17960 container.appendChild(row1); 17961 container.appendChild(row2); 17962 link.appendChild(container); 17963 17964 el.replaceWith(link); 17965 } 17966 17967 // 1. Kör pÃÂ¥ redan existerande f-cta 17968 document.querySelectorAll('f-cta').forEach(processCTA); 17969 17970 // 2. Observera DOM-förändringar 17971 const observer = new MutationObserver(mutations => { 17972 mutations.forEach(mutation => { 17973 mutation.addedNodes.forEach(node => { 17974 if (node.nodeType === 1 && node.tagName.toLowerCase() === 'f-cta') { 17975 processCTA(node); 17976 } 17977 // Om det finns <f-cta> längre ner i det nya nodträdet 17978 if (node.nodeType === 1) { 17979 node.querySelectorAll?.('f-cta')?.forEach(processCTA); 17980 } 17981 }); 17982 }); 17983 }); 17984 17985 observer.observe(document.body, { childList: true, subtree: true }); 17986 }); 17987</script>
17987 17988 17989 17990 17991 17992 17993 17994 17995 17996 17997 17998 17999 18000 18001 18002 18003 18004 18005 18006 18007 18008 18009 18010 18011 18012 18013 18014 18015 18016 18017 18018 18019 18020 18021 18022 18023 18024 18025
18026<script> 18027 document.addEventListener('DOMContentLoaded', () => { 18028 let inlineGalleryCounter = 0; 18029 18030 function processInlineGallery(el) { 18031 if (el.dataset.processed) return; 18032 el.dataset.processed = "true"; 18033 18034 const autoplay = el.getAttribute('data-autoplay') === 'true'; 18035 const autoplaySpeedSeconds = parseFloat(el.getAttribute('data-autoplay-speed')) || 3; // Standard 3 sekunder 18036 const autoplaySpeed = Math.round(autoplaySpeedSeconds * 1000); // Konvertera till millisekunder 18037 const showThumbs = el.getAttribute('data-thumbs') !== 'false'; // Visa tumnaglar som standard 18038 18039 // Hitta alla f-inlinegallery-img element 18040 const imgElements = el.querySelectorAll('f-inlinegallery-img'); 18041 18042 if (imgElements.length === 0) return; 18043 18044 // Skapa container 18045 const container = document.createElement('f-inlinegallery-container'); 18046 const galleryId = el.getAttribute('data-inlinegalleryid') || el.getAttribute('data-flideid') || 'inlinegallery-' + (++inlineGalleryCounter); 18047 container.setAttribute('data-inlinegalleryid', galleryId); 18048 18049 // Skapa huvudbild-omrÃÂ¥de 18050 const mainArea = document.createElement('f-inlinegallery-main'); 18051 18052 const fullscreenEnter = document.createElement('f-fullscreen-enter'); 18053 fullscreenEnter.innerHTML = '<svg id="svg-open-fullscreen" enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>'; 18054 fullscreenEnter.addEventListener('click', (e) => { 18055 e.stopPropagation(); 18056 if (typeof startInlineGalleryFullScreen === 'function') { 18057 startInlineGalleryFullScreen(galleryId); 18058 } 18059 }); 18060 18061 const fullscreenClose = document.createElement('f-fullscreen-close'); 18062 fullscreenClose.style.display = 'none'; 18063 fullscreenClose.innerHTML = '<svg id="svg-close-fullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"></polygon><polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"></polygon><polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"></polygon><polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"></polygon></svg>'; 18064 fullscreenClose.addEventListener('click', (e) => { 18065 e.stopPropagation(); 18066 if (typeof exitFullscreen === 'function') { 18067 exitFullscreen(); 18068 } 18069 }); 18070 18071 // Skapa f-flide-prev/f-flide-next element (bara om fler än en bild) 18072 let flidePrev = null; 18073 let flideNext = null; 18074 if (imgElements.length > 1) { 18075 flidePrev = document.createElement('f-flide-prev'); 18076 flidePrev.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>'; 18077 flideNext = document.createElement('f-flide-next'); 18078 flideNext.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>'; 18079 } 18080 18081 // Skapa tumnaglar (om aktiverat) 18082 let thumbsContainer = null; 18083 if (showThumbs) { 18084 thumbsContainer = document.createElement('f-inlinegallery-thumbs'); 18085 } 18086 18087 let currentIndex = 0; 18088 18089 // Skapa bilddata frÃÂ¥n img-element 18090 const images = Array.from(imgElements).map((imgEl, index) => { 18091 const baseUrl = imgEl.getAttribute('data') || ''; 18092 const caption = imgEl.getAttribute('data-caption') || ''; 18093 18094 // Extrahera bas-URL utan eventuella parametrar 18095 const cleanUrl = baseUrl.replace(/[?&].*$/, ''); 18096 18097 // Skapa URL:er för olika storlekar 18098 const mainUrl = cleanUrl.replace(/\.(jpg|jpeg|png)$/i, '_1280.$1'); 18099 const thumbUrl = cleanUrl.replace(/\.(jpg|jpeg|png)$/i, '_100x100.$1'); 18100 18101 const cred = imgEl.getAttribute('data-cred') || ''; 18102 const credUrl = imgEl.getAttribute('data-cred-url') || ''; 18103 18104 // Debug: logga värden 18105 console.log('Bild ' + (index + 1) + ': cred="' + cred + '", credUrl="' + credUrl + '"'); 18106 18107 return { 18108 main: mainUrl, 18109 thumb: thumbUrl, 18110 original: cleanUrl, 18111 caption: caption, 18112 cred: cred, 18113 credUrl: credUrl 18114 }; 18115 }); 18116 18117 // Funktion för att uppdatera huvudbild 18118 function updateMainImage(index) { 18119 const fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement; 18120 const imageUrl = fullscreenElement === container ? images[index].main.replace('_1280', '_1920') : images[index].main; 18121 const img = mainArea.querySelector('img'); 18122 if (img) { 18123 img.src = imageUrl; 18124 } else { 18125 const newImg = document.createElement('img'); 18126 newImg.src = imageUrl; 18127 newImg.alt = `Bild 1`; 18128 newImg.loading = 'lazy'; 18129 mainArea.appendChild(newImg); 18130 } 18131 18132 // Uppdatera bildtext 18133 let captionEl = mainArea.querySelector('f-article-image-caption'); 18134 if (images[index].caption) { 18135 if (!captionEl) { 18136 captionEl = document.createElement('f-article-image-caption'); 18137 mainArea.appendChild(captionEl); 18138 } 18139 captionEl.textContent = images[index].caption; 18140 } else if (captionEl) { 18141 captionEl.remove(); 18142 } 18143 18144 // Uppdatera fotokreditering 18145 let credEl = mainArea.querySelector('f-article-image-cred'); 18146 if (images[index].cred) { 18147 if (!credEl) { 18148 credEl = document.createElement('f-article-image-cred'); 18149 mainArea.appendChild(credEl); 18150 } 18151 18152 // Debug: logga vad som ska visas 18153 console.log('Cred element: cred="' + images[index].cred + '", credUrl="' + images[index].credUrl + '"'); 18154 18155 if (images[index].credUrl) { 18156 // Skapa länk för fotokreditering 18157 const link = document.createElement('a'); 18158 link.href = images[index].credUrl; 18159 link.target = '_blank'; 18160 link.textContent = images[index].cred; 18161 link.rel = 'noopener'; 18162 18163 credEl.innerHTML = 'Foto: '; 18164 credEl.appendChild(link); 18165 console.log('Skapade länk för fotokreditering'); 18166 } else { 18167 // Bara text utan länk 18168 credEl.innerHTML = 'Foto: ' + images[index].cred; 18169 console.log('Skapade text för fotokreditering:', 'Foto: ' + images[index].cred); 18170 } 18171 } else if (credEl) { 18172 credEl.remove(); 18173 } 18174 18175 // Uppdatera tumnaglar (om de finns) 18176 if (thumbsContainer) { 18177 thumbsContainer.querySelectorAll('.f-inlinegallery-thumb').forEach((thumb, i) => { 18178 thumb.classList.toggle('active', i === index); 18179 });
18180 } 18181 18182 currentIndex = index; 18183 } 18184 18185 // Skapa tumnaglar (om aktiverat) 18186 if (showThumbs && thumbsContainer) { 18187 images.forEach((image, index) => { 18188 const thumb = document.createElement('f-inlinegallery-thumb'); 18189 thumb.className = index === 0 ? 'f-inlinegallery-thumb active' : 'f-inlinegallery-thumb'; 18190 18191 const thumbImg = document.createElement('img'); 18192 thumbImg.src = image.thumb; 18193 thumbImg.alt = `Tumnagel 1`; 18194 thumbImg.loading = 'lazy'; 18195 18196 thumb.appendChild(thumbImg); 18197 18198 thumb.addEventListener('click', () => updateMainImage(index)); 18199 thumbsContainer.appendChild(thumb); 18200 }); 18201 } 18202 18203 function showPreviousImage() { 18204 const newIndex = currentIndex > 0 ? currentIndex - 1 : images.length - 1; 18205 updateMainImage(newIndex); 18206 } 18207 18208 function showNextImage() { 18209 const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0; 18210 updateMainImage(newIndex); 18211 } 18212 18213 container.inlineGalleryPrevious = showPreviousImage; 18214 container.inlineGalleryNext = showNextImage; 18215 18216 // Klick pÃÂ¥ vänstra tredjedelen backar, övrig yta gÃÂ¥r framÃÂ¥t 18217 mainArea.addEventListener('click', (e) => { 18218 const bounds = mainArea.getBoundingClientRect(); 18219 const clickX = e.clientX - bounds.left; 18220 18221 if (clickX < bounds.width / 3) { 18222 showPreviousImage(); 18223 } else { 18224 showNextImage(); 18225 } 18226 }); 18227 18228 // Klick pÃÂ¥ f-flide-prev/f-flide-next för bildnavigation 18229 if (flidePrev) { 18230 flidePrev.addEventListener('click', (e) => { 18231 e.stopPropagation(); // Förhindra att mainArea ocksÃÂ¥ triggar 18232 showPreviousImage(); 18233 }); 18234 } 18235 18236 if (flideNext) { 18237 flideNext.addEventListener('click', (e) => { 18238 e.stopPropagation(); // Förhindra att mainArea ocksÃÂ¥ triggar 18239 showNextImage(); 18240 }); 18241 } 18242 18243 // Gör huvudbild klickbar med cursor 18244 mainArea.style.cursor = 'pointer'; 18245 18246 // Tangentbordsnavigation (bara piltangenter) 18247 container.addEventListener('keydown', (e) => { 18248 if (e.key === 'ArrowRight') { 18249 showNextImage(); 18250 } else if (e.key === 'ArrowLeft') { 18251 showPreviousImage(); 18252 } 18253 }); 18254 18255 // Gör container fokuserbar för tangentbordsnavigation 18256 container.setAttribute('tabindex', '0'); 18257 18258 // Lägg till f-flide-prev/f-flide-next i mainArea 18259 if (flidePrev) { 18260 mainArea.appendChild(flidePrev); 18261 } 18262 if (flideNext) { 18263 mainArea.appendChild(flideNext); 18264 } 18265 mainArea.appendChild(fullscreenEnter); 18266 mainArea.appendChild(fullscreenClose); 18267 18268 // Lägg till element i rätt ordning 18269 if (showThumbs && thumbsContainer) { 18270 container.appendChild(thumbsContainer); // Tumnaglar ovanför 18271 } 18272 container.appendChild(mainArea); 18273 18274 // Initiera första bilden 18275 updateMainImage(0); 18276 18277 // Autoplay-funktionalitet 18278 let autoplayInterval; 18279 if (autoplay && images.length > 1) { 18280 autoplayInterval = setInterval(() => { 18281 const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0; 18282 updateMainImage(newIndex); 18283 }, autoplaySpeed); 18284 18285 // Pausa autoplay vid hover 18286 container.addEventListener('mouseenter', () => { 18287 if (autoplayInterval) clearInterval(autoplayInterval); 18288 }); 18289 18290 container.addEventListener('mouseleave', () => { 18291 if (autoplay && images.length > 1) { 18292 autoplayInterval = setInterval(() => { 18293 const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0; 18294 updateMainImage(newIndex); 18295 }, autoplaySpeed); 18296 } 18297 }); 18298 } 18299 18300 // Ersätt original-elementet 18301 el.replaceWith(container); 18302 } 18303 18304 // Processa befintliga gallerin 18305 document.querySelectorAll('f-inlinegallery').forEach(processInlineGallery); 18306 18307 // Observera nya gallerin och img-element 18308 const observer = new MutationObserver(mutations => { 18309 mutations.forEach(mutation => { 18310 mutation.addedNodes.forEach(node => { 18311 if (node.nodeType === 1) { 18312 // Hantera nya f-inlinegallery 18313 if (node.tagName.toLowerCase() === 'f-inlinegallery') { 18314 processInlineGallery(node); 18315 } 18316 // Hantera nya f-inlinegallery-img som läggs till i befintliga gallerin 18317 if (node.tagName.toLowerCase() === 'f-inlinegallery-img') { 18318 const gallery = node.closest('f-inlinegallery'); 18319 if (gallery && !gallery.dataset.processed) { 18320 processInlineGallery(gallery); 18321 } 18322 } 18323 // Sök i nya noder efter gallerin 18324 node.querySelectorAll?.('f-inlinegallery')?.forEach(processInlineGallery); 18325 } 18326 }); 18327 }); 18328 }); 18329 18330 observer.observe(document.body, { childList: true, subtree: true });
18331 }); 18332</script>
18332 18333 18334 18335 18336 18337 18338 18339 18340 18341 18342 18343 18344 18345 18346 18347 18348 18349 18350 18351 18352 18353 18354 18355 18356 18357 18358 18359 18360 18361 18362 18363 18364 18365 18366 18367<style> 18368 f-productpoll, f-productpoll-container { display:block; width:100%; margin:28px auto; } 18369 f-productpoll-container { padding:0; overflow:hidden; border-radius:6px; background:var(--f-article-background-inline); box-sizing:border-box; } 18370 .f-productpoll-header { display:flex; align-items:center; gap:16px; padding:12px var(--f-article-padding-thin); margin:0 0 2px; border-radius:6px 6px 0 0; background:rgb(50,50,50); color:#fff; } 18371 .f-productpoll-title { margin:0; color:#fff; font-family:var(--f-suisse-semibold); font-weight:300; font-size:17px; line-height:20px; -webkit-font-smoothing:antialiased; } 18372 .f-productpoll-total { flex-shrink:0; margin-left:auto; padding:0; border:0; background:transparent; color:inherit; white-space:nowrap; font-family:var(--f-suisse-regular); font-size:13px; opacity:.7; -webkit-font-smoothing:auto; } 18373 .f-productpoll-total-action { padding:4px 8px; border-radius:6px; background:#666; color:#fff; cursor:pointer; opacity:1; font-size:12px; } 18374 .f-productpoll-total-hover { display:none; } 18375 .f-productpoll-total-action:not(.is-results):hover .f-productpoll-total-default { display:none; } 18376 .f-productpoll-total-action:not(.is-results):hover .f-productpoll-total-hover { display:inline; } 18377 .f-productpoll-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; padding:12px; align-items:stretch; } 18378 .f-productpoll-card { display:flex; align-self:stretch; flex-direction:column; min-width:0; overflow:hidden; border:0; border-radius:6px; outline:0; background:var(--f-article-background); color:var(--f-article-text-color); cursor:pointer; transition:transform .15s,box-shadow .15s; } 18379 .f-productpoll-card:hover, 18380 .f-productpoll-card:focus, 18381 .f-productpoll-card:focus-visible { border:0; outline:0; transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,.14); } 18382 .f-productpoll-card[aria-disabled="true"] { pointer-events:none; opacity:.72; } 18383 .f-productpoll-card > img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; } 18384 .f-productpoll-card-copy { display:flex; flex:1; flex-direction:column; padding:10px; } 18385 .f-productpoll-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; } 18386 .f-productpoll-card-labels { display:flex; min-width:0; flex-direction:column; } 18387 .f-productpoll-card-title { display:block; font-family:var(--f-suisse-bold); font-weight:300; font-size:16px; line-height:1; color:var(--f-article-text-color); -webkit-font-smoothing:antialiased; } 18388 .f-productpoll-vote { flex-shrink:0; padding:10px 12px; border:0; border-radius:6px; background:var(--f-hot-color); color:#fff; font-family:var(--f-suisse-semibold); font-size:15px; line-height:1; } 18389 .f-productpoll-card-kicker { display:block; font-family:var(--f-suisse-light); font-weight:300; font-size:16px; line-height:1; color:var(--f-article-text-color-shade-deluxe); -webkit-font-smoothing:antialiased; } 18390 .f-productpoll-card-info { display:block; margin-top:7px; font-size:13px; line-height:1; color:var(--f-article-text-color-shade-deluxe); } 18391 .f-productpoll-link { display:block; align-self:flex-start; margin-top:auto; padding-top:9px; color:var(--f-hot-color); font-family:var(--f-suisse-semibold); font-size:13px; line-height:1.2; text-decoration:none; } 18392 .f-productpoll-link:hover { text-decoration:underline; } 18393 .f-productpoll-results { display:grid; gap:10px; padding:10px; } 18394 .f-productpoll-result { display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; align-items:center; padding:8px 12px 8px 8px; border-radius:6px; background:var(--f-article-background); color:var(--f-article-text-color); } 18395 .f-productpoll-result img { display:block; width:96px; aspect-ratio:16/9; border-radius:6px; object-fit:cover; } 18396 .f-productpoll-result-body { min-width:0; } 18397 .f-productpoll-result-title { display:flex; justify-content:space-between; gap:10px; margin-bottom:7px; font-family:SuisseSemiBold; font-size:15px; } 18398 .f-productpoll-voting .f-productpoll-result-body { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:12px; align-items:center; } 18399 .f-productpoll-voting .f-productpoll-result-title { grid-column:1; grid-row:1; margin-bottom:0; } 18400 .f-productpoll-voting .f-productpoll-result-title > :first-child { min-width:0; } 18401 .f-productpoll-voting .f-productpoll-bar { grid-column:1; grid-row:2; } 18402 .f-productpoll-voting .f-productpoll-vote { grid-column:2; grid-row:1 / 3; } 18403 .f-productpoll-result-metric { flex-shrink:0; min-width:64px; text-align:right; } 18404 .f-productpoll-result-votes { display:none; } 18405 .f-productpoll-result:hover .f-productpoll-result-percent { display:none; } 18406 .f-productpoll-result:hover .f-productpoll-result-votes { display:inline; } 18407 .f-productpoll-bar { height:9px; overflow:hidden; border-radius:20px; background:rgba(127,127,127,.2); } 18408 .f-productpoll-bar span { display:block; height:100%; width:var(--poll-width); background:#333; transition:width .35s ease; } 18409 .f-productpoll-result.is-selected .f-productpoll-bar span { background:var(--f-hot-color); } 18410 .f-productpoll-error { padding:12px; color:var(--f-hot-color); font-size:14px; } 18411 @media (max-width:600px) { .f-productpoll-header{padding:12px var(--f-article-padding);}.f-productpoll-title{font-size:15px;line-height:17px}.f-productpoll-total{font-size:12px}.f-productpoll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.f-productpoll-card-copy{padding:8px}.f-productpoll-card-title{font-size:15px}.f-productpoll-card-kicker{font-size:14px}.f-productpoll-card-info{display:none}.f-productpoll-link{padding-top:7px}.f-productpoll-result{grid-template-columns:72px minmax(0,1fr)}.f-productpoll-result img{width:72px} } 18412</style>
18413<script> 18414(function() { 18415 'use strict'; 18416 function imageUrl(url, size) { 18417 var clean = (url || '').replace(/([?&]).*$/, ''); 18418 return clean.replace(/_(?:\d+x\d+|\d+)(?=\.[a-z0-9]+$)/i, '').replace(/(\.[a-z0-9]+)$/i, '_' + size + '$1'); 18419 } 18420 function text(el, className, value) { if (!value) return; var node=document.createElement(el); node.className=className; node.textContent=value; return node; } 18421 function storageKey(id) { return 'product-poll-' + id; } 18422 function selectedOption(id) { try { return window.localStorage.getItem(storageKey(id)); } catch (e) { return null; } } 18423 function rememberOption(id, option) { try { window.localStorage.setItem(storageKey(id), option); } catch (e) {} } 18424 function forgetOption(id) { try { window.localStorage.removeItem(storageKey(id)); } catch (e) {} } 18425 function processPoll(source) { 18426 if (source.dataset.processed) return; 18427 source.dataset.processed='true'; 18428 var pollId=source.getAttribute('data-id'); 18429 var listLayout=source.getAttribute('data-layout')==='list'; 18430 var items=Array.prototype.map.call(source.querySelectorAll('f-productpoll-item'),function(item){return{id:item.getAttribute('data-id'),image:item.getAttribute('data')||'',title:item.getAttribute('data-title')||'',kicker:item.getAttribute('data-kicker')||'',info:item.getAttribute('data-info')||'',url:item.getAttribute('data-url')||''};}).filter(function(item){return /^\d+$/.test(item.id)&&item.title&&item.image;}); 18431 if (!/^\d+$/.test(pollId||'')||items.length<2) return; 18432 var container=document.createElement('f-productpoll-container'); 18433 var header=document.createElement('div'); header.className='f-productpoll-header'; 18434 var title=text('h2','f-productpoll-title',source.getAttribute('data-title')); if(title)header.appendChild(title); 18435 var totalLabel=document.createElement('button');totalLabel.type='button';totalLabel.disabled=true;totalLabel.className='f-productpoll-total';header.appendChild(totalLabel);container.appendChild(header); 18436 var chosen=selectedOption(pollId); 18437 var showingResults=false; 18438 var totalVotes=0; 18439 var lastResults={};items.forEach(function(item){lastResults[item.id]=0;}); 18440 function optionIds(){return items.map(function(item){return item.id;}).join(',');} 18441 function totalText(){return totalVotes+(totalVotes>1?' r\u00f6ster':' r\u00f6st');} 18442 function updateTotalControl(){totalLabel.className='f-productpoll-total';totalLabel.disabled=!!chosen;totalLabel.textContent='';if(chosen){totalLabel.textContent=totalText();return;}totalLabel.classList.add('f-productpoll-total-action');if(showingResults){totalLabel.classList.add('is-results');totalLabel.textContent='R\u00f6sta';return;}var label=document.createElement('span');label.className='f-productpoll-total-default';label.textContent='Visa resultat';totalLabel.appendChild(label);var votes=document.createElement('span');votes.className='f-productpoll-total-hover';votes.textContent=totalText();totalLabel.appendChild(votes);} 18443 function showCards(){ 18444 var old=container.querySelector('.f-productpoll-grid,.f-productpoll-results,.f-productpoll-error');if(old)old.remove(); 18445 showingResults=false;updateTotalControl(); 18446 if(listLayout){ 18447 var votingTotal=items.reduce(function(sum,item){return sum+(Number(lastResults[item.id])||0);},0); 18448 var list=document.createElement('div');list.className='f-productpoll-results f-productpoll-voting'; 18449 items.forEach(function(item){var votes=Number(lastResults[item.id])||0;var percent=votingTotal?Math.round(votes*100/votingTotal):0;var row=document.createElement('div');row.className='f-productpoll-result';var img=document.createElement('img');img.src=imageUrl(item.image,'980');img.alt=item.title;img.loading='lazy';row.appendChild(img);var body=document.createElement('div');body.className='f-productpoll-result-body';var heading=document.createElement('div');heading.className='f-productpoll-result-title';var label=item.url?document.createElement('a'):document.createElement('span');if(item.url){label.href=item.url;label.style.color='inherit';}label.textContent=item.title;heading.appendChild(label);body.appendChild(heading);var bar=document.createElement('div');bar.className='f-productpoll-bar';var fill=document.createElement('span');fill.style.setProperty('--poll-width',percent+'%');bar.appendChild(fill);body.appendChild(bar);var button=document.createElement('button');button.type='button';button.className='f-productpoll-vote';button.textContent='R\u00f6sta';button.setAttribute('aria-label','R\u00f6sta p\u00e5 '+item.title);button.addEventListener('click',function(){vote(item.id);});body.appendChild(button);row.appendChild(body);list.appendChild(row);}); 18450 container.appendChild(list);return; 18451 } 18452 var grid=document.createElement('div'); grid.className='f-productpoll-grid';
18453 items.forEach(function(item){var card=document.createElement('div');card.className='f-productpoll-card';card.tabIndex=0;card.setAttribute('role','button');card.setAttribute('aria-label','Rösta pÃÂ¥ '+item.title);var img=document.createElement('img');img.src=imageUrl(item.image,'980');img.alt=item.title;img.loading='lazy';card.appendChild(img);var copy=document.createElement('div');copy.className='f-productpoll-card-copy';var heading=document.createElement('div');heading.className='f-productpoll-card-heading';var labels=document.createElement('div');labels.className='f-productpoll-card-labels';labels.appendChild(text('span','f-productpoll-card-title',item.title));var k=text('span','f-productpoll-card-kicker',item.kicker);if(k)labels.appendChild(k);heading.appendChild(labels);heading.appendChild(text('span','f-productpoll-vote','R\u00f6sta'));copy.appendChild(heading);var i=text('span','f-productpoll-card-info',item.info);if(i)copy.appendChild(i);if(item.url){var link=document.createElement('a');link.className='f-productpoll-link';link.href=item.url;link.textContent='L\u00e4s mer';link.addEventListener('click',function(event){event.stopPropagation();});copy.appendChild(link);}card.appendChild(copy);card.addEventListener('click',function(){if(card.getAttribute('aria-disabled')!=='true')vote(item.id);});card.addEventListener('keydown',function(event){if((event.key==='Enter'||event.key===' ')&&event.target===card){event.preventDefault();if(card.getAttribute('aria-disabled')!=='true')vote(item.id);}});grid.appendChild(card);}); 18454 container.appendChild(grid); 18455 } 18456 function showResults(results){ 18457 var old=container.querySelector('.f-productpoll-grid,.f-productpoll-results,.f-productpoll-error');if(old)old.remove(); 18458 lastResults={};items.forEach(function(item){lastResults[item.id]=Number(results[item.id])||0;}); 18459 showingResults=true; 18460 var total=items.reduce(function(sum,item){return sum+(Number(results[item.id])||0);},0);setTotal(total);var list=document.createElement('div');list.className='f-productpoll-results'; 18461 items.forEach(function(item){var votes=Number(results[item.id])||0;var percent=total?Math.round(votes*100/total):0;var row=document.createElement('div');row.className='f-productpoll-result'+(String(chosen)===String(item.id)?' is-selected':'');var img=document.createElement('img');img.src=imageUrl(item.image,'980');img.alt='';img.loading='lazy';row.appendChild(img);var body=document.createElement('div');body.className='f-productpoll-result-body';var heading=document.createElement('div');heading.className='f-productpoll-result-title';var label=item.url?document.createElement('a'):document.createElement('span');if(item.url){label.href=item.url;label.style.color='inherit';}label.textContent=item.title;heading.appendChild(label);var metric=document.createElement('span');metric.className='f-productpoll-result-metric';var pct=document.createElement('span');pct.className='f-productpoll-result-percent';pct.textContent=percent+'%';metric.appendChild(pct);var count=document.createElement('span');count.className='f-productpoll-result-votes';count.textContent=votes+(votes===1?' r\u00f6st':' r\u00f6ster');metric.appendChild(count);heading.appendChild(metric);body.appendChild(heading);var bar=document.createElement('div');bar.className='f-productpoll-bar';var fill=document.createElement('span');fill.style.setProperty('--poll-width',percent+'%');bar.appendChild(fill);body.appendChild(bar);row.appendChild(body);list.appendChild(row);});container.appendChild(list); 18462 } 18463 function setTotal(total){totalVotes=total;updateTotalControl();} 18464 totalLabel.addEventListener('click',function(){if(chosen)return;if(showingResults)showCards();else showResults(lastResults);}); 18465 function results(){var params='poll='+encodeURIComponent(pollId)+'&options='+encodeURIComponent(optionIds());return fetch('/dynamic/product_poll_results.jsp?'+params,{credentials:'omit',cache:'default'}).then(function(response){if(!response.ok)throw new Error('HTTP '+response.status);return response.json();});} 18466 function vote(option){var previousResults={};
18466items.forEach(function(item){previousResults[item.id]=Number(lastResults[item.id])||0;});var optimistic={};items.forEach(function(item){optimistic[item.id]=previousResults[item.id];});optimistic[option]=(optimistic[option]||0)+1;chosen=option;rememberOption(pollId,option);showResults(optimistic);var countUrl='/count?type='+encodeURIComponent('product-poll-'+pollId)+'&typeId='+encodeURIComponent(option)+'&_='+Date.now();fetch(countUrl,{credentials:'same-origin',cache:'no-store'}).then(function(response){if(!response.ok)throw new Error('HTTP '+response.status);}).catch(function(){forgetOption(pollId);chosen=null;lastResults=previousResults;setTotal(items.reduce(function(sum,item){return sum+(previousResults[item.id]||0);},0));showCards();var error=document.createElement('div');error.className='f-productpoll-error';error.textContent='R\u00f6sten kunde inte sparas \u2013 f\u00f6rs\u00f6k igen.';container.appendChild(error);});} 18467 source.replaceWith(container); 18468 results().then(function(data){var values=data.results||{};lastResults={};items.forEach(function(item){lastResults[item.id]=Number(values[item.id])||0;});var total=items.reduce(function(sum,item){return sum+lastResults[item.id];},0);setTotal(total);if(chosen&&items.some(function(item){return String(item.id)===String(chosen);}))showResults(lastResults);else showCards();}).catch(showCards); 18469 } 18470 function scan(root){if(root.matches&&root.matches('f-productpoll'))processPoll(root);if(root.querySelectorAll)root.querySelectorAll('f-productpoll').forEach(processPoll);} 18471 document.addEventListener('DOMContentLoaded',function(){scan(document);new MutationObserver(function(mutations){mutations.forEach(function(mutation){mutation.addedNodes.forEach(function(node){if(node.nodeType===1)scan(node);});});}).observe(document.body,{childList:true,subtree:true});}); 18472})(); 18473</script>
18473 18474 18475 18476 18477 18478 18479 18480 18481 18482 18483 18484 18485 18486 18487 18488 18489 18490 18491 18492 18493 18494 18495 18496<style> 18497 f-proscons, f-proscons-container { display:block; width:100%; margin:28px auto; } 18498 f-proscons-container { display:grid; gap:2px; overflow:hidden; background:var(--f-article-background); } 18499 .f-proscons-row { display:grid; grid-template-columns:40px minmax(0,1fr); min-height:40px; background:rgb(50,50,50); color:#fff; } 18500 .f-proscons-text { display:flex; align-items:center; min-width:0; padding:8px 12px; color:#fff; font-family:var(--f-suisse-regular); font-size:16px; line-height:1.12; -webkit-font-smoothing:antialiased; } 18501 .f-proscons-mark, .f-proscons-mark svg { display:block; width:40px; height:40px; } 18502 @media (max-width:600px) { 18503 .f-proscons-row { grid-template-columns:40px minmax(0,1fr); min-height:40px; } 18504 .f-proscons-text { font-size:16px; } 18505 .f-proscons-mark, .f-proscons-mark svg { width:40px; height:40px; } 18506 } 18507</style>
18508<script> 18509(function() { 18510 'use strict'; 18511 function processProsCons(source) { 18512 if (source.dataset.processed) return; 18513 source.dataset.processed = 'true'; 18514 var container = document.createElement('f-proscons-container'); 18515 Array.prototype.forEach.call(source.querySelectorAll('f-proscons-item'), function(item) { 18516 var value = item.getAttribute('data-text') || ''; 18517 if (!value) return; 18518 var type = item.getAttribute('data-type') === 'minus' ? 'minus' : 'plus'; 18519 var row = document.createElement('div'); 18520 row.className = 'f-proscons-row is-' + type; 18521 var text = document.createElement('div'); 18522 text.className = 'f-proscons-text'; 18523 text.textContent = value; 18524 var mark = document.createElement('div'); 18525 mark.className = 'f-proscons-mark'; 18526 mark.innerHTML = type === 'minus' ? 18527 '<svg viewBox="0 0 650 650" fill="none" aria-hidden="true"><path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/><path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/></svg>' : 18528 '<svg viewBox="0 0 650 650" fill="none" aria-hidden="true"><path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/><path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/><path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/></svg>'; 18529 row.appendChild(mark); 18530 row.appendChild(text); 18531 container.appendChild(row); 18532 }); 18533 source.replaceWith(container); 18534 } 18535 function scan(root) { 18536 if (root.matches && root.matches('f-proscons')) processProsCons(root); 18537 if (root.querySelectorAll) root.querySelectorAll('f-proscons').forEach(processProsCons); 18538 } 18539 document.addEventListener('DOMContentLoaded', function() { 18540 scan(document); 18541 new MutationObserver(function(mutations) { 18542 mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) scan(node); }); }); 18543 }).observe(document.body, { childList:true, subtree:true }); 18544 }); 18545})(); 18546</script>
18546 18547 18548 18549 18550 18551 18552 18553 18554 18555 18556 18557 18558 18559 <style> 18560 .hidden { display: none!important; } 18561 .hiddenNonImportant { display: none; } 18562 18563 18564 18565 18566 18567 18568 18569.art_container[data-show='no'] { display: none; } 18570.fullsizecontainer[data-show='no'] { display: none; } 18571f-article-fullsize-container[data-show='no'] { display: none; } 18572 18573 18574 18575.after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18576 18577.febericons { font-family: 'febericons'; cursor: pointer; } 18578.cursor { cursor: pointer; } 18579 18580 18581.feberhot, .feberhot a { bottom: auto; color: var(--f-hot-color) !important; } 18582.feberhotBG { background-color: var(--f-hot-color) !important; color: #fff !important; } 18583.febercold, .febercold a { color: var(--f-cold-color) !important; } 18584.febercoldBG { background-color: var(--f-cold-color) !important; color: #fff !important; } 18585.tjockhot, .tjockhot a { bottom: auto; color: rgb(220,26,0) !important; } 18586.tjockhotBG { background-color: rgb(220,26,0) !important; color: #fff !important; } 18587.tjockcold, .tjockcold a { color: rgb(0,163,220) !important; } 18588.tjockcoldBG { background-color: rgb(0,163,220) !important; color: #fff !important; } 18589 18590 18591 18592 18593 18594 18595 18596.fifty { width: 50% !important; } .onethird { width: 50%; } .twothird { width: 50%; } 18597@media only screen and (max-width: 640px) { 18598 .onethird, .twothird { 18599 width: 100%; 18600 margin: 0 0 20px 0 !important; 18601 } 18602} 18603a { color: var(--f-article-link-color); font-weight:600; text-decoration:none; } 18604a:hover { color: var(--f-article-link-hover); } 18605hr { border: none; height: 1px; background-color: #ddd; } 18606 18607 18608 18609 18610 18611.closemeplease { background-color: #fff; padding: 3px 6px 0px; font-size: 11px; } 18612.closemeplease a { font-weight: 400; } 18613 18614.header { margin:0 auto 20px; } 18615 18616.utfallande { margin: 0 !important; } 18617 18618.bg_light_grey { background-color:#ccc!important; } 18619.bg_grey { background-color:#666; } 18620.bg_dark_grey { background-color:#333; } 18621 18622 18623.light_grey { color:#ccc; } 18624.grey { color:#666; } 18625.white { color:#fff; } 18626.green { color:#9eb502; } 18627.black { color: #000; } 18628 18629 18630 18631.closeButton { float: right; margin-right: -20px; margin-top: 9px; opacity: 0.5; } 18632.closeButton a:hover { opacity: 1; } 18633 18634.left { 18635 float:left!important; 18636} 18637 18638.right { 18639 float:right!important; 18640} 18641 18642.thumbnails { padding: 0 0 20px 20px; margin-bottom: 0px; font-size: 0.75em; } 18643.thumbnails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18644 18645.thumbContainer { width: 15.15%; height: 80px; overflow: hidden; margin: 0 1.46% 1.46% 0; float: left; } 18646 18647 18648@media only screen and (max-width: 480px) { 18649 .thumbnails { padding: 0 0 15px 15px; } 18650 .thumbContainer { width: 30%; height: 80px; margin: 0 2% 2% 0; } 18651} 18652 18653 18654.thumbnails img { width: 100%; } 18655.thumbnails img:hover { opacity: 0.5; } 18656 18657.allImages, .imageShower { width: 100%; margin: 0; text-align: center; } 18658.allImages img, .imageShower img { width: 100%; margin: 0; padding: 0; } 18659 18660.imageWrapper { position: relative; height: 0; overflow: hidden; background-color: #fff; margin: 0 auto 20px auto; } 18661.imageWrapper a:hover { opacity: 1; } 18662.imageWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; } 18663 18664.allImages .caption, .imageShower .caption, .image .caption, .caption { font-size: 0.8462em; padding: 4px 20px 7px 20px; text-align: left; } 18665 18666 18667 18668.embeddat { } 18669.embeddat iframe, .embeddat object, .embeddat embed { width: 100%; } 18670.embeddat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18671 18672 18673 18674 18675 18676 18677 18678.feberlogo { padding:0; line-height: 0; padding: 30px 30px 15px 30px; } 18679.feberlogo img { max-width: 180px; } 18680 18681.feberlogotjock { padding: 0 30px 30px 30px; margin: 0; } 18682.feberlogotjock img { max-width: 100px; } 18683 18684@media only screen and (max-width: 500px) { 18685 .feberlogo { padding:0; line-height: 0; padding: 15px 15px; width: 100%; } 18686 .feberlogo img { width: 100px; } 18687 18688 .feberlogotjock { display: none; } 18689} 18690 18691 18692 18693#feberSearchToggler { 18694 position: fixed; 18695 z-index: 110; 18696 top: 0px; 18697 right: 0px; 18698} 18699 18700#feberSearch { 18701 position:fixed; 18702 height:40px; 18703 background-color:white; 18704 width:100%; 18705 top: 0px; 18706 left:0px; 18707 margin-top: 0px; 18708 z-index: 109; 18709 display: none; 18710} 18711 18712#feberSearch .sok { float: left; padding: 0px; overflow: hidden; background-color: #fff; width: 100%; } 18713#feberSearch .sok input { float:right; font-size: 16px; padding: 11px 2%; border: 0; width: 96%; margin: 0; background-color: #fff; color: #999; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } 18714#feberSearch .sok input:focus { background-color: #fff; color: #333; border: 0; outline: none; } 18715 18716#feberMenuToggler img, #feberMenuMobileToggler img, #feberSearchToggler img { 18717 width: 40px; 18718 height: 40px; 18719} 18720 18721@media only screen and (max-width: 980px) { 18722 .newheader_container .right_content { display: none; } 18723 #section .calc .views { display: none; } 18724 #section .calc .item { width: 20%; } 18725 #section .calc .sok { width: 20%; } 18726} 18727 18728@media only screen and (max-width: 600px) { 18729 #section .calc .item { width: 25%; } 18730 #section .calc .recommended { width: 100%; } 18731} 18732 18733 18734 18735 18736/* Footer etc */ 18737 18738.page_nav_container { max-width: 1280px; mwidth:100%; font-size:1.3846em; background-color:#fff; text-align:center; font-weight:700; margin:0 auto 20px; } 18739.page_nav { padding: 20px; } 18740.page_nav .right { font-size: 1.5556em; } 18741.page_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18742 18743@media only screen and (max-width: 767px) { 18744 .page_nav .left { display:none; } 18745 .page_nav_container { font-size: 1.8em; line-height: 30px; } 18746 .page_nav .right { float: none !important; } 18747} 18748 18749 18750#commentsContainer { background-color: var(--f-article-background); margin: 20px auto; max-width: 980px; }
18751#commentsContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18752 18753#disqus_container { background-color: var(--f-article-background); float:none; text-align:left; padding-top: 6px; } 18754#disqus_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18755 18756@media only screen and (max-width: 480px) { 18757 #disqus_container { font-size: 0.8462em; } 18758} 18759 18760#disqus_thread h3 { 18761 font-size:1em; 18762 letter-spacing:0; 18763} 18764 18765#disqus_thread { 18766 margin: 0 auto; 18767} 18768 18769 18770img,img a:hover,img a:active,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,#header .tipsa a { 18771 border:0; 18772} 18773 18774 18775.dark_grey,.tagline b { 18776 color:#333; 18777} 18778 18779h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.tagline #headline a,.dustin .prodname a,#toolbar #headline a { 18780 color:#000; 18781} 18782 18783.menutech .menuextras .selected { 18784 color:#999; 18785} 18786 18787.page_nav a { 18788 font-weight:400; 18789} 18790 18791 18792 18793 18794 18795 18796 .spoiler { opacity: 0.15; position: relative; -webkit-filter: blur(10px); 18797 filter: blur(10px); } 18798.spoileroverlay { position: absolute; width: 100%; color: white; padding: 100px 0; max-width: 980px; text-align: center; cursor: pointer; z-index: 100; } 18799 18800 18801 18802 18803 18804 18805.art_container .img-wrapper, .fullsizecontainer .img-wrapper { position: relative; padding-bottom: 50%; } 18806.art_container .img-img, .fullsizecontainer .img-img { position: absolute; width: 100%; height: 100%; } 18807.art_container .img-img img, .fullsizecontainer .img-img img { width: 100%; } 18808 18809 18810 18811 18812 18813.art_container .img-caption, .fullsizecontainer .img-caption { 18814 position: absolute; background-color: rgba(0,0,0,0.8); padding: 8px 12px; color: white; display: block; bottom: 30px; left: 30px; 18815 font-family: var(--f-suisse-light); font-weight: 200; font-size: 20px; line-height: 22px; max-height: calc(100% - 84px); 18816} 18817 18818.art_container .img-cred, .fullsizecontainer .img-cred { 18819 /*position: absolute; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.3); color: white; padding: 3px 7px; border-top-left-radius: 3px; 18820 font-family: var(--f-suisse-regular); font-size-adjust:0.488; font-weight:normal; font-style:normal; font-size: 11px; */ 18821 18822 position: absolute; 18823 left: 0px; 18824 bottom: 0px; 18825 color: white; 18826 padding: 4px 6px; 18827 font-family: SuisseRegular, sans-serif; 18828 font-size-adjust: 0.488; 18829 font-weight: normal; 18830 font-style: normal; 18831 font-size: 9px; 18832 text-shadow: 1px 0px 6px rgba(0,0,0,0.8); 18833} 18834 18835.art_container .img-cred a, .fullsizecontainer .img-cred a { color: white; font-weight: 300; } 18836.art_container .img-arrow, .fullsizecontainer .img-arrow { background-color: transparent; position: absolute; right: 0; padding: 15px 20px; } 18837 18838@media only screen and (max-width: 640px) { 18839 .art_container .img-caption, .fullsizecontainer .img-caption { 18840 padding: 6px 8px; color: white; bottom: 25px; left: 15px; font-size: 14px; line-height: 16px; max-width: calc(100% - 54px); font-family: SuisseLight, Helvetica, Arial, sans-serif; } 18841 .art_container .img-cred, .fullsizecontainer .img-cred { right: 0px; bottom: 0px; font-size: 10px; } 18842} 18843 18844@media only screen and (min-width: 980px) { 18845 .fullsizecontainer .img-caption { bottom: 150px; } 18846 .fullsizecontainer .img-cred { bottom: 130px; } 18847 18848} 18849 18850 18851 18852 18853 18854 18855 18856 18857 18858 18859 18860/* NEW SIZING CSS */ 18861 18862.mz_xxxx { margin: 20px; } 18863 18864@media only screen and (max-width: 768px) { 18865 .mz_xxxx { margin: 20px; } 18866} 18867 18868@media only screen and (max-width: 480px) { 18869 .mz_xxxx { margin: 15px; } 18870} 18871 18872 18873 18874 18875/* TAGLINE */ 18876 18877footer.Tagline { font-size: 11px; color: #888; text-transform: uppercase; } 18878footer.Tagline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 18879 18880footer.Tagline a { color: #888; font-weight: normal; } 18881footer.Tagline hr { height: 1px; background-color: #e7e7e7; margin: 5px 0 10px 0; border: 0; } 18882 18883footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla { 18884 font-family: SuisseLight, HelveticaNeue-Light, "Roboto Thin", Arial, serif; 18885 font-size: 24px; line-height: 24px; text-align: center; color: #fff; text-decoration: none; text-transform: none; -webkit-font-smoothing: antialiased; 18886} 18887 18888@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 18889 footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla { 18890 -webkit-font-smoothing: antialiased; 18891 } 18892} 18893 18894footer.Tagline.tjock .bubbla, footer.Tagline.tjock .temp, footer.Tagline.tjock .tempUP, footer.Tagline.tjock .tempDOWN, .art_collapsed.tjock .bubbla { 18895 font-family: LatoLight; font-weight: normal; text-transform: none; 18896} 18897 18898footer.Tagline .bubbla, .art_collapsed .bubbla { margin: 0; cursor:pointer; padding: 8px 13px 8px 12px; background:#333; min-width: 24px; float: left; } 18899footer.Tagline .bubbla a, .art_collapsed .bubbla a { color: white; } 18900footer.Tagline .arrow, .art_collapsed .arrow { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #333; margin-top: 13px; float: left; } 18901 18902footer.Tagline .temp { padding: 8px 12px; float: right; background:#333; } 18903footer.Tagline .tempUP { padding: 6px 12px 10px; margin: 0px 4px; cursor:pointer; float: right; } 18904footer.Tagline.tjock .tempUP { padding: 7px 12px 9px 12px; } 18905footer.Tagline .tempDOWN { padding: 6px 14px 10px; cursor:pointer; float: right; } 18906 18907 18908 18909footer.Tagline .writer_icon { float: left; margin-right: 4px; width: 40px; height: 40px; } 18910 18911@media only screen and (max-width: 768px) { 18912 footer.Tagline .right { float: none !important; } 18913} 18914 18915@media only screen and (max-width: 480px) { 18916 footer.Tagline { } 18917 18918 footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla { font-size: 20px; line-height: 20px; } 18919 footer.Tagline .bubbla { padding: 8px 9px 5px 8px; margin: 0; } 18920 footer.Tagline.tjock .bubbla { padding: 7px 9px 7px 8px; margin: 0; } 18921 footer.Tagline .arrow { margin-top: 11px; } 18922 .art_collapsed .arrow, .art_collapsed .bubbla { display: none; } 18923 footer.Tagline .temp { padding: 8px 10px 6px; } 18924 footer.Tagline.tjock .temp { padding: 7px 10px 7px; } 18925 footer.Tagline .tempUP { padding: 7px 11px 7px 11px; } 18926 footer.Tagline.tjock .tempUP { padding: 7px 12px 9px 12px; } 18927 footer.Tagline .tempDOWN { padding: 7px 13px 7px 13px; } 18928 footer.Tagline.tjock .tempDOWN { padding: 6px 13px 8px 13px; } 18929 18930 footer.Tagline .writer_icon { width: 34px; height: 34px; } 18931} 18932 18933 18934 18935.art_container.tjock { margin-bottom: 20px; } 18936 18937.debug { text-align: center; color: white; margin-top: 10px; font-family: SuisseRegular; } 18938 18939.infiniteError { 18940 max-width: 940px; 18941 margin: 20px auto 200px; 18942 padding: 40px 20px; 18943 text-align: center; 18944 background-color: #4ebbe8; 18945 color: white; 18946 font-family: SuisseLight; 18947 font-size: 20px; 18948 line-height: 24px; 18949} 18950 18951.infiniteError a { 18952 color: white; 18953 font-family: SuisseBold; 18954 font-weight: 300; 18955} 18956 18957 18958 18959 18960 18961 18962 18963/* 3-2. DATE HEADER */ 18964/* Base */ header.date { background-color: #111; color: #fff; margin: var(--f-margins-margins); padding: 15px 20px; max-width: 940px; 18965 font-family: SuisseLight, HelveticaNeue, "Roboto Thin", Arial, serif; font-size: 20px; line-height: 16px; font-style: normal; -webkit-font-smoothing: antialiased; } 18966/* First letter big */ header.date:first-letter { text-transform: uppercase; } 18967/* Icons */ header.date .icon { font-size: 20px; padding-top: 3px; } 18968 header.date.grande { font-size: 24px; line-height: 24px; } 18969 header.date.small { font-size: 13px; font-family: SuisseRegular, HelveticaNeue, "Roboto Thin", Arial, serif; line-height: 13px; padding: 6px 8px; max-width: calc(980px - 18px); } 18970 header.date.small .right { text-transform: uppercase; font-size: 11px; padding: 1px 0; } 18971 18972 18973 18974 18975 18976.twitter-video-rendered { margin: 0 -8px !important;
18976 max-width: 996px !important; } 18977 18978 18979 18980 18981 18982.searchBox form { margin: 0; } 18983 .searchBoxInput { 18984 margin: 0 0 0px 0; 18985 padding: 15px 20px; 18986 color: #222; 18987 width: calc(100% - 40px); 18988 font-family: 'Helvetica Neue'; 18989 font-size: 20px; 18990 font-weight: inherit; 18991 line-height: 20px; 18992 border: 0px solid white; 18993 border-radius: 6px; 18994 background-color: rgba(255,255,255,1); 18995 transition: background-color 150ms linear; 18996 transition: color 150ms linear; 18997 } 18998 .searchBoxInput:focus { 18999 outline: none; 19000 color: #222; 19001 background-color: rgba(255,255,255,1); 19002 } 19003 19004 .searchBox [type="submit"] { 19005 border-radius: 0 6px 6px 0; 19006 font-size: 20px; 19007 line-height: 20px; 19008 padding: 17px 20px; 19009 width: calc(40px); 19010 background-color: rgba(0, 0, 0,0.1); 19011 color: black; 19012 margin-left: -85px; 19013 } 19014 19015 19016 .searchBox [type="radio"] { display: none; } 19017 19018 .searchBox [type="radio"]:checked + label, .searchBox [type="radio"]:not(:checked) + label { 19019 position: relative; 19020 padding-left: 25px; 19021 cursor: pointer; 19022 line-height: 16px; 19023 display: inline-block; 19024 color: white; 19025 margin-right: 10px; 19026 font-size: 15px; 19027 margin-top: 10px; 19028 } 19029 19030 @media only screen and (max-width: 600px) { 19031 .searchBox [type="radio"]:checked + label, .searchBox [type="radio"]:not(:checked) + label { 19032 margin-top: 10px; 19033 width: 100%; 19034 } 19035 } 19036 19037 .searchBox [type="radio"]:checked + label:before, .searchBox [type="radio"]:not(:checked) + label:before { 19038 content: ''; 19039 position: absolute; 19040 left: 0; 19041 top: 0; 19042 width: 14px; 19043 height: 14px; 19044 border: 1px solid #ccc; 19045 border-radius: 100%; 19046 background: #fff; 19047 } 19048 19049 .searchBox [type="radio"]:checked + label:after, .searchBox [type="radio"]:not(:checked) + label:after { 19050 content: ''; 19051 width: 8px; 19052 height: 8px; 19053 background: #888; 19054 position: absolute; 19055 top: 4px; 19056 left: 4px; 19057 border-radius: 100%; 19058 -webkit-transition: all 0.3s ease; 19059 transition: all 0.3s ease; 19060 } 19061 19062 .searchBox [type="radio"]:not(:checked) + label:after { 19063 opacity: 0; 19064 -webkit-transform: scale(0); 19065 transform: scale(0); 19066 } 19067 19068 .searchBox [type="radio"]:checked + label:after { 19069 opacity: 1; 19070 -webkit-transform: scale(1); 19071 transform: scale(1); 19072 } 19073 .searchBox a { color: white; } 19074 19075 19076 19077 19078 19079 19080 .ytIcon { width: 70px; 19081 /*animation: ytIconScale 4s infinite ease-in-out;*/ } 19082 .ytIcon .ytIconRectangle { transition: all .3s ease-in-out; } 19083 .ytIcon:hover .ytIconRectangle { fill: #333; } 19084 19085 @keyframes ytIconScale { 19086 0% { transform: scale(1); } 19087 50% { transform: scale(0.9); } 19088 100% { transform: scale(1); } 19089 } 19090 19091 .videotext { 19092 color: white; top: 50%; position: absolute; 19093 margin-top: -8px; text-align: center; width: 100%; 19094 } 19095 19096 19097 19098 </style> 19099 19100 19101 19102 19103 <style> 19104 19105 19106 19107 .art_container .owl-container { margin: 0 auto; max-width: 1280px; } 19108 .art_container .owl-carousel { display: inline; } 19109 .art_container .owl-carousel .puff5 { width: 100%; } 19110 .art_container .sub { margin: 0 auto; max-width: 1240px; } 19111 19112 .owl-item img{ display: block; width: 100%; height: auto; } 19113 .sub .owl-item { max-width: 120px; } 19114 .sub .item { margin-right: 5%; max-width: 120px; text-align: center; } 19115 .sub { max-width: 940px; } 19116 19117 </style> 19118 19119 19120 19121 19122 19123 19124 19125 19126 <style> 19127 19128 19129 body { 19130 counter-reset: item; 19131 } 19132 19133 .text ol { list-style: none; } 19134 .text ol li { margin-left: 40px; 19135 counter-increment: item; 19136 border-left: 1px solid #ccc; 19137 padding-left: 10px; } 19138 .text ol li:before { margin-right: 23px; 19139 content: counter(item); 19140 text-align: right; 19141 margin-left: -30px; 19142 font-size: 15px; 19143 font-family: SuisseBold; } 19144 19145 .text ul { list-style: none; } 19146 .text ul li { margin-left: 40px; 19147 counter-increment: item; 19148 border-left: 1px solid #ccc; 19149 padding-left: 10px; } 19150 .text ul li:before { margin-right: 23px; 19151 content: "*"; 19152 text-align: right; 19153 margin-left: -30px; 19154 font-size: 15px; 19155 font-family: SuisseBold; } 19156 19157 19158 19159 19160 .bookmark { 19161 background-color: rgba(0,0,0,0.05); margin-right: 3px; padding: 4px 6px 4px 6px; 19162 } 19163 19164 .bookmark.right { width: auto !important; } 19165 19166 @media only screen and (max-width: 800px) { 19167 .bookmark.right { width: auto !important; float: right !important; } 19168 } 19169 19170 19171 footer.Tagline .bookmark { 19172 background-color: rgba(0,0,0,0.05); margin-right: 3px; padding: 7px 10px 3px 10px; float: right; 19173 } 19174 19175 .bookmarksinfo { 19176 margin: -20px auto 40px; padding: 20px; max-width: 940px;background-color: #222; color: white; 19177 } 19178 19179 .bildtext { 19180 padding: 10px 15px; 19181 background-color: var(--f-article-background-invert); 19182 /* margin-bottom: 20px; */ 19183 font-size: 13px; 19184 margin-top: 0px; 19185 color: #e7e7e7; 19186 line-height: 17px; 19187 } 19188 19189 .bildtext a { 19190 font-weight: 300; color: rgb(70, 140, 210); 19191 } 19192 19193 .text h3 { 19194 font-family: SuisseBold, HelveticaNeue-Bold, "Helvetica Neue Bold", "Roboto Black", "Arial Bold", sans-serif; 19195 font-weight: 300; 19196 font-size: 18px; 19197 line-height: 21px; 19198 display: inline-block; 19199 padding: 20px 0px 5px 0px; 19200 border-bottom: 1px solid #e7e7e7; 19201 margin: 0 0 5px 0; 19202 } 19203 19204 .text b.ingress { 19205 font-family: SuisseBold, HelveticaNeue-Bold, "Helvetica Neue Bold", "Roboto Black", "Arial Bold", sans-serif; 19206 font-weight: 300; 19207 font-size: 16px; 19208 line-height: 20px; 19209 color: #333; 19210 } 19211 19212 .art_container .body1 i, .art_container .body2 i { 19213 color: var(--f-article-text-color); 19214 display: inline-block; 19215 margin: 10px 0px 10px 0px; 19216 padding: 15px 20px; 19217 font-style: normal; 19218 border-left: none; 19219 background-color: var(--f-article-background-inline); 19220 width: calc(100% - 40px); 19221 border-radius: 6px; 19222 } 19223 19224 article.fullSizeArticle .body1 { margin-top: 0px; } 19225
19226 .art_container .body1 i b, .art_container .body2 i b { 19227 font-family: var(--f-suisse-semibold); 19228 font-weight: 300; 19229 font-style: normal; 19230 color: var(--f-article-text-color); 19231 } 19232 19233 .art_container .body1 em, .art_container .body2 em { 19234 font-family: var(--f-suisse-regular-italic); 19235 font-style: italic; 19236 font-weight: 300; 19237 } 19238 19239 19240 .art_container .internallinksitem { 19241 margin: 5px 20px; 19242 color: #666; 19243 } 19244 19245 @media only screen and (max-width: 480px) { 19246 .art_container .internallinksitem { 19247 margin: 5px 15px; 19248 } 19249 } 19250 19251 19252 /* Annonstest */ 19253 19254 19255 .art_collapsed { max-width: 980px !important; } 19256 .topp2015-1 { max-width: 980px !important; } 19257 .art_container { max-width: 980px; } 19258 .fullSizeArticle { max-width: 980px; } 19259 body section.pagenav { max-width: 980px !important; } 19260 .pagenav_premium { max-width: 940px !important; } 19261 19262 19263 19264 header.date { max-width: 940px; } 19265 19266 #commentsContainer { max-width: 980px; } 19267 #puffContainer, .puffContainer { max-width: 980px; } 19268 19269 section.ArticleBasic { max-width: 980px; } 19270 19271 19272 19273 19274 19275 19276 .text p.link { 19277 color: var(--f-article-text-color-shade); 19278 max-width: var(--f-article-maxwidth); 19279 margin: 0 auto 10px; 19280 19281 } 19282 .text p.link a { 19283 color: var(--f-article-link-color); font-weight: 300; 19284 border-bottom: 1px solid var(--f-article-border-color); 19285 } 19286 19287 .text p.link a:hover { 19288 color: var(--f-article-link-hover); 19289 border-bottom: 1px solid var(--f-article-border-color); 19290 } 19291 19292 19293 19294 19295 </style> 19296 19297 19298 19299 19300 19301 19302 19303 19304 19305 <link rel="apple-touch-icon" sizes="180x180" href="/faviconsfeber/apple-touch-icon.png"> 19306 <link rel="icon" type="image" sizes="512x512" href="/faviconsfeber/android-chrome-512x512.png"> 19307 <link rel="icon" type="image" sizes="192x192" href="/faviconsfeber/android-chrome-192x192.png"> 19308 <link rel="icon" type="image" sizes="32x32" href="/faviconsfeber/favicon-32x32.png"> 19309 <link rel="icon" type="image" sizes="16x16" href="/faviconsfeber/favicon-16x16.png"> 19310 19311 19312 <link rel="manifest" href="/faviconsfeber/site.webmanifest" /> 19313 19314 19315 <link rel="mask-icon" href="/faviconsfeber/safari-pinned-tab.svg" color="#5bbad5"> 19316 <link rel="shortcut icon" href="/faviconsfeber/favicon.ico"> 19317 <meta name="apple-mobile-web-app-title" content="Feber"> 19318 <meta name="application-name" content="Feber"> 19319 <meta name="msapplication-TileColor" content="#222222"> 19320 <meta name="msapplication-config" content="/faviconsfeber/browserconfig.xml"> 19321 <meta name="theme-color" content="#222222"> 19322 19323 <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-640x1136.png"> 19324 <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-750x1334.png"> 19325 <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1125x2436.png"> 19326 <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1242x2208.png"> 19327 <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1242x2688.png"> 19328 19329 <!-- iPad Mini, Air (1536px x 2048px) --> 19330 <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1536x2048.png"> 19331 <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2048x1536.png"> 19332 <!-- iPad Pro 10.5" (1668px x 2224px) --> 19333 <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1668x2224.png"> 19334 <link rel="apple-touch-startup-image" media="(device-width: 1112px) and (device-height: 834px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2224x1668.png"> 19335 <!-- iPad Pro 11" (1668px x 2224px) --> 19336 <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1668x2388.png"> 19337 <link rel="apple-touch-startup-image" media="(device-width: 1194px) and (device-height: 834px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2388x1668.png"> 19338 <!-- iPad Pro 12.9" (2048px x 2732px) --> 19339 <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2048x2732.png"> 19340 <link rel="apple-touch-startup-image" media="(device-width: 1366px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2732x2048.png"> 19341 19342 19343 19344 19345 19346 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 19347 19348 <meta name="apple-mobile-web-app-capable" content="yes" /> 19349 <meta name="apple-mobile-web-app-status-bar-style" content="default" /> 19350 19351 19352 19353 <meta name="apple-mobile-web-app-title" content="Feber" /> 19354 19355 19356 19357 19358 19359 <title>Feber</title> 19360 19361 19362 19363 19364 19365 19366 19367 19368 19369 19370 19371 19372 19373 19374 19375 19376 19377 19378 19379 19380 19381 19382 19383 19384 19385 19386 19387 19388 19389 19390 19391 19392 19393 19394 19395 19396 19397 19398 19399 19400 19401 19402 19403 19404 19405 19406 19407 19408 19409 19410 19411 19412 19413 19414 19415 19416 19417 19418 19419 19420 19421 19422 19423 19424 19425 19426 19427 19428 19429 19430 19431 19432 19433 19434 19435 19436 19437 19438 19439 19440 19441 19442 19443 19444 19445 19446 19447 19448 19449 19450 19451 19452 19453 19454 19455 19456 19457 19458 19459 19460 19461 19462 19463 19464 19465 19466 19467 19468 19469 19470 19471 19472 19473 19474 19475 19476 19477 19478 19479 19480 19481
19482<script> 19483
vendor: 15,125 bytes, lines 19484-19485
19484/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ 19485!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}
vendor: 4,356 bytes, line 19485
19485:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];
vendor: 10,068 bytes, line 19485
19485if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pe
vendor: 8,547 bytes, line 19485
19485nding",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone
vendor: 51,404 bytes, line 19485
19485=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1},trigger:function(){return Se(this,e),!0},_default:function(){return!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Me=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){var r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Fe(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}var Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Qe(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px"}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=We(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s)}}}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Ye)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this)},run:function(e){var t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};var Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick())}function at(){return C.setTimeout(function(){Ze=void 0}),Ze=Date.now()}function st(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=lt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&it.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n)}}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),Ze=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot())},S.fx.stop=function(){et=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;var ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}});var pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ")}function gt(e){return e.getAttribute&&e.getAttribute("class")||""}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)))});if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)))});if(!arguments.length)return this.attr("class","");if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t))return!0;return!1}});var yt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)At(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)At(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")}}):{name:t.name,value:n.replace(Et,"\r\n")}}).get()}});var Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Wt(t,i,o,a){var s={},u=t===Pt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Ft(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e)},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=qt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){var o,a;if(y.cors||$t&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
19485 19486 19487</script>
19487 19488 19489 19490 19491 19492 19493 19494 19495 19496 19497 19498 19499 19500 19501 19502 19503 19504 19505 19506 19507 19508 19509 19510 19511 19512 19513 19514 19515 19516 19517 19518 19519 19520 19521 19522 19523 19524 19525 19526 19527 19528 19529 19530 19531 19532 19533 19534 19535 19536 19537 19538 19539 19540 19541 19542 19543 19544 19545 19546 19547 19548 19549 19550 19551 19552 19553 19554 19555 19556 19557 19558 19559 19560 19561 19562 19563 19564 19565 19566 19567 19568 19569 19570 19571 19572 19573 19574 19575 19576 19577 19578 19579 19580 19581 19582 19583 19584 19585 19586 19587
19587<script> 19588 function statCount(type, typeId, numHits) { 19589 window._pingQueue(type, typeId, numHits || 1); 19590 } 19591 19592 19593 19594 </script>
19594 19595 19596 19597 19598 19599 19600 19601 19602 19603 19604 19605 19606 19607 19608 19609 19610 19611 19612 19613 19614 19615 19616 19617 19618 19619 19620 19621 19622 19623 19624 19625 19626 19627 19628 19629 19630 19631 19632 19633 19634 19635 19636 19637 19638 19639 19640 19641 19642 19643 19644 19645 19646 19647 19648 19649 19650 19651 19652 19653 19654 19655 19656 19657 19658 19659 19660 19661 19662 19663 19664 19665 19666 19667 19668 19669 19670 19671 19672 19673 19674 19675 19676 19677 19678 19679 19680 19681 19682 19683 19684 19685 19686 19687 19688 19689 19690 19691 19692 19693 19694 19695 19696 19697 19698 19699 19700 19701 19702 19703 19704 19705 19706 19707 19708 19709 19710 19711 19712 19713 19714 19715 19716 19717 19718 19719 19720 19721 19722 19723 19724 19725 19726 19727 19728 19729 19730 19731 19732 19733 19734 19735 19736 19737 19738 19739 19740 19741 19742 19743 19744 19745 19746 19747 19748 19749 19750 19751 19752 19753 19754 19755 19756 19757 19758 19759 19760 19761 19762 19763 19764 19765 19766 19767 19768 19769 19770 19771 19772 19773 19774 19775 19776 19777 19778 19779 19780 19781 19782
19783<script> 19784(function () { 19785 'use strict'; 19786 19787 var CONTENT_SELECTOR = [ 19788 'f-article-headline', 19789 'f-article-preamble', 19790 'f-article-body', 19791 'f-snippet-headline', 19792 'f-snippet-content > p' 19793 ].join(','); 19794 var SKIP_TAGS = { SCRIPT: true, STYLE: true, TEXTAREA: true, PRE: true, CODE: true, NOSCRIPT: true }; 19795 // A single 0.xxx or 0,xxx group is a decimal value, not a thousands-formatted integer. 19796 var GROUPED_NUMBER = /(^|[^A-Za-z\u00c0-\u024f0-9])([+-]?(?!0[.,]\d{3}(?![.,\d]))\d{1,3}(?:[. ,\u00a0\u202f]\d{3})+(?:,\d+)?)(?![A-Za-z\u00c0-\u024f0-9]|[.,]\d)/g; 19797 19798 function closest(element, selector) { 19799 if (!element) return null; 19800 if (element.closest) return element.closest(selector); 19801 while (element) { 19802 if (element.matches && element.matches(selector)) return element; 19803 element = element.parentElement; 19804 } 19805 return null; 19806 } 19807 19808 function normalizeNumber(value) { 19809 var commaTail = value.match(/,(\d+)$/); 19810 var beforeComma = commaTail ? value.slice(0, -commaTail[0].length) : value; 19811 var isDecimalComma = commaTail && (commaTail[1].length !== 3 || /[. \u00a0\u202f]/.test(beforeComma)); 19812 var decimal = isDecimalComma ? commaTail[0] : ''; 19813 var integer = decimal ? value.slice(0, -decimal.length) : value; 19814 return integer.replace(/[. ,\u00a0\u202f]/g, ' ') + decimal; 19815 } 19816 19817 function replaceInTextNode(node) { 19818 if (!node.nodeValue || !/[. ,\u00a0\u202f]/.test(node.nodeValue)) return; 19819 if (!node.parentElement || closest(node.parentElement, 'nobr,[data-no-thousands]')) return; 19820 19821 var text = node.nodeValue; 19822 var fragment = document.createDocumentFragment(); 19823 var cursor = 0; 19824 var changed = false; 19825 var match; 19826 19827 GROUPED_NUMBER.lastIndex = 0; 19828 while ((match = GROUPED_NUMBER.exec(text)) !== null) { 19829 var prefix = match[1]; 19830 var number = match[2]; 19831 var numberStart = match.index + prefix.length; 19832 19833 fragment.appendChild(document.createTextNode(text.slice(cursor, numberStart))); 19834 var nobr = document.createElement('nobr'); 19835 nobr.className = 'feber-thousands'; 19836 nobr.textContent = normalizeNumber(number); 19837 fragment.appendChild(nobr); 19838 cursor = numberStart + number.length; 19839 changed = true; 19840 } 19841 19842 if (!changed) return; 19843 fragment.appendChild(document.createTextNode(text.slice(cursor))); 19844 node.parentNode.replaceChild(fragment, node); 19845 } 19846 19847 function processContent(content) { 19848 if (!content || content.nodeType !== 1) return; 19849 var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT, { 19850 acceptNode: function (node) { 19851 var parent = node.parentElement; 19852 if (!parent || SKIP_TAGS[parent.tagName] || closest(parent, 'nobr,[data-no-thousands]')) { 19853 return NodeFilter.FILTER_REJECT; 19854 } 19855 return NodeFilter.FILTER_ACCEPT; 19856 } 19857 }); 19858 var nodes = []; 19859 while (walker.nextNode()) nodes.push(walker.currentNode); 19860 for (var i = 0; i < nodes.length; i += 1) replaceInTextNode(nodes[i]); 19861 } 19862 19863 function process(root) { 19864 if (!root) return; 19865 if (root.nodeType === 3) { 19866 if (closest(root.parentElement, CONTENT_SELECTOR)) replaceInTextNode(root); 19867 return; 19868 } 19869 if (root.nodeType !== 1) return; 19870 19871 if (root.matches && root.matches(CONTENT_SELECTOR)) processContent(root); 19872 var contents = root.querySelectorAll ? root.querySelectorAll(CONTENT_SELECTOR) : []; 19873 for (var i = 0; i < contents.length; i += 1) processContent(contents[i]); 19874 } 19875 19876 function start() { 19877 process(document.body); 19878 if (!window.MutationObserver) return; 19879 var observer = new MutationObserver(function (mutations) { 19880 for (var i = 0; i < mutations.length; i += 1) { 19881 for (var j = 0; j < mutations[i].addedNodes.length; j += 1) { 19882 process(mutations[i].addedNodes[j]); 19883 } 19884 } 19885 }); 19886 observer.observe(document.body, { childList: true, subtree: true }); 19887 } 19888 19889 if (document.readyState === 'loading') { 19890 document.addEventListener('DOMContentLoaded', start); 19891 } else { 19892 start(); 19893 } 19894})(); 19895</script>
19895 19896 19897 19898 19899 19900 19901 19902 19903 19904 19905 19906 19907 19908 19909 19910 19911 19912 19913 19914 19915 19916 19917 19918 19919 19920 19921 19922 19923 19924 19925 19926 19927 19928 19929 19930 19931 19932 19933 19934 19935 19936 19937 19938 19939 19940 19941 19942 19943 19944 19945 19946 19947 19948 19949 19950 19951 19952 19953 19954 19955 19956 19957 19958 19959 19960 19961 19962 19963 19964 19965 19966 19967 19968 19969 19970 19971 19972 19973 19974 19975 19976 19977 19978 19979 19980 19981 19982 19983 19984 19985 19986 19987 19988 19989 19990 19991 19992 19993 19994 19995 19996 19997 19998 19999 20000 20001 20002 20003 20004 20005 20006 20007 20008 20009 20010 20011 20012 20013 20014 20015 20016 20017 20018 20019 20020 20021 20022 20023 20024 20025 20026 20027 20028 20029 20030 20031 20032 20033 20034 20035 20036 20037 20038 20039 20040 20041 20042 20043 20044 20045 20046 20047 20048 20049 20050 20051 20052 20053 20054 20055 20056 20057 20058 20059 20060 20061 20062 20063 20064 20065 20066 20067 20068 20069 20070 20071 20072 20073 20074 20075 20076 20077 20078 20079 20080 20081 20082 20083 20084 20085 20086 20087 20088 20089 20090 20091 20092 20093 20094 20095 20096 20097 20098 20099 20100 20101 20102 20103 20104 20105 20106 20107 20108 20109 20110 20111 20112 20113 20114 20115 20116 20117 20118 20119 20120 20121 20122 20123 20124 20125 20126 20127 20128 20129 20130 20131 20132 20133 20134 20135 20136 20137 20138 20139 20140 20141 20142 20143 20144 20145 20146 20147 20148 20149 20150 20151 20152 20153 20154 20155 20156 20157 20158 20159 20160 20161 20162 20163 20164 20165 20166 20167 20168 20169 20170 20171 20172 20173 20174 20175 20176 20177 20178 20179 20180 20181 20182 20183 20184 20185 20186 20187 20188 20189 20190 20191 20192 20193 20194 20195 20196 20197 20198 20199 20200 20201 20202 20203 20204 20205 20206 20207 20208 20209 20210 20211 20212 20213 20214 20215 20216 20217 20218 20219 20220 20221 20222 20223 20224 20225 20226 20227 20228 20229 20230 20231 20232 20233 20234 20235 20236 20237 20238 20239 20240 20241 20242 20243 20244
vendor: 3,419 bytes, lines 20245-20254
20245<script> 20246/** 20247 * Copyright (c) 2007 Ariel Flesler - aflesler â gmail ⢠com | https://github.com/flesler 20248 * Licensed under MIT 20249 * @author Ariel Flesler 20250 * @version 2.1.3 20251 */ 20252;(function(factory){'use strict';if(typeof define==='function'&&define.amd){define(['jquery'],factory)}else if(typeof module!=='undefined'&&module.exports){module.exports=factory(require('jquery'))}else{factory(jQuery)}})(function($){'use strict';var $scrollTo=$.scrollTo=function(target,duration,settings){return $(window).scrollTo(target,duration,settings)};$scrollTo.defaults={axis:'xy',duration:0,limit:true};function isWin(elem){return!elem.nodeName||$.inArray(elem.nodeName.toLowerCase(),['iframe','#document','html','body'])!==-1}function isFunction(obj){return typeof obj==='function'}$.fn.scrollTo=function(target,duration,settings){if(typeof duration==='object'){settings=duration;duration=0}if(typeof settings==='function'){settings={onAfter:settings}}if(target==='max'){target=9e9}settings=$.extend({},$scrollTo.defaults,settings);duration=duration||settings.duration;var queue=settings.queue&&settings.axis.length>1;if(queue){duration/=2}settings.offset=both(settings.offset);settings.over=both(settings.over);return this.each(function(){if(target===null){return}var win=isWin(this),elem=win?this.contentWindow||window:this,$elem=$(elem),targ=target,attr={},toff;switch(typeof targ){case 'number':case 'string':if(/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=win?$(targ):$(targ,elem);case 'object':if(targ.length===0){return}if(targ.is||targ.style){toff=(targ=$(targ)).offset()}}var offset=isFunction(settings.offset)&&settings.offset(elem,targ)||settings.offset;$.each(settings.axis.split(''),function(i,axis){var Pos=axis==='x'?'Left':'Top',pos=Pos.toLowerCase(),key='scroll'+Pos,prev=$elem[key](),max=$scrollTo.max(elem,axis);if(toff){attr[key]=toff[pos]+(win?0:prev-$elem.offset()[pos]);if(settings.margin){attr[key]-=parseInt(targ.css('margin'+Pos),10)||0;attr[key]-=parseInt(targ.css('border'+Pos+'Width'),10)||0}attr[key]+=offset[pos]||0;if(settings.over[pos]){attr[key]+=targ[axis==='x'?'width':'height']()*settings.over[pos]}}else{var val=targ[pos];attr[key]=val.slice&&val.slice(-1)==='%'?parseFloat(val)/100*max:val}if(settings.limit&&/^\d+$/.test(attr[key])){attr[key]=attr[key]<=0?0:Math.min(attr[key],max)}if(!i&&settings.axis.length>1){if(prev===attr[key]){attr={}}else if(queue){animate(settings.onAfterFirst);attr={}}}});animate(settings.onAfter);function animate(callback){var opts=$.extend({},settings,{queue:true,duration:duration,complete:callback&&function(){callback.call(elem,targ,settings)}});$elem.animate(attr,opts)}})};$scrollTo.max=function(elem,axis){var Dim=axis==='x'?'Width':'Height',scroll='scroll'+Dim;if(!isWin(elem)){return elem[scroll]-$(elem)[Dim.toLowerCase()]()}var size='client'+Dim,doc=elem.ownerDocument||elem.document,html=doc.documentElement,body=doc.body;return Math.max(html[scroll],body[scroll])-Math.min(html[size],body[size])};function both(val){return isFunction(val)||$.isPlainObject(val)?val:{top:val,left:val}}$.Tween.propHooks.scrollLeft=$.Tween.propHooks.scrollTop={get:function(t){return $(t.elem)[t.prop]()},set:function(t){var curr=this.get(t);if(t.options.interrupt&&t._last&&t._last!==curr){return $(t.elem).stop()}var next=Math.round(t.now);if(curr!==next){$(t.elem)[t.prop](next);t._last=this.get(t)}}};return $scrollTo}); 20253 20254</script>
20254 20255 20256 20257 20258 20259 20260 20261 20262 20263 20264 20265 20266 20267 20268 20269 20270 20271 20272 20273 20274 20275 20276 20277 20278 20279 20280 20281 20282 20283 20284 20285 20286 20287 20288 20289 20290 20291 20292 20293 20294 20295 20296 20297 20298 20299 20300 20301 20302 20303 20304 20305 20306 20307 20308 20309 20310 20311 20312 20313 20314 20315 20316 20317 20318 20319 20320 20321 20322 20323 20324 20325 20326 20327 20328 20329 20330 20331 20332 20333 20334 20335 20336 20337 20338 20339 20340 20341 20342 20343 20344 20345 20346 20347 20348 20349 20350 20351 20352 20353 20354 20355 20356 20357 20358 20359 20360 20361 20362 20363 20364 20365 20366 20367 20368 20369 20370 20371 20372 20373 20374 20375 20376 20377 20378 20379 20380 20381 20382 20383 20384 20385 20386 20387 20388 20389 20390 20391 20392 20393 20394 20395 20396 20397 20398 20399 20400 20401 20402 20403 20404 20405 20406 20407 20408 20409 20410 20411 20412 20413 20414 20415 20416 20417 20418 20419 20420 20421 20422 20423 20424 20425 20426 20427 20428 20429 20430 20431 20432 20433 20434 20435 20436 20437 20438 20439 20440 20441 20442 20443 20444 20445 20446 20447 20448 20449 20450
20451<script> 20452/*! 20453 * jQuery Cookie Plugin v1.4.1 20454 * https://github.com/carhartl/jquery-cookie 20455 * 20456 * Copyright 2006, 2014 Klaus Hartl 20457 * Released under the MIT license 20458 */ 20459(function (factory) { 20460 if (typeof define === 'function' && define.amd) { 20461 // AMD (Register as an anonymous module) 20462 define(['jquery'], factory); 20463 } else if (typeof exports === 'object') { 20464 // Node/CommonJS 20465 module.exports = factory(require('jquery')); 20466 } else { 20467 // Browser globals 20468 factory(jQuery); 20469 } 20470}(function ($) { 20471 20472 var pluses = /\+/g; 20473 20474 function encode(s) { 20475 return config.raw ? s : encodeURIComponent(s); 20476 } 20477 20478 function decode(s) { 20479 return config.raw ? s : decodeURIComponent(s); 20480 } 20481 20482 function stringifyCookieValue(value) { 20483 return encode(config.json ? JSON.stringify(value) : String(value)); 20484 } 20485 20486 function parseCookieValue(s) { 20487 if (s.indexOf('"') === 0) { 20488 // This is a quoted cookie as according to RFC2068, unescape... 20489 s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); 20490 } 20491 20492 try { 20493 // Replace server-side written pluses with spaces. 20494 // If we can't decode the cookie, ignore it, it's unusable. 20495 // If we can't parse the cookie, ignore it, it's unusable. 20496 s = decodeURIComponent(s.replace(pluses, ' ')); 20497 return config.json ? JSON.parse(s) : s; 20498 } catch(e) {} 20499 } 20500 20501 function read(s, converter) { 20502 var value = config.raw ? s : parseCookieValue(s); 20503 return $.isFunction(converter) ? converter(value) : value; 20504 } 20505 20506 var config = $.cookie = function (key, value, options) { 20507 20508 // Write 20509 20510 if (arguments.length > 1 && !$.isFunction(value)) { 20511 options = $.extend({}, config.defaults, options); 20512 20513 if (typeof options.expires === 'number') { 20514 var days = options.expires, t = options.expires = new Date(); 20515 t.setMilliseconds(t.getMilliseconds() + days * 864e+5); 20516 } 20517 20518 return (document.cookie = [ 20519 encode(key), '=', stringifyCookieValue(value), 20520 options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE 20521 options.path ? '; path=' + options.path : '', 20522 options.domain ? '; domain=' + options.domain : '', 20523 options.secure ? '; secure' : '' 20524 ].join('')); 20525 } 20526 20527 // Read 20528 20529 var result = key ? undefined : {}, 20530 // To prevent the for loop in the first place assign an empty array 20531 // in case there are no cookies at all. Also prevents odd result when 20532 // calling $.cookie(). 20533 cookies = document.cookie ? document.cookie.split('; ') : [], 20534 i = 0, 20535 l = cookies.length; 20536 20537 for (; i < l; i++) { 20538 var parts = cookies[i].split('='), 20539 name = decode(parts.shift()), 20540 cookie = parts.join('='); 20541 20542 if (key === name) { 20543 // If second argument (value) is a function it's a converter... 20544 result = read(cookie, value); 20545 break; 20546 } 20547 20548 // Prevent storing a cookie that we couldn't decode. 20549 if (!key && (cookie = read(cookie)) !== undefined) { 20550 result[name] = cookie; 20551 } 20552 } 20553 20554 return result; 20555 }; 20556 20557 config.defaults = {}; 20558 20559 $.removeCookie = function (key, options) { 20560 // Must not alter options, thus extending a fresh object... 20561 $.cookie(key, '', $.extend({}, options, { expires: -1 })); 20562 return !$.cookie(key); 20563 }; 20564 20565})); 20566</script>
20566 20567 20568 20569 20570 20571 20572 20573 20574 20575 20576 20577 20578 20579 20580 20581 20582 20583 20584 20585 20586 20587 20588 20589 20590 20591 20592 20593 20594 20595 20596 20597 20598 20599 20600 20601 20602 20603 20604 20605 20606 20607 20608 20609 20610 20611 20612 20613 20614 20615 20616 20617 20618 20619 20620 20621 20622 20623 20624 20625 20626 20627 20628 20629 20630 20631 20632 20633 20634 20635 20636 20637 20638 20639 20640 20641 20642 20643 20644 20645 20646 20647 20648 20649 20650 20651 20652 20653 20654 20655 20656 20657 20658 20659 20660 20661 20662 20663 20664 20665 20666 20667 20668 20669 20670 20671 20672 20673 20674 20675 20676 20677 20678 20679 20680 20681 20682 20683 20684 20685 20686 20687 20688 20689 20690 20691 20692 20693 20694 20695 20696 20697 20698 20699 20700 20701 20702 20703 20704 20705 20706 20707 20708 20709 20710 20711 20712 20713 20714 20715 20716 20717 20718 20719 20720 20721 20722 20723 20724 20725 20726 20727 20728 20729 20730 20731 20732 20733 20734 20735 20736 20737 20738 20739 20740 20741 20742 20743 20744 20745 20746 20747 20748 20749 20750 20751 20752 20753 20754
vendor: 1,701 bytes, lines 20755-20759
20755<script> 20756/*! js-cookie v3.0.1 | MIT */ 20757!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})})); 20758 20759</script>
20759 20760 20761 20762 20763 20764 20765 20766 20767 20768 20769 20770 20771 20772 20773 20774 20775 20776 20777 20778 20779 20780 20781 20782 20783 20784 20785 20786 20787 20788 20789 20790 20791 20792 20793 20794 20795 20796 20797 20798 20799 20800 20801 20802 20803 20804 20805 20806 20807 20808 20809 20810 20811 20812 20813 20814 20815 20816 20817 20818 20819 20820 20821 20822 20823 20824 20825 20826 20827 20828 20829 20830 20831 20832 20833 20834 20835 20836 20837 20838 20839 20840 20841 20842 20843 20844 20845 20846 20847 20848 20849 20850 20851 20852 20853 20854 20855 20856 20857 20858 20859 20860 20861 20862 20863 20864 20865 20866 20867 20868 20869 20870 20871 20872 20873 20874 20875 20876 20877 20878 20879 20880 20881 20882 20883
vendor: 4,106 bytes, lines 20884-20888
20884<script> 20885 20886/*! lazysizes - v5.3.2 */ 20887 20888!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,"opacity")||1)>0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$]("data-expand"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>
vendor: 3,805 bytes, lines 20888-20891
208882&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,"lazybeforesizes",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{}); 20889 20890 20891</script>
20891 20892 20893 20894 20895 20896 20897 20898 20899 20900 20901 20902 20903 20904 20905 20906 20907 20908 20909 20910 20911 20912 20913 20914 20915 20916 20917 20918 20919 20920 20921 20922 20923 20924 20925 20926 20927 20928 20929 20930 20931 20932 20933 20934 20935 20936 20937 20938 20939 20940 20941 20942 20943 20944 20945 20946 20947 20948 20949 20950 20951 20952 20953 20954 20955 20956 20957 20958 20959 20960 20961 20962 20963 20964 20965 20966 20967 20968 20969 20970 20971 20972 20973 20974 20975 20976 20977 20978 20979 20980 20981 20982 20983 20984 20985 20986 20987 20988 20989 20990 20991 20992 20993 20994 20995 20996 20997 20998 20999 21000 21001 21002 21003 21004 21005 21006 21007 21008 21009 21010 21011 21012 21013 21014 21015 21016 21017 21018 21019 21020 21021 21022 21023 21024 21025 21026 21027 21028 21029 21030 21031 21032 21033 21034 21035
21036<script> 21037 /// FLIDE ÃÂR GALLERIFUNKTIONEN I ARTIKLAR 21038 21039 // Objekt för att spara slideIndex per flideID (förhindrar konflikter mellan flera flides) 21040 var flideIndices = {}; 21041 21042 function flideScrollCheck(dasID) { 21043 const container = document.querySelector('f-flide-thumbs-container[data-flideid="' + dasID + '"]'); 21044 const inside = document.querySelector('f-flide-thumbs[data-flideid="' + dasID + '"]'); 21045 21046 if (!container || !inside) return; 21047 21048 const insideWidth = parseInt(inside.getAttribute('data-flidewidth')); 21049 if (!insideWidth) return; 21050 21051 container.setAttribute('data-scroll', insideWidth > container.offsetWidth ? 'on' : 'off'); 21052 } 21053 21054 function plusSlides(n, dasid) { 21055 flideIndices[dasid] = (flideIndices[dasid] || 1) + n; 21056 showSlides(flideIndices[dasid], dasid); 21057 } 21058 21059 function currentSlide(n, dasid) { 21060 showSlides(n, dasid); 21061 } 21062 21063 // Huvudfunktionen 21064 function showSlides(startNum, flideID) { 21065 var flides = document.querySelectorAll("f-flide[data-flideid='" + flideID + "'] f-flide-item"); 21066 var thumbs = document.querySelectorAll("f-flide-thumbs[data-flideid='" + flideID + "'] f-flide-thumb"); 21067 21068 if (!flides || flides.length === 0) return; 21069 21070 // Beräkna slideIndex 21071 var slideIndex; 21072 if (startNum === 'start') { 21073 slideIndex = 1; 21074 } else if (typeof startNum === 'number') { 21075 if (startNum > flides.length) slideIndex = 1; 21076 else if (startNum < 1) slideIndex = flides.length; 21077 else slideIndex = startNum; 21078 } else { 21079 slideIndex = flideIndices[flideID] || 1; 21080 } 21081 21082 // Bounds check 21083 if (slideIndex < 1 || slideIndex > flides.length) slideIndex = 1; 21084 21085 // Spara index 21086 flideIndices[flideID] = slideIndex; 21087 21088 // Sätt status pÃÂ¥ alla flides 21089 for (var i = 0; i < flides.length; i++) { 21090 flides[i].setAttribute('data-status', i === slideIndex - 1 ? 'on' : 'off'); 21091 } 21092 21093 // Sätt status pÃÂ¥ thumbs (om de finns) 21094 if (thumbs && thumbs.length > 0) { 21095 for (var j = 0; j < thumbs.length; j++) { 21096 thumbs[j].setAttribute('data-status', j === slideIndex - 1 ? 'on' : 'off'); 21097 } 21098 21099 // Scrolla till aktiv thumb (utom vid första laddningen) 21100 if (startNum !== 'start' && thumbs[slideIndex - 1]) { 21101 thumbs[slideIndex - 1].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); 21102 } 21103 } 21104 } 21105 21106 // Objekt för att spÃÂ¥ra vilka sliders som redan har event listeners 21107 var flideTouchInitialized = {}; 21108 21109 function flideTouch(dasID, dasElement, dasMouse) { 21110 // Kontrollera om vi redan har initialiserat listeners för denna slider 21111 var initKey = dasID + '_' + dasElement; 21112 if (flideTouchInitialized[initKey]) { 21113 return; // Redan initialiserad, hoppa över 21114 } 21115 21116 // Hitta slider-elementet 21117 const slider = document.querySelector("f-" + dasElement + "[data-flideid='" + dasID + "']"); 21118 21119 // Null-check 21120 if (!slider) { 21121 return; 21122 } 21123 21124 // Markera som initialiserad 21125 flideTouchInitialized[initKey] = true; 21126 21127 // State-variabler 21128 let isDragging = false, 21129 startPos = 0, 21130 isStarted = false; 21131 21132 // Förhindra default drag-beteende 21133 slider.addEventListener('dragstart', (e) => e.preventDefault()); 21134 21135 // Hämta position frÃÂ¥n event (touch eller mouse) 21136 function getPosition(event, axis) { 21137 const isMouse = event.type.includes('mouse'); 21138 const touch = event.touches?.[0] || event.changedTouches?.[0]; 21139 21140 if (isMouse) { 21141 return axis === 'x' ? event.pageX : event.pageY; 21142 } else if (touch) { 21143 return axis === 'x' ? touch.clientX : touch.clientY; 21144 } 21145 return 0; 21146 } 21147 21148 let startPosY = 0; 21149 21150 function touchStart(event) { 21151 const posX = getPosition(event, 'x'); 21152 const posY = getPosition(event, 'y'); 21153 21154 if (posX === 0) return; 21155 21156 startPos = posX; 21157 startPosY = posY; 21158 isDragging = false; 21159 isStarted = true; 21160 } 21161 21162 function touchMove(event) { 21163 if (!isStarted) return; 21164 21165 const posX = getPosition(event, 'x'); 21166 const posY = getPosition(event, 'y'); 21167 21168 if (posX === 0) return; 21169 21170 const deltaX = Math.abs(posX - startPos); 21171 const deltaY = Math.abs(posY - startPosY); 21172 21173 if (!isDragging) { 21174 if (deltaX > deltaY && deltaX > 10) { 21175 isDragging = true; 21176 event.preventDefault(); 21177 } 21178 } else { 21179 event.preventDefault(); 21180 } 21181 } 21182 21183 function touchEnd(event) { 21184 if (isStarted && isDragging) { 21185 const endPos = getPosition(event, 'x'); 21186 if (endPos !== 0) { 21187 const deltaX = Math.abs(endPos - startPos); 21188 if (deltaX > 60) { 21189 plusSlides(startPos > endPos ? 1 : -1, dasID); 21190 } 21191 } 21192 } 21193 isDragging = false;
21194 isStarted = false; 21195 } 21196 21197 // Touch events 21198 slider.addEventListener('touchstart', touchStart, { passive: true }); 21199 slider.addEventListener('touchend', touchEnd, { passive: true }); 21200 slider.addEventListener('touchmove', touchMove, { passive: false }); 21201 21202 // Mouse events för desktop 21203 if (dasMouse === true) { 21204 slider.addEventListener('mousedown', touchStart); 21205 slider.addEventListener('mouseup', touchEnd); 21206 slider.addEventListener('mousemove', touchMove); 21207 slider.addEventListener('mouseleave', touchEnd); 21208 } 21209 } 21210 21211 // Automatisk initialisering av flides 21212 var initializedFlides = new Set(); 21213 var scanTimeout; 21214 21215 function initFlide(flideID) { 21216 if (!flideID || initializedFlides.has(flideID)) return; 21217 21218 const flide = document.querySelector('f-flide[data-flideid="' + flideID + '"]'); 21219 if (!flide) return; 21220 21221 const flides = flide.querySelectorAll('f-flide-item'); 21222 if (flides.length === 0) { 21223 setTimeout(() => initFlide(flideID), 100); 21224 return; 21225 } 21226 21227 initializedFlides.add(flideID); 21228 21229 // Initialisera flide 21230 showSlides('start', flideID); 21231 flideScrollCheck(flideID); 21232 flideTouch(flideID, 'flide', false); 21233 } 21234 21235 function scanForFlides() { 21236 document.querySelectorAll('f-flide[data-flideid]').forEach(el => { 21237 const flideID = el.getAttribute('data-flideid'); 21238 if (flideID) { 21239 initFlide(flideID); 21240 } 21241 }); 21242 } 21243 21244 // Observer för dynamiskt innehÃÂ¥ll - debounce för att undvika för mÃÂ¥nga körningar 21245 const flideObserver = new MutationObserver(() => { 21246 clearTimeout(scanTimeout); 21247 scanTimeout = setTimeout(scanForFlides, 100); 21248 }); 21249 21250 // Starta observer 21251 function startObserver() { 21252 if (!document.body) { 21253 setTimeout(startObserver, 50); 21254 return; 21255 } 21256 flideObserver.observe(document.body, { childList: true, subtree: true }); 21257 scanForFlides(); 21258 } 21259 21260 if (document.readyState === 'loading') { 21261 document.addEventListener('DOMContentLoaded', startObserver); 21262 } else { 21263 startObserver(); 21264 } 21265</script>
21265 21266 21267 21268 21269 21270 21271 21272 21273 21274 21275 21276 21277 21278 21279 21280 21281 21282 21283 21284 21285 21286 21287 21288 21289 21290 21291 21292 21293 21294 21295 21296 21297 21298 21299 21300 21301 21302 21303 21304 21305 21306 21307 21308 21309 21310 21311 21312 21313 21314 21315 21316 21317 21318 21319 21320 21321 21322 21323 21324 21325 21326 21327 21328 21329 21330 21331 21332 21333 21334 21335 21336 21337 21338 21339 21340 21341 21342 21343 21344 21345 21346 21347 21348 21349 21350 21351 21352 21353 21354 21355 21356 21357 21358 21359 21360 21361 21362 21363 21364 21365 21366 21367 21368 21369 21370 21371 21372 21373 21374 21375 21376 21377 21378 21379 21380 21381 21382 21383 21384 21385 21386 21387 21388 21389 21390 21391 21392 21393 21394 21395 21396 21397 21398 21399 21400 21401 21402 21403 21404 21405 21406 21407 21408 21409 21410 21411 21412 21413 21414 21415 21416 21417 21418 21419 21420 21421 21422 21423 21424 21425 21426 21427 21428 21429 21430 21431 21432 21433 21434 21435 21436 21437 21438 21439 21440 21441 21442 21443 21444 21445 21446 21447 21448 21449 21450 21451 21452 21453 21454 21455 21456 21457 21458 21459 21460 21461 21462 21463 21464 21465 21466 21467 21468 21469 21470 21471 21472 21473 21474
21475<script> 21476 function startInscreenReadPeak(beacon,counter) { 21477 console.log('startInscreenReadPeak ' + beacon + ' ' + counter); 21478 var divToCheck = document.querySelector('#rp' + counter); 21479 var hasBeenCalled = false; 21480 21481 window.addEventListener('scroll', function(event) { 21482 21483 if (inScreen(divToCheck) && hasBeenCalled === false) { 21484 console.log('Is in screen: ' + divToCheck + ' rp' + counter + ' url: ' + beacon); 21485 hasBeenCalled = true; 21486 $('f-stat-catcher').html('<img src="' + beacon + '" />'); 21487 } 21488 }, false); 21489 } 21490</script>
21490 21491 21492 21493 21494 21495 21496 21497 21498 21499 21500 21501 21502 21503 21504 21505 21506 21507 21508 21509 21510 21511 21512 21513 21514 21515 21516 21517 21518 21519 21520 21521 21522 21523 21524 21525 21526 21527 21528 21529 21530 21531 21532 21533 21534 21535 21536 21537 21538 21539 21540 21541 21542 21543 21544 21545 21546 21547 21548 21549 21550 21551 21552 21553 21554 21555 21556 21557 21558 21559 21560 21561 21562 21563 21564 21565 21566 21567 21568 21569 21570 21571 21572 21573 21574 21575 21576 21577 21578 21579 21580 21581 21582 21583 21584 21585 21586 21587 21588 21589 21590 21591 21592 21593 21594 21595 21596 21597 21598 21599 21600 21601 21602 21603 21604 21605 21606 21607 21608 21609 21610 21611 21612 21613 21614 21615 21616 21617 21618 21619 21620 21621 21622 21623 21624 21625 21626 21627 21628 21629 21630 21631 21632 21633 21634 21635 21636 21637 21638 21639 21640 21641 21642 21643 21644 21645 21646 21647 21648 21649 21650 21651 21652 21653 21654 21655 21656 21657 21658 21659 21660 21661 21662 21663 21664 21665 21666 21667 21668 21669 21670 21671 21672 21673 21674 21675 21676 21677 21678 21679 21680 21681 21682 21683 21684 21685 21686
21687<script> 21688 function runReadPeak(dasID,loopTimes,tags) { 21689 { 21690 var handledConsent = false; 21691 var container = document.getElementById(dasID); 21692 if (!container) return; 21693 var ctype = container.getAttribute('data-ctype'); 21694 var dynamicBuild = !!ctype; 21695 var isPre = (ctype === 'pre-article'); 21696 var mob = window.innerWidth <= 600; 21697 21698 // Fyll i befintliga element (topscroll etc) 21699 function populateExistingAds(result) { 21700 if (!Array.isArray(result) || !result.length) { 21701 container.style.setProperty('display', 'none', 'important'); 21702 return; 21703 } 21704 21705 var rpPos = null; 21706 if (typeof rpPlacementId === 'function') { 21707 var posMatch = (tags || '').match(/position:([^,]+)/); 21708 rpPos = posMatch ? posMatch[1] : tags; 21709 } 21710 21711 var shown = 0; 21712 for (var i = 0; i < loopTimes; i++) { 21713 var creative = result[i]; 21714 var titleEl = document.getElementById(dasID + '-' + i + '-title'); 21715 var textEl = document.getElementById(dasID + '-' + i + '-text'); 21716 var imageEl = document.getElementById(dasID + '-' + i + '-pic'); 21717 var linkEls = document.querySelectorAll('.' + dasID + '-' + i + '-link'); 21718 21719 if (!creative) { 21720 var slot = document.getElementById(dasID + '-' + i); 21721 if (slot) slot.style.display = 'none'; 21722 continue; 21723 } 21724 21725 var title = creative.title || 'Titel saknas'; 21726 var advertiser = creative.advertiser || 'Annons\u00F6r saknas'; 21727 var imageSrc = (creative.images && creative.images.length) ? creative.images[creative.images.length - 1].image : ''; 21728 var target = creative.target || '#'; 21729 21730 if (titleEl) titleEl.textContent = title; 21731 if (textEl) textEl.textContent = 'Annons fr\u00E5n ' + advertiser; 21732 linkEls.forEach(function(el) { 21733 el.href = target; 21734 if (rpPos !== null) { 21735 var pid = rpPlacementId(rpPos); 21736 el.addEventListener('click', function() { 21737 navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpPuffClick',id:pid}])); 21738 }); 21739 } 21740 }); 21741 21742 if (imageEl) { 21743 (function(el, slotIndex) { 21744 el.onload = function() { 21745 if (rpPos !== null && typeof _pingQueue === 'function') { 21746 _pingQueue('rpPuffView', rpPlacementId(rpPos), 1); 21747 } 21748 }; 21749 el.onerror = function() { 21750 var s = document.getElementById(dasID + '-' + slotIndex); 21751 if (s) s.style.display = 'none'; 21752 }; 21753 if (imageSrc) { 21754 el.src = '/p/rp/img?u=' + btoa(imageSrc).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,''); 21755 } 21756 })(imageEl, i); 21757 } 21758 21759 if (Array.isArray(creative.beacons)) { 21760 creative.beacons.forEach(function(u) { new Image(1,1).src = u; }); 21761 } 21762 shown++; 21763 } 21764 21765 container.setAttribute('data-count', shown); 21766 if (!shown) container.style.setProperty('display', 'none', 'important'); 21767 } 21768 21769 // Bygg allt dynamiskt med div + inline styles (puffar) 21770 function buildDynamicAds(result) { 21771 if (!Array.isArray(result) || !result.length) { 21772 container.style.setProperty('display', 'none', 'important'); 21773 return; 21774 } 21775 21776 var rpPos = null; 21777 if (typeof rpPlacementId === 'function') { 21778 var posMatch = (tags || '').match(/position:([^,]+)/); 21779 rpPos = posMatch ? posMatch[1] : tags; 21780 } 21781 21782 var bgColor = isPre ? 'rgb(45,45,45)' : 'var(--f-article-background-inline)'; 21783 var titleColor = isPre ? '#fff' : 'var(--f-article-text-color)'; 21784 var containerMargin = isPre ? 'var(--f-margins-margins)' : 'var(--f-article-padding)'; 21785 var containerWidth = isPre ? '100%' : 'calc(100% - var(--f-article-padding) * 2)'; 21786 var containerMaxWidth = isPre ? '980px' : 'none'; 21787 21788 container.style.cssText = 'display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:' + containerMargin + ';width:' + containerWidth + ';max-width:' + containerMaxWidth + ';'; 21789 21790 container.innerHTML = ''; 21791 var shown = 0; 21792 21793 for (var i = 0; i < loopTimes; i++) { 21794 var creative = result[i]; 21795 if (!creative) continue; 21796 if (mob && i > 0) continue; 21797 21798 var title = creative.title || 'Titel saknas'; 21799 var advertiser = creative.advertiser || 'Annons\u00F6r saknas'; 21800 var imageSrc = (creative.images && creative.images.length) ? creative.images[creative.images.length - 1].image : ''; 21801 var target = creative.target || '#'; 21802 21803 var slot = document.createElement('div'); 21804 slot.style.cssText = 'flex:1;min-width:0;'; 21805 21806 var link = document.createElement('a'); 21807 link.href = target; 21808 link.target = '_blank'; 21809 link.rel = 'nofollow'; 21810 link.style.cssText = 'display:block;text-decoration:none;color:inherit;height:75px;'; 21811 if (rpPos !== null) { 21812 (function(pos) { 21813 var pid = rpPlacementId(pos); 21814 link.addEventListener('click', function() { 21815 navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpPuffClick',id:pid}])); 21816 }); 21817 })(rpPos); 21818 } 21819 21820 var content = document.createElement('div'); 21821 content.style.cssText = 'display:flex;flex-direction:row;height:75px;min-height:75px;max-height:75px;overflow:hidden;background-color:' + bgColor + ';'; 21822 21823 var imgWrap = document.createElement('div'); 21824 imgWrap.style.cssText = 'flex-shrink:0;width:140px;height:75px;min-height:75px;max-height:75px;overflow:hidden;background-color:' + bgColor + ';'; 21825 21826 var img = document.createElement('img'); 21827 img.alt = 'Tumnagel'; 21828 img.style.cssText = 'width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.1s ease-in;'; 21829 21830 (function(imgEl, slotEl, rpPosLocal) { 21831 imgEl.onload = function() { 21832 imgEl.style.opacity = '1'; 21833 if (rpPosLocal !== null && typeof _pingQueue === 'function') { 21834 _pingQueue('rpPuffView', rpPlacementId(rpPosLocal), 1); 21835 } 21836 }; 21837 imgEl.onerror = function() { 21838 slotEl.style.display = 'none'; 21839 }; 21840 if (imageSrc) { 21841 imgEl.src = '/p/rp/img?u=' + btoa(imageSrc).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,''); 21842 } 21843 })(img, slot, rpPos); 21844 21845 imgWrap.appendChild(img); 21846 content.appendChild(imgWrap); 21847 21848 var textWrap = document.createElement('div'); 21849 textWrap.style.cssText = 'flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--f-article-padding);'; 21850 21851 var titleEl = document.createElement('div'); 21852 titleEl.style.cssText = 'font-size:14px;line-height:16px;font-family:SuisseSemiBold,\'Helvetica Neue\',arial,sans-serif;font-weight:600;margin-bottom:0;-webkit-font-smoothing:antialiased;color:' + titleColor + ';'; 21853 titleEl.textContent = title; 21854 21855 var byline = document.createElement('div'); 21856 byline.style.cssText = 'font-family:SuisseRegular,\'Helvetica Neue\',arial,sans-serif;font-weight:normal;color:var(--n-orange-semidark);margin-bottom:0;font-size:14px;line-height:16px;';
21857 byline.textContent = 'Annons fr\u00E5n ' + advertiser; 21858 21859 textWrap.appendChild(titleEl); 21860 textWrap.appendChild(byline); 21861 content.appendChild(textWrap); 21862 link.appendChild(content); 21863 slot.appendChild(link); 21864 container.appendChild(slot); 21865 21866 if (Array.isArray(creative.beacons)) { 21867 creative.beacons.forEach(function(u) { new Image(1,1).src = u; }); 21868 } 21869 21870 shown++; 21871 } 21872 21873 if (!shown) { 21874 container.style.setProperty('display', 'none', 'important'); 21875 } 21876 } 21877 21878 function fetchReadPeakAds(consentString) { 21879 var url = '/p/rp/json?l=621&j=1&n=' + encodeURIComponent(loopTimes) + '&tags=' + encodeURIComponent(tags || '') + '&gdpr_consent=' + encodeURIComponent(consentString || ''); 21880 fetch(url) 21881 .then(function(response) { return response.json(); }) 21882 .then(dynamicBuild ? buildDynamicAds : populateExistingAds) 21883 .catch(function(error) { 21884 console.warn('RP puff: error fetching', error); 21885 container.style.display = 'none'; 21886 }); 21887 } 21888 21889 function handleConsent(consentString) { 21890 if (handledConsent) { return; } 21891 handledConsent = true; 21892 fetchReadPeakAds(consentString); 21893 } 21894 21895 if (typeof window.__tcfapi === 'function') { 21896 var fallbackTimer = setTimeout(function() { 21897 if (!handledConsent) { 21898 handleConsent(''); 21899 } 21900 }, 5000); 21901 21902 try { 21903 window.__tcfapi('addEventListener', 2, function(tcData, success) { 21904 if (!success || handledConsent) { return; } 21905 var consentString = (tcData && tcData.tcString) ? tcData.tcString : ''; 21906 var eventStatus = tcData && tcData.eventStatus; 21907 21908 if (consentString || yinYang === 'Adblock' || eventStatus === 'tcloaded' || eventStatus === 'useractioncomplete') { 21909 clearTimeout(fallbackTimer); 21910 handleConsent(consentString); 21911 } 21912 }); 21913 } catch (err) { 21914 handleConsent(''); 21915 } 21916 } else { 21917 handleConsent(''); 21918 } 21919 } 21920 } 21921 21922 21923</script>
21923 21924 21925 21926 21927 21928 21929 21930 21931 21932 21933 21934 21935 21936 21937 21938 21939 21940 21941 21942 21943 21944 21945 21946 21947 21948 21949 21950 21951 21952 21953 21954 21955 21956 21957 21958 21959 21960 21961 21962 21963 21964 21965 21966 21967 21968 21969 21970 21971 21972 21973 21974 21975 21976 21977 21978 21979 21980 21981 21982 21983 21984 21985 21986 21987 21988 21989 21990 21991 21992 21993 21994 21995 21996 21997 21998 21999 22000 22001 22002 22003 22004 22005 22006 22007 22008 22009 22010 22011 22012 22013 22014 22015 22016 22017 22018 22019 22020 22021 22022 22023 22024 22025 22026 22027 22028 22029 22030 22031 22032 22033 22034 22035 22036 22037 22038 22039 22040 22041 22042 22043 22044 22045 22046 22047 22048 22049 22050 22051 22052 22053 22054 22055 22056 22057 22058 22059 22060 22061 22062 22063 22064 22065 22066 22067 22068 22069 22070 22071 22072 22073 22074 22075 22076 22077 22078 22079 22080 22081 22082 22083 22084 22085 22086 22087 22088 22089 22090 22091 22092 22093 22094 22095 22096 22097 22098 22099 22100 22101 22102 22103 22104 22105 22106 22107 22108 22109 22110 22111 22112
22113<script> 22114function renderKvarter(elId, posTag) { 22115 console.log('[kvarter] renderKvarter elId=' + elId + ' posTag=' + posTag); 22116 var mob = window.innerWidth <= 600; 22117 function doFetch(consent) { 22118 console.log('[kvarter ' + posTag + '] doFetch, consent=' + (consent ? 'ja' : 'tom')); 22119 fetch('/p/rp/json?l=621&j=1&n=1&tags=' + encodeURIComponent('wide,position:' + posTag) + '&gdpr_consent=' + encodeURIComponent(consent || '')) 22120 .then(function(r) { return r.json(); }) 22121 .then(function(data) { 22122 console.log('[kvarter ' + posTag + '] svar frÃÂ¥n RP:', Array.isArray(data) ? data.length + ' annonser' : 'ogiltigt svar'); 22123 if (!Array.isArray(data) || !data.length) return; 22124 var c = data[0]; 22125 var rawImg = (c.images && c.images.length) ? c.images[c.images.length-1].image : ''; 22126 var el = document.getElementById(elId); 22127 if (!el) return; 22128 el.style.cssText = 'display:block;width:100%;max-width:980px;margin:var(--f-margins-margins);overflow:hidden;'; 22129 var link = document.createElement('a'); 22130 link.href = c.target || '#'; 22131 link.target = '_blank'; 22132 link.rel = 'nofollow'; 22133 link.style.cssText = 'display:flex;flex-direction:row;text-decoration:none;color:inherit;background-color:rgb(55,55,55);overflow:hidden;font-family:var(--f-suisse-regular);-webkit-font-smoothing:antialiased;'; 22134 var imgW = mob ? '200px' : '230px'; 22135 var tFs = mob ? '15px' : '18px'; 22136 var tLh = mob ? '18px' : '21px'; 22137 link.innerHTML = 22138 '<div style="flex-shrink:0;width:' + imgW + ';min-height:120px;overflow:hidden">' + 22139 '<img style="width:100%;height:100%;object-fit:cover;display:block">' + 22140 '</div>' + 22141 '<div style="flex:1;display:flex;flex-direction:column;justify-content:start;padding:16px 20px;min-width:0">' + 22142 '<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-bold);font-weight:300;color:#fff">' + (c.title || '') + '</div>' + 22143 '<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-regular);color:var(--n-orange-semidark);margin-bottom:4px">Annons fr\u00e5n ' + (c.advertiser || '') + '</div>' + 22144 '<div style="font-size:13px;line-height:17px;color:rgb(190,190,190)">' + (c.text || '') + '</div>' + 22145 (c.cta ? '<div style="margin-top:8px;font-size:13px;line-height:17px;font-weight:300;color:var(--n-orange-semidark)">' + c.cta + '</div>' : '') + 22146 '</div>'; 22147 link.addEventListener('click', function() { 22148 var pid = (typeof rpPlacementId === 'function') ? rpPlacementId(posTag) : 0; 22149 navigator.sendBeacon('/api/status', JSON.stringify([{t:'kvarterClick',id:pid}])); 22150 }); 22151 el.appendChild(link); 22152 if (rawImg) { 22153 var img = el.querySelector('img'); 22154 img.src = '/p/rp/img?u=' + btoa(rawImg).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,''); 22155 img.onload = function() { 22156 if (typeof _pingQueue === 'function') _pingQueue('kvarterView', (typeof rpPlacementId === 'function' ? rpPlacementId(posTag) : 0), 1); 22157 }; 22158 img.onerror = function() { el.style.display = 'none'; }; 22159 } 22160 if (Array.isArray(c.beacons)) c.beacons.forEach(function(u) { new Image(1,1).src = u; }); 22161 }) 22162 .catch(function(e) { console.warn(elId + ':', e); }); 22163 } 22164 if (typeof window.__tcfapi === 'function') { 22165 var done = false; 22166 var fb = setTimeout(function() { if (!done) { done = true; doFetch(''); } }, 5000); 22167 try { 22168 window.__tcfapi('addEventListener', 2, function(td, ok) { 22169 if (!ok || done) return; 22170 var cs = (td && td.tcString) ? td.tcString : ''; 22171 var es = td && td.eventStatus; 22172 if (cs || es === 'tcloaded' || es === 'useractioncomplete') { 22173 clearTimeout(fb); done = true; doFetch(cs); 22174 } 22175 }); 22176 } catch(e) { doFetch(''); } 22177 } else { doFetch(''); } 22178} 22179</script>
22179 22180 22181 22182 22183 22184 22185 22186 22187 22188 22189 22190 22191 22192 22193 22194 22195 22196 22197 22198 22199 22200 22201 22202 22203 22204 22205 22206 22207 22208 22209 22210 22211 22212 22213 22214 22215 22216 22217 22218 22219 22220 22221 22222 22223 22224 22225 22226 22227 22228 22229 22230 22231 22232 22233 22234 22235 22236 22237 22238 22239 22240 22241 22242 22243 22244 22245 22246 22247 22248 22249 22250 22251 22252 22253 22254 22255 22256 22257 22258 22259 22260 22261 22262 22263 22264 22265 22266 22267 22268 22269 22270 22271 22272 22273 22274 22275 22276 22277 22278 22279 22280 22281 22282 22283 22284 22285 22286 22287 22288 22289 22290 22291 22292 22293 22294 22295 22296 22297 22298 22299 22300 22301 22302 22303 22304 22305 22306 22307 22308 22309 22310 22311 22312 22313 22314 22315 22316 22317 22318 22319 22320 22321 22322 22323 22324 22325 22326 22327 22328 22329 22330 22331 22332
22333<script> 22334 function checkRefererDomains(domains) { 22335 const referer = document.referrer; 22336 22337 if (referer) { 22338 const url = new URL(referer); 22339 22340 for (const domain of domains) { 22341 if (url.hostname === domain || url.hostname.endsWith('.' + domain)) { 22342 console.log('Referrer is ' + domain); 22343 return true; 22344 } 22345 } 22346 //console.log('Referrer is NOT one of the domains'); 22347 return false; 22348 } else { 22349 //console.log('No referrer'); 22350 return false; 22351 } 22352 } 22353 22354 22355 22356</script>
22356 22357 22358 22359 22360 22361 22362 22363 22364 22365 22366 22367 22368 22369 22370 22371 22372 22373 22374 22375 22376 22377 22378 22379 22380 22381 22382 22383 22384 22385 22386 22387 22388 22389 22390 22391 22392 22393 22394 22395 22396 22397 22398 22399 22400 22401 22402 22403 22404 22405 22406 22407 22408 22409 22410 22411 22412 22413 22414 22415 22416 22417 22418 22419 22420 22421 22422 22423 22424 22425 22426 22427 22428 22429 22430 22431 22432 22433 22434 22435 22436 22437 22438 22439 22440 22441 22442 22443 22444 22445 22446 22447 22448 22449 22450 22451 22452 22453 22454 22455 22456 22457 22458 22459 22460 22461 22462 22463 22464 22465 22466 22467 22468 22469 22470 22471 22472 22473 22474 22475 22476 22477 22478 22479 22480 22481 22482 22483 22484 22485 22486 22487 22488 22489 22490 22491 22492 22493 22494 22495 22496 22497 22498 22499 22500 22501 22502 22503 22504 22505 22506 22507 22508 22509 22510 22511 22512 22513 22514 22515 22516 22517 22518 22519 22520 22521 22522 22523 22524 22525 22526 22527 22528 22529 22530 22531 22532 22533 22534 22535 22536 22537 22538 22539 22540 22541 22542 22543 22544 22545 22546 22547 22548 22549
22550<script> 22551 22552 const FEBER_PLUS_ITEM_SRC = 'https://feber.se/plus'; 22553 const FEBER_PLUS_SKU = 'sid:VRdEqelRaMi3BHkcbIOlR'; 22554 const FEBER_SESAMY_RETURN_URL_KEY = 'feberSesamyReturnUrl'; 22555 22556 function rememberFeberSesamyReturnUrl() { 22557 if (window.location.search.indexOf('ses=') === -1 && window.location.search.indexOf('u=') === -1) { 22558 return; 22559 } 22560 22561 try { 22562 window.sessionStorage.setItem(FEBER_SESAMY_RETURN_URL_KEY, window.location.href); 22563 } catch (error) {} 22564 } 22565 22566 function clearFeberSesamyReturnUrl() { 22567 try { 22568 window.sessionStorage.removeItem(FEBER_SESAMY_RETURN_URL_KEY); 22569 } catch (error) {} 22570 } 22571 22572 function restoreFeberSesamyReturnUrl(api) { 22573 let storedUrl = ''; 22574 22575 try { 22576 storedUrl = window.sessionStorage.getItem(FEBER_SESAMY_RETURN_URL_KEY) || ''; 22577 } catch (error) {} 22578 22579 if (!storedUrl) { 22580 return Promise.resolve(); 22581 } 22582 22583 let returnUrl; 22584 try { 22585 returnUrl = new URL(storedUrl, window.location.href); 22586 } catch (error) { 22587 clearFeberSesamyReturnUrl(); 22588 return Promise.resolve(); 22589 } 22590 22591 if (returnUrl.origin !== window.location.origin || 22592 returnUrl.href === window.location.href || 22593 (returnUrl.search.indexOf('ses=') === -1 && returnUrl.search.indexOf('u=') === -1)) { 22594 clearFeberSesamyReturnUrl(); 22595 return Promise.resolve(); 22596 } 22597 22598 return getFeberSesamyUser(api) 22599 .then(user => { 22600 if (!user) { 22601 return; 22602 } 22603 22604 clearFeberSesamyReturnUrl(); 22605 window.location.href = returnUrl.href; 22606 }) 22607 .catch(() => {}); 22608 } 22609 22610 function waitForSesamy() { 22611 return new Promise((resolve, reject) => { 22612 let timeoutId; 22613 let pollId; 22614 22615 function cleanup() { 22616 clearTimeout(timeoutId); 22617 clearInterval(pollId); 22618 window.removeEventListener('sesamyReady', tryResolve); 22619 window.removeEventListener('sesamyJsReady', tryResolve); 22620 } 22621 22622 function isReady(api) { 22623 return api && (typeof api.isReady !== 'function' || api.isReady()); 22624 } 22625 22626 function tryResolve() { 22627 if (isReady(window.sesamy)) { 22628 cleanup(); 22629 resolve(window.sesamy); 22630 } 22631 } 22632 22633 tryResolve(); 22634 window.addEventListener('sesamyReady', tryResolve); 22635 window.addEventListener('sesamyJsReady', tryResolve); 22636 pollId = setInterval(tryResolve, 100); 22637 timeoutId = setTimeout(() => { 22638 cleanup(); 22639 reject(new Error('Sesamy kunde inte initieras')); 22640 }, 8000); 22641 }); 22642 } 22643 22644 function isFeberPlusEntitlement(entitlement, allowPassOnly) { 22645 if (!entitlement || entitlement.hasAccess === false) { 22646 return false; 22647 } 22648 22649 if (allowPassOnly && entitlement.productType === 'pass') { 22650 return true; 22651 } 22652 22653 const values = [ 22654 entitlement.url, 22655 entitlement.itemSrc, 22656 entitlement.sku, 22657 entitlement.id, 22658 entitlement.productId, 22659 entitlement.productType 22660 ].filter(Boolean); 22661 22662 return values.some(value => { 22663 const text = String(value); 22664 return text === FEBER_PLUS_ITEM_SRC || 22665 text === FEBER_PLUS_SKU || 22666 text.indexOf('/plus') !== -1 || 22667 text.indexOf(FEBER_PLUS_SKU) !== -1; 22668 }); 22669 } 22670 22671 function checkPlus() { 22672 return waitForSesamy() 22673 .then(api => { 22674 if (api && typeof api.getEntitlement === 'function') { 22675 return api.getEntitlement([FEBER_PLUS_ITEM_SRC]) 22676 .then(result => isFeberPlusEntitlement(result, true)); 22677 } 22678 22679 if (api && api.entitlements && typeof api.entitlements.hasAccess === 'function') { 22680 return api.entitlements.hasAccess(FEBER_PLUS_ITEM_SRC, [FEBER_PLUS_ITEM_SRC, FEBER_PLUS_SKU]) 22681 .then(hasAccess => !!hasAccess) 22682 .catch(() => null); 22683 } 22684 22685 return null; 22686 }) 22687 .then(result => { 22688 if (result !== null) { 22689 return result; 22690 } 22691 22692 if (window.sesamy && window.sesamy.entitlements && typeof window.sesamy.entitlements.list === 'function') { 22693 return window.sesamy.entitlements.list() 22694 .then(entitlements => Array.isArray(entitlements) && entitlements.some(entitlement => isFeberPlusEntitlement(entitlement, false))); 22695 } 22696 22697 return false; 22698 }) 22699 .catch(error => { 22700 console.warn('checkPlus: kunde inte avgöra Feber+ status', error); 22701 return false; 22702 }); 22703 } 22704 22705 function fallbackSesamyCheckoutUrl(optiondata) { 22706 return 'https://checkout2.sesamy.com/?sku=' + encodeURIComponent(FEBER_PLUS_SKU) + '&client-id=feber&redirect_uri=https://feber.se&option=' + encodeURIComponent(optiondata) + '&lang=sv'; 22707 } 22708
22709 function navigateToSesamyCheckout(url, target) { 22710 if (target === '_blank') { 22711 window.open(url, '_blank', 'noopener'); 22712 return; 22713 } 22714 22715 window.location.href = url; 22716 } 22717 22718 function openFeberCheckout(optiondata, target) { 22719 const itemSrc = FEBER_PLUS_SKU + ':' + optiondata; 22720 const sesamyPromise = typeof waitForSesamy === 'function' ? waitForSesamy() : Promise.resolve(window.sesamy); 22721 22722 sesamyPromise 22723 .then(api => { 22724 if (api && typeof api.openCheckout === 'function') { 22725 api.openCheckout({ 22726 itemSrc: itemSrc, 22727 clientId: 'feber', 22728 redirectUri: 'https://feber.se', 22729 lang: 'sv' 22730 }); 22731 return; 22732 } 22733 22734 if (api && typeof api.generateLink === 'function') { 22735 return api.generateLink({ 22736 target: 'checkout', 22737 itemSrc: itemSrc, 22738 redirectUrl: 'https://feber.se', 22739 language: 'sv' 22740 }).then(url => { 22741 navigateToSesamyCheckout(url, target); 22742 }); 22743 } 22744 22745 navigateToSesamyCheckout(fallbackSesamyCheckoutUrl(optiondata), target); 22746 }) 22747 .catch(error => { 22748 console.warn('Kunde inte öppna Sesamy checkout', error); 22749 navigateToSesamyCheckout(fallbackSesamyCheckoutUrl(optiondata), target); 22750 }); 22751 } 22752 22753 function cleanFeberSesamyName(value) { 22754 if (typeof value !== 'string') { 22755 return ''; 22756 } 22757 22758 const name = value.trim().replace(/\s+/g, ' '); 22759 if (!name || name.indexOf('@') !== -1) { 22760 return ''; 22761 } 22762 22763 return name; 22764 } 22765 22766 function getFeberSesamyDisplayName(user) { 22767 if (!user) { 22768 return ''; 22769 } 22770 22771 const firstName = cleanFeberSesamyName(user.given_name || user.firstName || (user.contactInfo && user.contactInfo.name)); 22772 const lastName = cleanFeberSesamyName(user.family_name || user.lastName || (user.contactInfo && user.contactInfo.surname)); 22773 const combinedName = cleanFeberSesamyName([firstName, lastName].filter(Boolean).join(' ')); 22774 22775 return combinedName || 22776 cleanFeberSesamyName(user.fullName) || 22777 cleanFeberSesamyName(user.name) || 22778 cleanFeberSesamyName(user.nickname); 22779 } 22780 22781 function isFeberSesamyGeneratedAvatarUrl(url) { 22782 if (!url) { 22783 return false; 22784 } 22785 22786 try { 22787 const parsedUrl = new URL(url, window.location.href); 22788 return parsedUrl.hostname === 'imgproxy.prod.sesamy.cloud' && parsedUrl.pathname.indexOf('/avatar/initials/') !== -1; 22789 } catch (error) { 22790 return String(url).indexOf('/avatar/initials/') !== -1; 22791 } 22792 } 22793 22794 function getFeberSesamyPicture(user) { 22795 if (!user) { 22796 return ''; 22797 } 22798 22799 const picture = user.picture || user.avatar || user.image || user.photoURL || ''; 22800 return isFeberSesamyGeneratedAvatarUrl(picture) ? '' : picture; 22801 } 22802 22803 function getFeberSesamyInitials(name) {
22804 const words = cleanFeberSesamyName(name).split(' ').filter(Boolean); 22805 if (!words.length) { 22806 return ''; 22807 } 22808 22809 if (words.length === 1) { 22810 return words[0].substring(0, 2).toUpperCase(); 22811 } 22812 22813 return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase(); 22814 } 22815 22816 function setFeberSesamyAvatar(avatar, name, picture) { 22817 if (!avatar) { 22818 return; 22819 } 22820 22821 while (avatar.firstChild) { 22822 avatar.removeChild(avatar.firstChild); 22823 } 22824 22825 if (picture) { 22826 const image = document.createElement('img'); 22827 image.src = picture; 22828 image.alt = name || 'Inloggad'; 22829 image.addEventListener('error', function () { 22830 setFeberSesamyAvatar(avatar, name, ''); 22831 }, { once: true }); 22832 avatar.appendChild(image); 22833 return; 22834 } 22835 22836 avatar.textContent = getFeberSesamyInitials(name); 22837 } 22838 22839 function getFeberSesamyUser(api) { 22840 if (api && api.auth && typeof api.auth.isAuthenticated === 'function' && typeof api.auth.getUser === 'function') { 22841 return api.auth.isAuthenticated() 22842 .then(isAuthenticated => isAuthenticated ? api.auth.getUser() : null); 22843 } 22844 22845 if (api && typeof api.getUserProfile === 'function') { 22846 return api.getUserProfile(); 22847 } 22848 22849 return Promise.resolve(null); 22850 } 22851 22852 function markFeberSesamyLoginReady(login) { 22853 if (login) { 22854 login.setAttribute('data-feber-login-ready', 'true'); 22855 } 22856 } 22857 22858 function updateFeberSesamyLoginElement(login, api) { 22859 if (!login) { 22860 return Promise.resolve(); 22861 } 22862 22863 return getFeberSesamyUser(api) 22864 .then(user => { 22865 const name = getFeberSesamyDisplayName(user); 22866 const picture = getFeberSesamyPicture(user); 22867 const nameElements = login.querySelectorAll('f-sesamy-login-name, f-sesamy-login-menu-name'); 22868 const avatar = login.querySelector('f-sesamy-login-avatar'); 22869 const accountLink = login.querySelector('[data-sesamy-account]'); 22870 22871 login.setAttribute('data-feber-has-name', name ? 'true' : 'false'); 22872 nameElements.forEach(element => { 22873 element.textContent = name; 22874 element.style.display = name ? 'block' : 'none'; 22875 }); 22876 setFeberSesamyAvatar(avatar, name, picture); 22877 22878 if (accountLink && api && typeof api.generateLink === 'function') { 22879 accountLink.style.color = '#222'; 22880 accountLink.style.opacity = '1'; 22881 accountLink.style.pointerEvents = 'auto'; 22882 api.generateLink({ target: 'account' }).then(url => { 22883 accountLink.href = url; 22884 }).catch(() => {}); 22885 } 22886 }) 22887 .catch(error => { 22888 console.warn('Kunde inte uppdatera Sesamy-login', error); 22889 }) 22890 .then(() => { 22891 markFeberSesamyLoginReady(login); 22892 }); 22893 } 22894 22895 function setupFeberSesamyLoginElement(login) { 22896 if (!login || login.getAttribute('data-feber-login-bound') === 'true') { 22897 return; 22898 } 22899 22900 login.setAttribute('data-feber-login-bound', 'true'); 22901 login.addEventListener('click', function (event) { 22902 if (event.target && typeof event.target.closest === 'function' && event.target.closest('[data-sesamy-account], [data-sesamy-logout]')) { 22903 return; 22904 } 22905 22906 rememberFeberSesamyReturnUrl(); 22907 }, true); 22908 22909 const accountLink = login.querySelector('[data-sesamy-account]'); 22910 const logoutButton = login.querySelector('[data-sesamy-logout]'); 22911 22912 if (accountLink) { 22913 accountLink.addEventListener('click', function (event) { 22914 event.preventDefault(); 22915 waitForSesamy().then(api => { 22916 if (api && typeof api.generateLink === 'function') { 22917 return api.generateLink({ target: 'account' }).then(url => { 22918 window.location.href = url; 22919 }); 22920 } 22921 22922 if (api && typeof api.openProfile === 'function') { 22923 api.openProfile(); 22924 } 22925 }).catch(error => console.warn('Kunde inte öppna Sesamy-konto', error)); 22926 }); 22927 } 22928 22929 if (logoutButton) { 22930 logoutButton.addEventListener('click', function (event) { 22931 event.preventDefault(); 22932 waitForSesamy().then(api => { 22933 if (api && api.auth && typeof api.auth.logout === 'function') { 22934 return api.auth.logout(); 22935 } 22936 22937 if (api && typeof api.logout === 'function') { 22938 return api.logout(window.location.href); 22939 } 22940 }).then(() => { 22941 window.location.reload(); 22942 }).catch(error => console.warn('Kunde inte logga ut frÃÂ¥n Sesamy', error)); 22943 }); 22944 } 22945 } 22946 22947 function initFeberSesamyLogin() { 22948 const logins = document.querySelectorAll('sesamy-login'); 22949 if (!logins.length) { 22950 return; 22951 } 22952 22953 logins.forEach(setupFeberSesamyLoginElement); 22954 22955 waitForSesamy() 22956 .then(api => { 22957 logins.forEach(login => updateFeberSesamyLoginElement(login, api)); 22958 restoreFeberSesamyReturnUrl(api); 22959 }) 22960 .catch(() => { 22961 logins.forEach(markFeberSesamyLoginReady); 22962 }); 22963 } 22964 22965 if (document.readyState === 'loading') { 22966 document.addEventListener('DOMContentLoaded', initFeberSesamyLogin); 22967 } else { 22968 initFeberSesamyLogin(); 22969 } 22970 22971 window.addEventListener('sesamyReady', initFeberSesamyLogin); 22972 window.addEventListener('sesamyJsReady', initFeberSesamyLogin); 22973 22974 22975 22976 22977 function checkPren() { 22978 var loggedIn = Cookies.get("memberful"); 22979 if (loggedIn === 'prenumerant') { 22980 return true; 22981 } else { 22982 return false;
22983 } 22984 } 22985 22986 22987 22988 22989</script>
22989 22990
22991<script> 22992 (function setupReadPeakPremiumCleaner() { 22993 let readPeakObserver = null; 22994 let shouldRemoveReadPeak = false; 22995 22996 function removeAllReadPeakBlocks() { 22997 if (!shouldRemoveReadPeak) { 22998 return; 22999 } 23000 const blocks = document.querySelectorAll('[data-ctype="internal"]'); 23001 if (!blocks.length) { 23002 return; 23003 } 23004 blocks.forEach(block => { 23005 if (block && typeof block.remove === 'function') { 23006 block.remove(); 23007 } else if (block && block.parentNode) { 23008 block.parentNode.removeChild(block); 23009 } 23010 }); 23011 } 23012 23013 function ensureObserver() { 23014 if (readPeakObserver || typeof MutationObserver === 'undefined' || !document.body) { 23015 return; 23016 } 23017 readPeakObserver = new MutationObserver(() => removeAllReadPeakBlocks()); 23018 readPeakObserver.observe(document.body, { childList: true, subtree: true }); 23019 } 23020 23021 function enableReadPeakRemoval() { 23022 if (!shouldRemoveReadPeak) { 23023 return; 23024 } 23025 removeAllReadPeakBlocks(); 23026 ensureObserver(); 23027 } 23028 23029 function evaluateMembership(isPlus) { 23030 if (isPlus || (typeof checkPren === 'function' && checkPren())) { 23031 shouldRemoveReadPeak = true; 23032 enableReadPeakRemoval(); 23033 } 23034 } 23035 23036 document.addEventListener('DOMContentLoaded', enableReadPeakRemoval); 23037 23038 if (typeof checkPlus === 'function') { 23039 checkPlus() 23040 .then(evaluateMembership) 23041 .catch(error => console.warn('checkPlus: kunde inte avgöra medlemskap', error)); 23042 } else if (typeof checkPren === 'function' && checkPren()) { 23043 shouldRemoveReadPeak = true; 23044 enableReadPeakRemoval(); 23045 } 23046 }()); 23047</script>
23047 23048 23049 23050 23051 23052 23053 23054 23055 23056 23057 23058 23059 23060 23061 23062 23063 23064 23065 23066 23067 23068 23069 23070 23071 23072 23073 23074 23075 23076 23077 23078 23079 23080 23081 23082 23083 23084 23085 23086 23087 23088 23089 23090 23091 23092 23093 23094 23095 23096 23097 23098 23099 23100 23101 23102 23103 23104 23105 23106 23107 23108 23109 23110 23111 23112 23113 23114 23115 23116 23117 23118 23119 23120 23121 23122 23123 23124 23125 23126 23127 23128 23129 23130 23131 23132 23133 23134 23135 23136 23137 23138 23139 23140 23141 23142 23143 23144 23145 23146 23147 23148 23149 23150 23151 23152 23153 23154 23155 23156 23157 23158 23159 23160 23161 23162 23163 23164 23165 23166 23167 23168 23169 23170 23171 23172 23173 23174 23175 23176 23177 23178 23179 23180 23181 23182 23183 23184 23185 23186 23187 23188 23189 23190 23191 23192 23193 23194 23195 23196 23197 23198 23199 23200 23201 23202 23203 23204 23205 23206 23207 23208 23209 23210 23211 23212 23213 23214 23215 23216 23217 23218 23219 23220 23221 23222 23223 23224 23225 23226 23227 23228 23229 23230 23231 23232 23233 23234 23235 23236 23237 23238 23239 23240 23241
23242<script> 23243 23244 function linkListener(articleId) { 23245 const article = document.querySelector('f-article[data-id="' + articleId + '"]'); 23246 if (!article) { 23247 console.warn('Could not find f-article with data-id="' + articleId + '"'); 23248 return; 23249 } 23250 23251 const articleBodies = article.querySelectorAll('f-article-body'); 23252 23253 articleBodies.forEach(function(articleBody) { 23254 articleBody.addEventListener('click', function(event) { 23255 const clickedElement = event.target; 23256 if (clickedElement.tagName === 'A') { 23257 const info = clickedElement.dataset.info || clickedElement.href; 23258 const linkData = { 23259 url: clickedElement.href, 23260 info: info, 23261 articleId: articleId, 23262 articleBodyIndex: Array.from(articleBodies).indexOf(articleBody) 23263 }; 23264 sendData(linkData); 23265 } 23266 }); 23267 }); 23268 23269 const articleLink = article.querySelector('f-article-body-link'); 23270 23271 if (articleLink) { 23272 articleLink.addEventListener('click', function(event) { 23273 const clickedElement = event.target; 23274 if (clickedElement.tagName === 'A') { 23275 const info = clickedElement.dataset.info || clickedElement.href; 23276 const linkData = { 23277 url: clickedElement.href, 23278 info: info, 23279 articleId: articleId, 23280 articleBodyIndex: -1 // Du kan använda -1 eller nÃÂ¥got annat värde för att representera att det är en f-article-body-link 23281 }; 23282 sendData(linkData); 23283 } 23284 }); 23285 } else { 23286 console.warn('Could not find f-article-body-link within the f-article'); 23287 } 23288 } 23289 23290 23291 function sendData(data) { 23292 const url = data.url; 23293 const info = data.info; 23294 const articleId = data.articleId; 23295 23296 // Skicka data till servern med hjälp av fetch() eller XMLHttpRequest() etc. 23297 console.log("Url: " + url + ", Info: " + info + ", Article ID: " + articleId); 23298 //sendStatData('artClicks',articleId); 23299 statCount('artClicks', articleId); 23300 plausible('Native', {props: {Info: info, ArtID: 'http://feber.se/' + articleId, LinkUrl: url}}); 23301 } 23302 23303</script>
23303 23304 23305 23306 23307 23308 23309 23310 23311 23312 23313 23314 23315 23316 23317 23318 23319 23320 23321 23322 23323 23324 23325 23326 23327 23328 23329 23330 23331 23332 23333 23334 23335 23336 23337 23338 23339 23340 23341 23342 23343 23344 23345 23346 23347 23348 23349 23350 23351 23352 23353 23354 23355 23356 23357 23358 23359 23360 23361 23362 23363 23364 23365 23366 23367 23368 23369 23370 23371 23372 23373 23374 23375 23376 23377 23378 23379 23380 23381 23382 23383 23384 23385 23386 23387 23388 23389 23390 23391 23392 23393 23394 23395 23396 23397 23398 23399 23400 23401 23402 23403 23404 23405 23406 23407 23408 23409 23410 23411 23412 23413 23414 23415 23416 23417 23418 23419 23420 23421 23422 23423 23424 23425 23426 23427 23428 23429 23430 23431 23432 23433 23434 23435 23436 23437 23438 23439 23440 23441 23442 23443 23444 23445 23446 23447 23448 23449 23450 23451 23452 23453 23454 23455 23456 23457 23458 23459 23460 23461 23462 23463 23464 23465 23466 23467 23468 23469 23470 23471 23472 23473 23474 23475 23476 23477 23478 23479 23480 23481 23482 23483 23484 23485 23486 23487 23488 23489 23490 23491 23492 23493 23494 23495 23496 23497
23498<script> 23499 function sendStatData(type, typeId) { 23500 const url = '/count?type=' + type + '&typeId=' + typeId; 23501 fetch(url) 23502 .then(response => { 23503 if (!response.ok) { 23504 throw new Error('Failed to send stat data for type "' + type + '" and typeId "' + typeId + '"'); 23505 } else { 23506 console.log('Send stat data for type "' + type + '" and typeId "' + typeId + '"'); 23507 } 23508 }) 23509 .catch(error => { 23510 console.error(error); 23511 }); 23512 } 23513</script>
23513 23514 23515 23516 23517 23518 23519 23520 23521 23522 23523 23524 23525 23526 23527 23528 23529 23530 23531 23532 23533 23534 23535 23536 23537 23538 23539 23540 23541 23542 23543 23544 23545 23546 23547 23548 23549 23550 23551 23552 23553 23554 23555 23556 23557 23558 23559 23560 23561 23562 23563 23564 23565 23566 23567 23568 23569 23570 23571 23572 23573 23574 23575 23576 23577 23578 23579 23580 23581 23582 23583 23584 23585 23586 23587 23588 23589 23590 23591 23592 23593 23594 23595 23596 23597 23598 23599 23600 23601 23602 23603 23604 23605 23606 23607 23608 23609 23610 23611 23612 23613 23614 23615 23616 23617 23618 23619 23620 23621 23622 23623 23624 23625 23626 23627 23628 23629 23630 23631 23632 23633 23634 23635 23636 23637 23638 23639 23640 23641 23642 23643 23644 23645 23646 23647 23648 23649 23650 23651 23652 23653 23654 23655 23656 23657 23658 23659 23660 23661 23662 23663 23664 23665 23666 23667 23668 23669 23670 23671 23672 23673 23674 23675 23676 23677 23678 23679 23680 23681 23682 23683 23684 23685 23686 23687 23688 23689 23690 23691 23692 23693 23694 23695 23696 23697 23698 23699 23700 23701 23702 23703 23704 23705 23706 23707
23708<script> 23709 23710 function modifyBar(id) { 23711 // Hämta f-bar-container elementet med data-id=id 23712 const fBarContainer = document.querySelector('f-bar-container[data-id="' + id + '"]'); 23713 23714 // Hämta f-article elementet med data-id=id 23715 const fArticle = document.querySelector('f-article[data-id="' + id + '"]'); 23716 23717 if (!fBarContainer || !fArticle) { 23718 return; 23719 } 23720 23721 // Kolla om f-article har data-placement="above" 23722 if (fArticle.getAttribute('data-placement') === 'above') { 23723 // ÃÂndra css pÃÂ¥ fBarContainer och fBar 23724 //fBarContainer.style.maxWidth = '2000px'; 23725 const fBar = fBarContainer.querySelector('f-bar'); 23726 //fBar.style.maxWidth = '2000px'; 23727 } 23728 } 23729 23730</script>
23730 23731 23732 23733 23734 23735 23736 23737 23738 23739 23740 23741 23742 23743 23744 23745 23746 23747 23748 23749 23750 23751 23752 23753 23754 23755 23756 23757 23758 23759 23760 23761 23762 23763 23764 23765 23766 23767 23768 23769 23770 23771 23772 23773 23774 23775 23776 23777 23778 23779 23780 23781 23782 23783 23784 23785 23786 23787 23788 23789 23790 23791 23792 23793 23794 23795 23796 23797 23798 23799 23800 23801 23802 23803 23804 23805 23806 23807 23808 23809 23810 23811 23812 23813 23814 23815 23816 23817 23818 23819 23820 23821 23822 23823 23824 23825 23826 23827 23828 23829 23830 23831 23832 23833 23834 23835 23836 23837 23838 23839 23840 23841 23842 23843 23844 23845 23846 23847 23848 23849 23850 23851 23852 23853 23854 23855 23856 23857 23858 23859 23860 23861 23862 23863 23864 23865 23866 23867 23868 23869 23870 23871 23872 23873 23874 23875 23876 23877 23878 23879 23880 23881 23882 23883 23884 23885 23886 23887 23888 23889 23890 23891 23892 23893 23894 23895 23896 23897 23898 23899
23900<script> 23901 const articleTimers = new Map(); // Skapa en Map för att lagra timers för varje artikel 23902 const countedArticles = new Set(); // Skapa en Set för att lagra artikel-ID:n som redan har räknats som synliga 23903 const articleSecondsVisible = new Map(); // Skapa en Map för att lagra det totala antalet synliga sekunder för varje artikel 23904 23905 function handleVisibility(entries, observer) { 23906 entries.forEach(entry => { 23907 const article = entry.target; 23908 const articleId = article.dataset.id; 23909 const articleAd = article.dataset.ad; 23910 const headlineElement = article.querySelector('f-article-headline'); 23911 const headlineText = headlineElement.textContent.trim(); 23912 23913 if (entry.isIntersecting && !countedArticles.has(articleId)) { 23914 //console.log('Viewed: ' + headlineText + ' (Id# ' + articleId + ')'); 23915 23916 const enteringFromBottom = entry.isIntersecting && entry.boundingClientRect.bottom > entry.rootBounds.bottom; 23917 23918 if (enteringFromBottom && !countedArticles.has(articleId)) { 23919 incrementViewedArticles(); 23920 } 23921 23922 if (articleAd == 'true') { 23923 //console.log('Native viewed'); 23924 23925 //statCount('viewedSpons', articleId); 23926 23927 //$.cookie('pengar' + articleId, parseInt($.cookie('pengar' + articleId))+1, { expires: 7, path: '/' }); 23928 } else { 23929 //statCount('viewedArticle', articleId); 23930 } 23931 23932 countedArticles.add(articleId); 23933 articleSecondsVisible.set(articleId, 0); 23934 23935 articleTimers.set(articleId, setInterval(() => { 23936 const currentSeconds = articleSecondsVisible.get(articleId); 23937 articleSecondsVisible.set(articleId, currentSeconds + 1); 23938 //console.log('Article ' + articleId + ' has been visible for ' + currentSeconds + ' second(s).'); 23939 }, 1000)); 23940 23941 } else if (!entry.isIntersecting && countedArticles.has(articleId)) { 23942 const timer = articleTimers.get(articleId); 23943 if (timer) { 23944 //console.log('Article ' + articleId + ' is no longer visible.'); 23945 clearInterval(timer); // Stoppa timer när artikeln inte längre är synlig 23946 articleTimers.delete(articleId); // Ta bort timer frÃÂ¥n Map 23947 countedArticles.delete(articleId); // Ta bort artikel-ID frÃÂ¥n countedArticles Set 23948 23949 const totalSeconds = articleSecondsVisible.get(articleId); 23950 //console.log('Article ' + articleId + ' was visible for ' + totalSeconds + ' seconds.'); 23951 if (articleAd == 'true') { 23952 //statCount('viewedSeconds', articleId, totalSeconds); 23953 //console.log('rapporterade ' + totalSeconds + ' sekunder') 23954 } 23955 articleSecondsVisible.delete(articleId); // Ta bort artikel-ID frÃÂ¥n articleSecondsVisible Map 23956 23957 } 23958 } 23959 23960 23961 }); 23962 } 23963 23964 function observeArticles() { 23965 23966 const options = { 23967 root: null, 23968 rootMargin: '0px', 23969 threshold: 0 23970 }; 23971 23972 const observer = new IntersectionObserver(handleVisibility, options); 23973 23974 const articles = document.querySelectorAll('f-article'); 23975 articles.forEach(article => { 23976 observer.observe(article); 23977 }); 23978 23979 //console.log('Observe of articles reloaded.'); 23980 23981 } 23982 23983 function incrementViewedArticles() { 23984 localStorage.removeItem('viewedPosts'); 23985 localStorage.removeItem('viewedArticles'); 23986 23987 let viewedArticles = localStorage.getItem('streakArticles'); 23988 if (viewedArticles === null) { viewedArticles = 0; } 23989 viewedArticles = parseInt(viewedArticles) + 1; 23990 localStorage.setItem('streakArticles', viewedArticles); 23991 //console.log('Read articles: ' + viewedArticles); 23992 } 23993 23994 23995</script>
23995 23996 23997 23998 23999 24000 24001 24002 24003 24004 24005 24006 24007 24008 24009 24010 24011 24012 24013 24014 24015 24016 24017 24018 24019 24020 24021 24022 24023 24024 24025 24026 24027 24028 24029 24030 24031 24032 24033 24034 24035 24036 24037 24038 24039 24040 24041 24042 24043 24044 24045 24046 24047 24048 24049 24050 24051 24052 24053 24054 24055 24056 24057 24058 24059 24060 24061 24062 24063 24064 24065 24066 24067 24068 24069 24070 24071 24072 24073 24074 24075 24076 24077 24078 24079 24080 24081 24082 24083 24084 24085 24086 24087 24088 24089 24090 24091 24092 24093 24094 24095 24096 24097 24098 24099 24100 24101 24102 24103 24104 24105 24106 24107 24108 24109 24110 24111 24112 24113 24114 24115 24116 24117 24118 24119 24120 24121 24122 24123 24124 24125 24126 24127 24128 24129 24130 24131 24132 24133 24134 24135 24136 24137 24138 24139 24140 24141 24142 24143 24144 24145 24146 24147 24148 24149 24150 24151 24152 24153 24154 24155 24156 24157 24158 24159 24160 24161 24162 24163 24164 24165 24166 24167 24168 24169 24170 24171 24172 24173 24174 24175 24176 24177 24178 24179 24180 24181 24182 24183 24184 24185 24186 24187 24188
24189<script> 24190 let activeFlideId = null; 24191 let activeInlineGalleryId = null; 24192 24193 // Helper för fullscreen API (standard + webkit för Safari) 24194 function getFullscreenElement() { 24195 return document.fullscreenElement || document.webkitFullscreenElement; 24196 } 24197 24198 function requestFullscreen(element) { 24199 if (element.requestFullscreen) { 24200 return element.requestFullscreen(); 24201 } else if (element.webkitRequestFullScreen) { 24202 return element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 24203 } 24204 return Promise.reject(new Error('Fullscreen not supported')); 24205 } 24206 24207 function exitFullscreen() { 24208 if (document.exitFullscreen) { 24209 return document.exitFullscreen(); 24210 } else if (document.webkitCancelFullScreen) { 24211 return document.webkitCancelFullScreen(); 24212 } 24213 return Promise.reject(new Error('Exit fullscreen not supported')); 24214 } 24215 24216 function isFullscreen() { 24217 return !!getFullscreenElement(); 24218 } 24219 24220 // Hjälpfunktion för att ÃÂ¥terställa/uppgradera bilder för en flide 24221 function toggleFlideImageSize(flideId, toLarge = false) { 24222 if (!flideId) return; 24223 const allContainers = document.querySelectorAll('f-article-slide-container'); 24224 allContainers.forEach(c => { 24225 const images = c.querySelectorAll('f-flide[data-flideid="' + flideId + '"] img'); 24226 images.forEach(img => { 24227 if (toLarge && img.src.includes('_1280')) { 24228 img.src = img.src.replace('_1280', '_1920'); 24229 } else if (!toLarge && img.src.includes('_1920')) { 24230 img.src = img.src.replace('_1920', '_1280'); 24231 } 24232 }); 24233 }); 24234 } 24235 24236 function toggleInlineGalleryImageSize(galleryId, toLarge = false) { 24237 if (!galleryId) return; 24238 const container = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + galleryId + '"]'); 24239 if (!container) return; 24240 24241 container.querySelectorAll('f-inlinegallery-main img').forEach(img => { 24242 if (toLarge && img.src.includes('_1280')) { 24243 img.src = img.src.replace('_1280', '_1920'); 24244 } else if (!toLarge && img.src.includes('_1920')) { 24245 img.src = img.src.replace('_1920', '_1280'); 24246 } 24247 }); 24248 } 24249 24250 function startFlideFullScreen(dasId) { 24251 // Om samma flide redan är i fullscreen, stäng ner den 24252 if (isFullscreen() && activeFlideId === dasId) { 24253 exitFullscreen().then(() => handleFullscreenChange()); 24254 return; 24255 } 24256 24257 // Om en annan flide är i fullscreen, stäng ner den först 24258 if (isFullscreen()) { 24259 toggleFlideImageSize(activeFlideId, false); 24260 toggleInlineGalleryImageSize(activeInlineGalleryId, false); 24261 exitFullscreen().finally(() => { 24262 handleFullscreenChange(); 24263 setTimeout(() => openFlideFullscreen(dasId), 100); 24264 }); 24265 return; 24266 } 24267 24268 openFlideFullscreen(dasId); 24269 } 24270 24271 function startInlineGalleryFullScreen(galleryId) { 24272 if (isFullscreen() && activeInlineGalleryId === galleryId) { 24273 exitFullscreen().then(() => handleFullscreenChange()); 24274 return; 24275 } 24276 24277 if (isFullscreen()) { 24278 toggleFlideImageSize(activeFlideId, false); 24279 toggleInlineGalleryImageSize(activeInlineGalleryId, false); 24280 exitFullscreen().finally(() => { 24281 handleFullscreenChange(); 24282 setTimeout(() => openInlineGalleryFullscreen(galleryId), 100); 24283 }); 24284 return; 24285 } 24286 24287 openInlineGalleryFullscreen(galleryId); 24288 } 24289 24290 function openFlideFullscreen(dasId) { 24291 activeFlideId = dasId; 24292 activeInlineGalleryId = null; 24293 24294 // àterställ darkmode pÃÂ¥ alla containrar 24295 document.querySelectorAll('f-article-slide-container').forEach(c => { 24296 c.setAttribute('data-darkmode', 'off'); 24297 }); 24298 24299 const container = document.querySelector('f-flide-thumbs-container[data-flideid="' + dasId + '"]')?.closest('f-article-slide-container') || 24300 document.querySelector('f-article-slide-container'); 24301 if (!container) return; 24302 24303 toggleFlideImageSize(dasId, true); 24304 24305 // Sätt darkmode direkt pÃÂ¥ containern innan fullscreen aktiveras 24306 container.setAttribute('data-darkmode', 'on'); 24307 24308 // Använd native fullscreen 24309 requestFullscreen(container).then(() => handleFullscreenChange()); 24310 } 24311 24312 function openInlineGalleryFullscreen(galleryId) { 24313 activeFlideId = null; 24314 activeInlineGalleryId = galleryId; 24315 24316 document.querySelectorAll('f-inlinegallery-container').forEach(c => { 24317 c.setAttribute('data-darkmode', 'off'); 24318 }); 24319 24320 const container = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + galleryId + '"]'); 24321 if (!container) return; 24322 24323 toggleInlineGalleryImageSize(galleryId, true); 24324 container.setAttribute('data-darkmode', 'on'); 24325 24326 requestFullscreen(container).then(() => handleFullscreenChange()); 24327 } 24328 24329 // Keyboard navigation i fullscreen 24330 document.addEventListener('keydown', function(event) { 24331 if (!isFullscreen() || (!activeFlideId && !activeInlineGalleryId)) return; 24332 24333 if (activeInlineGalleryId) { 24334 const inlineGallery = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + activeInlineGalleryId + '"]'); 24335 24336 switch(event.code) { 24337 case 'ArrowLeft': 24338 if (inlineGallery && typeof inlineGallery.inlineGalleryPrevious === 'function') { 24339 inlineGallery.inlineGalleryPrevious(); 24340 } 24341 break; 24342 case 'ArrowRight': 24343 if (inlineGallery && typeof inlineGallery.inlineGalleryNext === 'function') { 24344 inlineGallery.inlineGalleryNext(); 24345 } 24346 break; 24347 case 'Escape': 24348 exitFullscreen().then(() => handleFullscreenChange()); 24349 break; 24350 } 24351 24352 return; 24353 } 24354 24355 const flide = document.querySelector('f-flide[data-flideid="' + activeFlideId + '"]'); 24356 const thumbsContainer = document.querySelector('f-flide-thumbs-container[data-flideid="' + activeFlideId + '"]'); 24357 24358 switch(event.code) { 24359 case 'ArrowLeft': 24360 if (typeof plusSlides === 'function') { 24361 plusSlides(-1, activeFlideId); 24362 } 24363 break; 24364 case 'ArrowRight': 24365 if (typeof plusSlides === 'function') { 24366 plusSlides(1, activeFlideId); 24367 } 24368 break; 24369 case 'ArrowUp': 24370 if (flide) flide.setAttribute('data-hidethumbs', 'on'); 24371 if (thumbsContainer) thumbsContainer.setAttribute('data-hidethumbs', 'on'); 24372 break; 24373 case 'ArrowDown': 24374 if (flide) flide.setAttribute('data-hidethumbs', 'off'); 24375 if (thumbsContainer) thumbsContainer.setAttribute('data-hidethumbs', 'off'); 24376 break; 24377 case 'Escape': 24378 exitFullscreen().then(() => handleFullscreenChange()); 24379 break; 24380 } 24381 }); 24382 24383 // Hantera fullscreen change events 24384 function handleFullscreenChange() { 24385 const isActive = isFullscreen(); 24386 24387 // Visa/dölj open/close containrar (ikonerna ligger nu i f-fullscreen-enter och f-fullscreen-close) 24388 // Hitta alla containrar för att hantera alla bildspel pÃÂ¥ sidan 24389 const openContainers = document.querySelectorAll('f-fullscreen-enter'); 24390 const closeContainers = document.querySelectorAll('f-fullscreen-close'); 24391
24392 openContainers.forEach(container => { 24393 container.style.display = isActive ? 'none' : 'block'; 24394 }); 24395 24396 closeContainers.forEach(container => { 24397 container.style.display = isActive ? 'block' : 'none'; 24398 }); 24399 24400 const thumbsContainer = activeFlideId ? 24401 document.querySelector('f-flide-thumbs-container[data-flideid="' + activeFlideId + '"]') : null; 24402 const slideContainer = document.querySelector('f-article-slide-container'); 24403 const inlineGallery = activeInlineGalleryId ? 24404 document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + activeInlineGalleryId + '"]') : null; 24405 24406 if (thumbsContainer) { 24407 thumbsContainer.setAttribute('data-darkmode', isActive ? 'on' : 'off'); 24408 } 24409 24410 if (slideContainer) { 24411 slideContainer.setAttribute('data-darkmode', isActive ? 'on' : 'off'); 24412 } 24413 24414 if (inlineGallery) { 24415 inlineGallery.setAttribute('data-darkmode', isActive ? 'on' : 'off'); 24416 } 24417 24418 if (!isActive) { 24419 toggleFlideImageSize(activeFlideId, false); 24420 toggleInlineGalleryImageSize(activeInlineGalleryId, false); 24421 activeFlideId = null; 24422 activeInlineGalleryId = null; 24423 } 24424 } 24425 24426 // Lägg till listeners för fullscreen events (standard + webkit för Safari) 24427 document.addEventListener('fullscreenchange', handleFullscreenChange); 24428 document.addEventListener('webkitfullscreenchange', handleFullscreenChange); 24429</script>
24429 24430 24431 24432 24433 24434 24435 24436 24437 24438 24439 24440 24441 24442 24443 24444 24445 24446 24447 24448 24449 24450 24451 24452 24453 24454 24455 24456 24457 24458 24459 24460 24461 24462 24463 24464 24465 24466 24467 24468 24469 24470 24471 24472 24473 24474 24475 24476 24477 24478 24479 24480 24481 24482 24483 24484 24485 24486 24487 24488 24489 24490 24491 24492 24493 24494 24495 24496 24497 24498 24499 24500 24501 24502 24503 24504 24505 24506 24507 24508 24509 24510 24511 24512 24513 24514 24515 24516 24517 24518 24519 24520 24521 24522 24523 24524 24525 24526 24527 24528 24529 24530 24531 24532 24533 24534 24535 24536 24537 24538 24539 24540 24541 24542 24543 24544 24545 24546 24547 24548 24549 24550 24551 24552 24553 24554 24555 24556 24557 24558 24559 24560 24561 24562 24563 24564 24565 24566 24567 24568 24569 24570 24571 24572 24573 24574 24575 24576 24577 24578 24579 24580 24581 24582 24583 24584 24585 24586 24587 24588 24589 24590 24591 24592 24593 24594 24595 24596 24597 24598 24599 24600 24601 24602 24603 24604 24605 24606 24607 24608 24609 24610 24611 24612 24613 24614 24615 24616 24617 24618 24619 24620 24621 24622 24623 24624 24625 24626 24627 24628 24629 24630 24631 24632 24633 24634 24635 24636 24637 24638 24639 24640 24641 24642 24643 24644 24645 24646 24647 24648 24649 24650 24651 24652 24653 24654 24655 24656 24657 24658 24659 24660 24661 24662 24663 24664 24665
24666<script> 24667/** 24668 * Thumb voting med localStorage + batching via /thumb servlet. 24669 * - Dubbelrostningsskydd via localStorage 24670 * - Stod for att andra rost (+ till - eller - till +) 24671 * - Optimistisk UI: uppdaterar temperatur direkt 24672 * - Fire-and-forget fetch till /thumb som batchar i minnet 24673 */ 24674function submitDeg(artid, val, siteName, tempid) { 24675 console.log('Vote started'); 24676 24677 tempid = tempid || artid; 24678 val = parseInt(val); 24679 24680 var lsKey = 'thumb_' + artid; 24681 var stored = localStorage.getItem(lsKey); 24682 24683 if (stored !== null) { 24684 var oldVal = parseInt(stored); 24685 if (oldVal === val) { 24686 // Redan rostat samma riktning 24687 console.log('Already voted same direction'); 24688 $('f-article-error[data-id=' + artid + ']').html('Du har redan röstat!').slideDown(); 24689 return; 24690 } 24691 // Byter rost: skicka old sa servern kan -1 pa gamla och +1 pa nya 24692 console.log('Changing vote from ' + oldVal + ' to ' + val); 24693 fetch('/thumb', { 24694 method: 'POST', 24695 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 24696 body: 'art=' + artid + '&t=' + val + '&old=' + oldVal 24697 }); 24698 24699 // Uppdatera localStorage 24700 localStorage.setItem(lsKey, '' + val); 24701 24702 // Optimistisk UI: ta bort gammal + lagg till ny (netto 2 steg) 24703 var printElement = $('f-article-temp[data-tempid=' + tempid + ']'); 24704 var calcTemp = $(printElement).data("thumbscalc"); 24705 if (val === 1) { calcTemp += 2; } else { calcTemp -= 2; } 24706 $(printElement).data("thumbscalc", calcTemp); 24707 var degree = "°"; 24708 if (siteName == 'tjock') { 24709 degree = "kg"; calcTemp = (80 + calcTemp); 24710 } else { 24711 calcTemp = ((370 + calcTemp) / 10).toFixed(1); 24712 } 24713 $(printElement).html(calcTemp + degree); 24714 return; 24715 } 24716 24717 // Ny rost 24718 localStorage.setItem(lsKey, '' + val); 24719 fetch('/thumb', { 24720 method: 'POST', 24721 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 24722 body: 'art=' + artid + '&t=' + val 24723 }); 24724 24725 // Optimistisk UI 24726 printDeg(artid, (val === 1 ? 'up' : 'down'), siteName, tempid); 24727} 24728 24729 24730function printDeg(artid, direction, siteName, tempid) { 24731 24732 tempid = tempid || artid; 24733 24734 setTimeout(function(){ 24735 const printElement = $('f-article-temp[data-tempid=' + tempid + ']'); 24736 let calcTemp = $(printElement).data("thumbscalc"); 24737 let degree = "°"; 24738 24739 if (direction == 'up') { calcTemp++; 24740 } else if (direction == 'down') { calcTemp--; } 24741 24742 // Spara tillbaka sa nasta klick far ratt varde 24743 $(printElement).data("thumbscalc", calcTemp); 24744 24745 if (siteName == 'tjock'){ 24746 degree = "kg"; calcTemp = (80+calcTemp); 24747 } else { calcTemp = ((370+calcTemp)/10); 24748 calcTemp = calcTemp.toFixed(1); 24749 } 24750 $(printElement).html(calcTemp + degree); 24751 $(printElement).width('auto'); 24752 console.log('Voting done!!!'); 24753 }, 300); 24754} 24755 24756 24757/** 24758 * Inline-version av submitDeg for puffar, embeds och andra kompakta ytor. 24759 * Samma rostlogik men visuell feedback direkt pa temp-elementet 24760 * istallet for f-article-error-bar. 24761 */ 24762function submitDegInline(artid, val, tempid) { 24763 24764 tempid = tempid || artid; 24765 val = parseInt(val); 24766 24767 var el = document.querySelector('f-article-temp[data-tempid="' + tempid + '"]'); 24768 if (!el) return; 24769 24770 var lsKey = 'thumb_' + artid; 24771 var stored = localStorage.getItem(lsKey); 24772 24773 if (stored !== null) { 24774 var oldVal = parseInt(stored); 24775 if (oldVal === val) { 24776 // Redan rostat samma riktning â flash pa temp-elementet 24777 el.style.transition = 'none'; 24778 el.style.opacity = '0.3'; 24779 setTimeout(function() { 24780 el.style.transition = 'opacity 0.3s'; 24781 el.style.opacity = '1'; 24782 }, 50); 24783 return; 24784 } 24785 // Byter rost 24786 fetch('/thumb', { 24787 method: 'POST', 24788 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 24789 body: 'art=' + artid + '&t=' + val + '&old=' + oldVal 24790 }); 24791 localStorage.setItem(lsKey, '' + val); 24792 24793 // Netto 2 steg (ta bort gammal + lagg till ny) 24794 var calcTemp = parseFloat(el.dataset.thumbscalc) || 0; 24795 calcTemp += (val === 1) ? 2 : -2; 24796 el.dataset.thumbscalc = calcTemp; 24797 el.innerHTML = ((370 + calcTemp) / 10).toFixed(1) + '°'; 24798 flashTemp(el, val); 24799 return; 24800 } 24801 24802 // Ny rost 24803 localStorage.setItem(lsKey, '' + val); 24804 fetch('/thumb', { 24805 method: 'POST', 24806 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 24807 body: 'art=' + artid + '&t=' + val 24808 }); 24809 24810 var calcTemp = parseFloat(el.dataset.thumbscalc) || 0; 24811 calcTemp += (val === 1) ? 1 : -1; 24812 el.dataset.thumbscalc = calcTemp; 24813 el.innerHTML = ((370 + calcTemp) / 10).toFixed(1) + '°'; 24814 flashTemp(el, val); 24815} 24816 24817function flashTemp(el, val) { 24818 var color = val === 1 ? 'var(--f-hot-color)' : 'var(--f-cold-color)';
24819 el.style.transition = 'none'; 24820 el.style.background = color; 24821 setTimeout(function() { 24822 el.style.transition = 'background 0.5s'; 24823 el.style.background = '#333'; 24824 }, 200); 24825} 24826</script>
24826 24827 24828 24829 24830 24831 24832 24833 24834 24835 24836 24837 24838 24839 24840 24841 24842 24843 24844 24845 24846 24847 24848 24849 24850 24851 24852 24853 24854 24855 24856 24857 24858 24859 24860 24861 24862 24863 24864 24865 24866 24867 24868 24869 24870 24871 24872 24873 24874 24875 24876 24877 24878 24879 24880 24881 24882 24883 24884 24885 24886 24887 24888 24889 24890 24891 24892 24893 24894 24895 24896 24897 24898 24899 24900 24901 24902 24903 24904 24905 24906 24907 24908 24909 24910 24911 24912 24913 24914 24915 24916 24917 24918 24919 24920 24921 24922 24923 24924 24925 24926 24927 24928 24929 24930 24931 24932 24933 24934 24935 24936 24937 24938 24939 24940 24941 24942 24943 24944 24945 24946 24947 24948 24949 24950 24951 24952 24953 24954 24955 24956 24957 24958 24959 24960 24961 24962 24963 24964 24965 24966 24967 24968 24969 24970 24971 24972 24973 24974 24975 24976 24977 24978 24979 24980 24981 24982 24983 24984 24985 24986 24987 24988 24989 24990 24991 24992 24993 24994 24995 24996 24997 24998 24999 25000 25001 25002 25003 25004 25005 25006 25007 25008 25009 25010 25011 25012 25013 25014 25015 25016 25017 25018 25019 25020 25021 25022 25023 25024 25025 25026 25027 25028 25029 25030 25031 25032 25033 25034 25035 25036 25037 25038 25039 25040 25041 25042 25043 25044 25045 25046 25047 25048 25049 25050 25051 25052 25053 25054 25055 25056 25057 25058 25059 25060 25061 25062 25063 25064 25065 25066 25067 25068 25069 25070 25071 25072 25073 25074 25075 25076 25077 25078 25079 25080 25081 25082 25083 25084 25085 25086 25087 25088 25089 25090 25091 25092 25093 25094 25095 25096 25097
25098<script> 25099 25100 let currentID; 25101 const players = {}; 25102 25103 function clickOnYT(event) { 25104 const newContainer = event.currentTarget, 25105 newID = newContainer.dataset.ytid, 25106 ytSite = newContainer.dataset.ytsite; 25107 25108 // Göm bild och ikon 25109 25110 $(newContainer).find('f-youtube-player').show(); 25111 25112 // Se till att filmer som redan spelas att pausas och visa bild och ikon igen 25113 if ($('#player' + currentID).length && newID !== currentID){ 25114 25115 // Stoppa video 25116 $('#player' + currentID)[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); 25117 25118 // Göm spelare, visa bild och ikon 25119 const currentElement = document.querySelector('f-youtube-container[data-ytid="' + currentID + '"]'); 25120 $(currentElement).find('f-youtube-player').hide(); 25121 $(currentElement).find('f-youtube-image, f-youtube-icon').show(); 25122 25123 // Dra igÃÂ¥ng eventlyssnare igen 25124 currentElement.addEventListener('click', clickOnYT); 25125 } 25126 25127 if (players[newID]) { 25128 // Om spelaren redan är skapad, spela video och göm bild och ikon 25129 players[newID].playVideo(); 25130 $(newContainer).find('f-youtube-image, f-youtube-icon').fadeOut(600); 25131 25132 } else { 25133 $(newContainer).find('f-youtube-player').html('<w8a></w8a><w8b></w8b>'); 25134 25135 // Om spelaren inte finns, ladda iframe 25136 $(newContainer).find('f-youtube-player').html('<iframe id="player' + newID + '" type="text/html" width="640" height="390" src="https://www.youtube.com/embed/' + newID + '?enablejsapi=1&origin=https%3A%2F%2F' + ytSite + '.se&modestbranding=1&rel=0&playsinline=1" allowfullscreen allow="autoplay" frameborder="0"></iframe>'); 25137 25138 // Och skapa sedan spelaren 25139 newPlayer = new YT.Player('player' + newID, { 25140 height: '390', 25141 width: '640', 25142 videoId: newID, 25143 events: { 25144 'onReady': function() { 25145 // När spelaren finns, playa och ta bort bild och ikon 25146 newPlayer.playVideo(); 25147 $(newContainer).find('f-youtube-image, f-youtube-icon').fadeOut(600); 25148 25149 // Dra ner header om det är above 25150 var fArticle = $('f-article[data-id="' + $(newContainer).data('parentartid') + '"]'); 25151 var fArticleHeader = fArticle.find('f-article-header'); 25152 if (fArticle.data('placement') === 'above' && $(window).width() > 980) { 25153 fArticle.find('f-article-header').css('margin-top', '0px'); 25154 } 25155 }, 25156 'onStateChange': function(event) { 25157 if (event.data === YT.PlayerState.PAUSED) { 25158 // Om spelaren pausas skicka info till plausible 25159 //plausible('VideoPause', {props: {Article: 'https://feber.se/' + $(newContainer).data('parentartid'), ID: 'https://youtu.be/' + newID}}); 25160 } 25161 } 25162 } 25163 }); 25164 // Lägg in playern i klump som hÃÂ¥ller reda pÃÂ¥ vilka som är skapade 25165 players[newID] = newPlayer; 25166 } 25167 25168 // Sätt vilken spelare som är aktiv 25169 currentID = newID; 25170 25171 // Skicka data till plausible 25172 //plausible('Video', {props: {Action: 'Play', ID: 'https://youtu.be/' + newID}}); 25173 plausible('VideoPlay', {props: {Article: 'https://feber.se/' + $(newContainer).data('parentartid'), ID: 'https://youtu.be/' + newID}}); 25174 25175 // Döda klick sÃÂ¥ att man bara kan klicka igÃÂ¥ng allt en gÃÂ¥ng 25176 document.querySelector('f-youtube-container[data-ytid="' + newID + '"]').removeEventListener('click', clickOnYT); 25177 } 25178 25179 25180</script>
25180 25181 25182<style> 25183 f-youtube-container { 25184 display: block; text-align: center; cursor: pointer; position: relative; width: 100%; padding-bottom: 56.3%; 25185 background-color: #222; 25186 } 25187 25188 f-youtube-image img { width:100%; height: 100%; object-fit: cover; position: absolute; left: 0; } 25189 25190 f-youtube-icon { 25191 position: absolute; text-align: center; width: 71px; height: 50px; margin: 0 auto; top: 50%; left: 50%; 25192 margin-top: -25px;margin-left: -35px; transition: transform 0.5s; 25193 } 25194 f-youtube-icon svg { width: 100%; height: 100%; } 25195 25196 f-youtube-container:hover f-youtube-icon { 25197 animation: pulse 1.5s infinite; 25198 } 25199 25200 @keyframes pulse { 25201 0% { 25202 transform: scale(1); 25203 } 25204 50% { 25205 transform: scale(1.1); 25206 } 25207 100% { 25208 transform: scale(1); 25209 } 25210 } 25211 25212</style> 25213 25214 25215 25216 25217 25218 25219 25220 25221 25222 25223 25224 25225 25226 25227 25228 25229 25230 25231 25232 25233 25234 25235 25236 25237 25238 25239 25240 25241 25242 25243 25244 25245 25246 25247 25248 25249 25250 25251 25252 25253 25254 25255 25256 25257 25258 25259 25260 25261 25262 25263 25264 25265 25266 25267 25268 25269 25270 25271 25272 25273 25274 25275 25276 25277 25278 25279 25280 25281 25282 25283 25284 25285 25286 25287 25288 25289 25290 25291 25292 25293 25294 25295 25296 <style> 25297 f-menu-sub-container { 25298 -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); 25299 transform: translate3d(0, 0, 0); position: fixed; top: 53px; left: 0; width: 100%; z-index: 990; display: block; will-change: transform; 25300 } 25301 25302 25303 f-menu-sub-container[data-show=no] { 25304 transform: translate3d(0, calc(-1 * 100px), 0); 25305 } 25306 25307 @media only screen and (max-width: 600px) { 25308 25309 f-menu-sub-container { 25310 top: 47px; 25311 } 25312 f-menu-sub-container[data-show=no] { 25313 transform: translate3d(0, calc(-1 * 100px), 0); 25314 } 25315 } 25316 25317 f-menu-sub { 25318 background-color: #222; 25319 display: flex; 25320 height: 40px; 25321 margin-bottom: 0px; 25322 box-shadow: 0px 10px 20px rgba(0,0,0,0.2); 25323 font-family: var(--f-suisse-medium); 25324 -webkit-font-smoothing: antialiased; 25325 overflow: visible; 25326 font-size: 13px; 25327 justify-content: space-between; 25328 align-items: center; 25329 } 25330 25331 25332 f-menu-sub-info { 25333 padding: 2px 0 2px 18px; 25334 color: #ccc; 25335 flex-grow: 1; 25336 flex-shrink: 1; 25337 white-space: nowrap; 25338 overflow: hidden; 25339 text-overflow: ellipsis; 25340 margin-right: 5px; 25341 } 25342 @media only screen and (max-width: 600px) { 25343 f-menu-sub-info { 25344 padding: 2px 0 2px 14px; 25345 } 25346 } 25347 25348 body[data-site="tjock"] f-menu-sub-info { 25349 color: #333; 25350 } 25351 25352 f-menu-sub-info a { 25353 color: rgb(220,220,220); 25354 border-bottom: 1px solid rgba(255,255,255,0.2); 25355 } 25356 25357 f-menu-sub-info:hover a { 25358 color: rgba(220,220,220,0.8); 25359 border-bottom: 1px solid rgba(255,255,255,0.1); 25360 } 25361 25362 f-menu-sub svg { 25363 height: 12px; 25364 width: 8px; 25365 margin-bottom: -2px; 25366 } 25367 25368 f-menu-sub .streakpoly { 25369 fill: var(--f-hot-color); 25370 } 25371 25372 f-menu-sesamy { 25373 align-items: center; 25374 display: flex; 25375 justify-content: flex-end; 25376 height: 100%; 25377 font-family: var(--f-suisse-medium); 25378 } 25379 25380 sesamy-login { 25381 --background: rgba(255,255,255,0.1); 25382 --background-hover: rgba(255,255,255,0.2); 25383 --user-background: rgba(255,255,255,0); 25384 --user-background-hover: rgba(255,255,255,0.1); 25385 --color: #eee; 25386 --user-color: #ccc; 25387 --border-radius: 6px; 25388 --user-border-radius: 0px; 25389 --padding: 5px 10px; 25390 --user-padding: 0px 0px 0px 15px; 25391 --font-family: var(--f-suisse-medium); 25392 --user-font-family: var(--f-suisse-medium); 25393 --font-weight: 300; 25394 --user-font-weight: 300; 25395 --font-size: 13px; 25396 --user-font-size: 13px; 25397 --border: 0px solid rgba(255,255,255,0.4); 25398 --user-border: 1px solid #999; 25399 --avatar-size: 40px; 25400 --avatar-border-radius: 0; 25401 --avatar-background: #666; 25402 --avatar-border: 0; 25403 --sesamy-login-button-background-color: rgba(255,255,255,0.1); 25404 --sesamy-login-button-color: #eee; 25405 --sesamy-login-button-text-color: #eee; 25406 --sesamy-login-button-border-color: transparent; 25407 --sesamy-login-button-border-width: 0px; 25408 --sesamy-login-button-border-radius: 6px; 25409 --sesamy-login-button-text-size: 13px; 25410 --sesamy-login-button-font-weight: 300; 25411 --sesamy-font-family: var(--f-suisse-medium); 25412 --sesamy-login-avatar-bgcolor: #666; 25413 --sesamy-login-avatar-textcolor: #fff; 25414 --sesamy-login-popup-width: 150px; 25415 --sesamy-login-popup-border-radius: 0; 25416 line-height: 28px; 25417 white-space: nowrap; 25418 } 25419 25420 sesamy-login:not(:defined) > * { 25421 display: none !important; 25422 } 25423 25424 f-menu-sesamy sesamy-login { 25425 visibility: hidden; 25426 } 25427 25428 f-menu-sesamy sesamy-login[data-feber-login-ready="true"] { 25429 visibility: visible; 25430 } 25431 25432 f-sesamy-login-user { 25433 align-items: center; 25434 color: #ccc; 25435 cursor: pointer; 25436 display: flex; 25437 font-family: var(--f-suisse-medium); 25438 font-size: 13px; 25439 font-weight: 300; 25440 height: 40px; 25441 line-height: 40px; 25442 white-space: nowrap; 25443 } 25444 25445 f-sesamy-login-name { 25446 display: none; 25447 margin-right: 9px; 25448 } 25449
25450 sesamy-login[data-feber-has-name="true"] f-sesamy-login-name { 25451 display: block; 25452 } 25453 25454 f-sesamy-login-avatar { 25455 align-items: center; 25456 background: #666; 25457 border: 0; 25458 border-radius: 0; 25459 color: #fff; 25460 display: flex; 25461 font-family: var(--f-suisse-medium); 25462 font-size: 13px; 25463 font-weight: 300; 25464 height: 40px; 25465 justify-content: center; 25466 line-height: 40px; 25467 overflow: hidden; 25468 text-transform: uppercase; 25469 width: 40px; 25470 } 25471 25472 f-sesamy-login-avatar img { 25473 display: block; 25474 height: 100%; 25475 object-fit: cover; 25476 width: 100%; 25477 } 25478 25479 f-sesamy-login-menu { 25480 background: #fff; 25481 color: #222; 25482 display: block; 25483 font-family: var(--f-suisse-medium); 25484 font-size: 13px; 25485 font-weight: 300; 25486 line-height: 16px; 25487 } 25488 25489 f-sesamy-login-menu-name { 25490 border-bottom: 1px solid #e5e5e5; 25491 color: #222; 25492 display: none; 25493 overflow: hidden; 25494 padding: 10px 12px; 25495 text-overflow: ellipsis; 25496 white-space: nowrap; 25497 } 25498 25499 sesamy-login[data-feber-has-name="true"] f-sesamy-login-menu-name { 25500 display: block; 25501 } 25502 25503 f-sesamy-login-menu a, 25504 f-sesamy-login-menu button { 25505 background: transparent; 25506 border: 0; 25507 color: #222; 25508 cursor: pointer; 25509 display: block; 25510 font: inherit; 25511 padding: 10px 12px; 25512 text-align: left; 25513 text-decoration: none; 25514 width: 100%; 25515 } 25516 25517 f-sesamy-login-menu a:hover, 25518 f-sesamy-login-menu button:hover { 25519 background: rgba(0,0,0,0.05); 25520 } 25521 25522 body[data-premium="false"] sesamy-login { margin-right: 7px; } 25523 25524 body[data-site="tjock"] sesamy-login { 25525 --color: #333; 25526 --user-color: #333; 25527 --background: rgba(255,255,255,1); 25528 --background-hover: rgba(255,255,255,0.8); 25529 --sesamy-login-button-background-color: rgba(255,255,255,1); 25530 --sesamy-login-button-color: #333; 25531 --sesamy-login-button-text-color: #333; 25532 --sesamy-login-button-border-color: transparent; 25533 } 25534 25535 body[data-site="tjock"] f-sesamy-login-user { 25536 color: #333; 25537 } 25538 25539 f-prenumera { 25540 display: none; 25541 margin-left: 7px; 25542 margin-right: 7px; 25543 background-color: rgba(255,255,255,0.1); 25544 color: #eee; 25545 padding: 0px 9px 0 10px; 25546 border-radius: 0px; 25547 float: right; 25548 cursor: pointer; 25549 font-size: 13px; 25550 line-height: 26px; 25551 border-radius: 6px; 25552 transition: all 300ms ease 0s; 25553 white-space: nowrap; 25554 } 25555 25556 f-prenumera:hover { 25557 background-color: rgba(255,255,255,0.2); 25558 } 25559 25560 body[data-site="tjock"] f-prenumera { 25561 color: #333; 25562 background-color: rgba(255,255,255,1); 25563 } 25564 25565 body[data-site="tjock"] f-prenumera:hover { 25566 background-color: rgba(255,255,255,0.8); 25567 } 25568 25569 </style> 25570 25571 25572 <style> 25573 f-plus-offer-packages { 25574 display: flex; flex-direction: column; gap: 20px; margin: px auto; 25575 } 25576 25577 f-plus-offer-packages[data-direction="row"] { 25578 flex-direction: row; 25579 } 25580 25581 @media screen and (max-width: 980px) { 25582 f-plus-offer-packages { flex-direction: column; } 25583 f-plus-offer-packages[data-direction="row"] { flex-direction: column; } 25584 } 25585 f-plus-offer-package { 25586 display: flex; flex-direction: column; border: 1px solid rgb(220,220,220); border-radius: 8px; padding: 24px; flex: 1; 25587 width: calc(100% - 48px); max-width: 500px; margin: 0 auto; } 25588 25589 f-plus-offer-package-header { 25590 display: flex; justify-content: space-between; 25591 font-family: var(--f-suisse-bold); color: var(--f-article-text-color); font-size: 20px; line-height: 20px; } 25592 25593 f-plus-offer-package-desc { 25594 margin: 8px 0 20px; flex-grow: 1; 25595 font-size: 14px; font-weight: normal; line-height: 20px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 25596 } 25597 25598 f-plus-offer-package-desc b { font-family: var(--f-suisse-semibold); font-weight: 300; } 25599 25600 f-plus-offer-package-cta { 25601 display: flex; justify-content: center; gap: 20px; 25602 } 25603 25604 f-plus-offer-package-cta a { 25605 background-color: rgb(220,220,220); color: var(--f-article-text-color); text-center: center; 25606 padding: 14px; justify-content: center; border-radius: 8px; width: 100%; 25607 font-size: 16px; line-height: 16px; font-family: var(--f-suisse-semibold); font-weight: 300; text-align: center; 25608 transition: all 0.3s; 25609 } 25610 25611 f-plus-offer-package-cta a:hover { 25612 background-color: rgba(41,41,41); color: white; 25613 } 25614 25615 f-plus-offer-package-cta a.hotbutton { 25616 background-color: var(--f-hot-color); color: white; 25617 } 25618 25619 f-plus-offer-package-cta a.hotbutton:hover { 25620 background-color: rgba(41,41,41); color: white; 25621 } 25622 </style> 25623 25624 25625 25626 25627 25628 25629 25630 25631 25632 25633 25634 25635 25636 25637 25638 25639 25640 25641 25642 25643 25644 25645 25646 25647 25648 25649 25650 25651 25652 25653 25654 25655 25656 25657 25658 25659 25660 25661 25662 25663 25664 25665 25666 25667 25668 25669 25670 25671 25672 25673 25674 25675 25676 25677 25678 25679 25680 25681 25682 25683 25684 25685 25686 25687 25688 25689 25690 25691 25692 25693 25694 25695 25696 25697 25698 25699 25700 25701 25702 25703 25704 25705 25706 25707 25708 25709 25710 25711 25712 25713 25714 25715 25716 25717 25718 25719 25720 25721 25722 25723 25724 25725 25726 25727 25728 25729 25730 25731 25732 25733 25734 25735 25736 25737 25738 25739 25740 25741 25742 25743 25744 25745 25746 25747 25748 25749 25750 25751 25752 25753 25754 25755 25756 25757 25758 25759 25760 25761 25762 25763 25764 25765 25766 25767 25768 25769 25770 25771 25772 25773 25774 25775 25776 25777 25778 25779 25780 25781 25782 25783 25784 25785 25786 25787 25788 25789 25790 25791 25792 25793 25794 25795 25796 25797 25798 25799 25800 25801 25802 25803 25804 25805 25806 25807 25808 25809 25810 25811 25812 25813 25814 25815 25816 25817 25818 25819 25820 25821 25822 25823 25824 25825 25826 25827 25828 25829 25830 25831 25832 25833 25834 25835 25836 25837 25838 25839 25840 25841 25842 25843 25844 25845 25846 25847 25848 25849 25850 25851 25852 25853 25854 25855 25856 25857 25858 25859 25860 25861 25862 25863 25864 25865 25866 25867 25868 25869 25870
25871<script> 25872 25873 // Visa / gömma login logut-rutor 25874 25875 checkPlus().then(isPlus => { 25876 if (isPlus) { 25877 //console.log('Feber+ Subscribe button hidden'); 25878 } else { 25879 //console.log('Feber+ Subscribe button visible'); 25880 $('f-prenumera').show(); 25881 } 25882 }).catch(error => console.error(error)); 25883 25884 document.addEventListener('DOMContentLoaded', function () { 25885 document.querySelectorAll('f-plus-embed').forEach(function (el) { 25886 var margin = el.getAttribute('data-margin') || ''; 25887 var direction = el.getAttribute('data-direction') || ''; 25888 var debug = el.getAttribute('data-debug') === 'true'; 25889 25890 var url = '/snippets/f-plus.jsp?margin=' + encodeURIComponent(margin) + 25891 '&direction=' + encodeURIComponent(direction); 25892 if (debug) { 25893 url += '&u=' + Math.floor(Math.random() * 1000000000); 25894 } 25895 25896 fetch(url) 25897 .then(function (res) { return res.text(); }) 25898 .then(function (html) { 25899 var temp = document.createElement('div'); 25900 temp.innerHTML = html; 25901 el.replaceWith.apply(el, temp.childNodes); 25902 }) 25903 .catch(function (err) { 25904 console.error('Fel vid inläsning av f-plus-snippet:', err); 25905 }); 25906 }); 25907 }); 25908 25909 25910 // Modifiera article utifrÃÂ¥n publiceringstid Plus Feber+ 25911 25912 function modifyArticle(id) { 25913 const article = document.querySelector('f-article[data-id="' + id + '"]'); 25914 const articleheader = document.querySelector('f-article[data-id="' + id + '"] f-article-header'); 25915 25916 articleheader.style.transition = 'none'; 25917 25918 // ÃÂndra data-placement till "middle" 25919 article.setAttribute('data-placement', 'middle'); 25920 25921 // Lägg till data-preview="true" pÃÂ¥ <f-article> 25922 article.setAttribute('data-preview', 'true'); 25923 25924 // Ta bort element i <f-article> utom <f-article-header> och <f-article-media> 25925 var elementsToRemove = article.querySelectorAll(':scope > :not(f-article-header):not(f-article-media):not(f-article-media-overlay)'); 25926 for (var i = 0; i < elementsToRemove.length; i++) { 25927 elementsToRemove[i].parentNode.removeChild(elementsToRemove[i]); 25928 } 25929 25930 var mediaOverlay = document.querySelector('f-article-media-overlay'); 25931 mediaOverlay.style.display = 'block'; 25932 25933 var panoramaElement = document.getElementById('panorama--1-1'); 25934 if (panoramaElement) { 25935 //panoramaElement.remove(); 25936 } 25937 25938 //plausible('Plus', {props: {Action: 'ModifyArticle'}}); 25939 } 25940 25941</script>
25941 25942 25943 25944 25945 25946 25947 25948 25949 25950 25951 25952 25953 25954 25955 25956 25957 25958 25959 25960 25961 25962 25963 25964 25965 25966 25967 25968 25969 25970 25971 25972 25973 25974 25975 25976 25977 25978 25979 25980 25981 25982 25983 25984 25985 25986 25987 25988 25989 25990 25991 25992 25993 25994 25995 25996 25997 25998 25999 26000 26001 26002 26003 26004 26005 26006 26007 26008 26009 26010 26011 26012 26013 26014 26015 26016 26017 26018 26019 26020 26021 26022 26023 26024 26025 26026 26027 26028 26029 26030 26031 26032 26033 26034 26035 26036 26037 26038 26039 26040 26041 26042 26043 26044 26045 26046 26047 26048 26049 26050 26051 26052 26053 26054 26055 26056 26057 26058 26059 26060 26061 26062 26063 26064 26065 26066 26067 26068 26069 26070 26071 26072 26073 26074 26075 26076 26077 26078 26079 26080 26081 26082 26083 26084 26085 26086 26087 26088 26089 26090 26091 26092 26093 26094 26095 26096 26097 26098 26099 26100 26101 26102 26103 26104 26105 26106 26107 26108 26109 26110 26111 26112 26113 26114 26115 26116 26117 26118 26119 26120
26120<script> 26121 26122 26123 // Skapa ett objekt för att lagra artId som redan har körts 26124 const countedNatives = {}; 26125 26126 function countNative(artId) { 26127 if (!countedNatives.hasOwnProperty(artId)) { 26128 window._pingQueue('nativeRead', artId); 26129 countedNatives[artId] = true; 26130 } 26131 } 26132 26133 function displayNative(articleList, lsKey, element, statType) { 26134 let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {}; 26135 26136 for (const artId in articleList) { 26137 if (!nativeInfo.hasOwnProperty(artId)) { 26138 nativeInfo[artId] = 0; 26139 } 26140 26141 if (nativeInfo[artId] < articleList[artId]) { 26142 console.log('Laddar native med id:', artId, 'pa placering', element); 26143 $(element).load('/load/art/' + artId + '/?c=article&u=', function () { 26144 const target = $(element).get(0); 26145 target.dataset.nativeId = artId; 26146 linkListener(artId); 26147 26148 // Räkna leverans i localStorage 26149 nativeInfo[artId]++; 26150 localStorage.setItem(lsKey, JSON.stringify(nativeInfo)); 26151 }); 26152 26153 return; 26154 } 26155 } 26156 26157 console.log('Inga natives kvar att visa'); 26158 } 26159 26160 function displayNativeArray(articleList, lsKey, element, statType) { 26161 let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {}; 26162 26163 for (let i = 0; i < articleList.length; i++) { 26164 const { articleId, frequency } = articleList[i]; 26165 26166 if (!nativeInfo.hasOwnProperty(articleId)) { 26167 nativeInfo[articleId] = 0; 26168 } 26169 26170 if (nativeInfo[articleId] < frequency) { 26171 console.log('Laddar native med id:', articleId); 26172 $(element).load('/load/art/' + articleId + '/?c=article&u=', function () { 26173 const target = $(element).get(0); 26174 target.dataset.nativeId = articleId; 26175 linkListener(articleId); 26176 26177 // Räkna leverans i localStorage 26178 const latestInfo = JSON.parse(localStorage.getItem(lsKey)) || {}; 26179 const previousCount = Math.max(latestInfo[articleId] || 0, nativeInfo[articleId] || 0); 26180 const newCount = previousCount + 1; 26181 nativeInfo[articleId] = newCount; 26182 latestInfo[articleId] = newCount; 26183 localStorage.setItem(lsKey, JSON.stringify(latestInfo)); 26184 }); 26185 26186 return; 26187 } 26188 } 26189 26190 console.log('Inga natives kvar att visa'); 26191 } 26192 26193 // Flexibel variant av displayNativeArray som kan hantera flera listor och/eller flera element 26194 function displayNativeArrayFlex(articleLists, lsKey, elements, statType) { 26195 // Konvertera inputs till arrayer om de är strängar eller redan arrayer 26196 let listsArray = []; 26197 if (typeof articleLists === 'string') { 26198 // Split pÃÂ¥ komma och trimma whitespace 26199 const listNames = articleLists.split(',').map(s => s.trim()).filter(Boolean); 26200 listsArray = listNames.map(name => { 26201 const value = window[name]; 26202 if (Array.isArray(value)) { 26203 return value; 26204 } 26205 console.warn('displayNativeArrayFlex: kunde inte hitta native-listan', name); 26206 return []; 26207 }); 26208 } else if (Array.isArray(articleLists)) { 26209 // Om det redan är en array, använd den direkt 26210 if (articleLists.length && Array.isArray(articleLists[0])) { 26211 listsArray = articleLists; 26212 } else { 26213 listsArray = [articleLists]; 26214 } 26215 } else { 26216 console.warn('displayNativeArrayFlex: artikel-listor saknas eller har fel format', articleLists); 26217 } 26218 26219 let elementsArray = []; 26220 if (typeof elements === 'string') { 26221 // Split pÃÂ¥ komma och trimma whitespace 26222 elementsArray = elements.split(',').map(s => s.trim()); 26223 } else if (Array.isArray(elements)) { 26224 elementsArray = elements; 26225 } else { 26226 elementsArray = [elements]; 26227 } 26228 26229 //console.log('displayNativeArrayFlex - Listor:', listsArray.length, 'Element:', elementsArray.length); 26230 26231 // Flera ytor - rotera artiklar mellan ytorna 26232 //console.log('Flera ytor - roterar artiklar mellan', elementsArray.length, 'ytor'); 26233 26234 // Använd GLOBAL localStorage - läs frÃÂ¥n gamla + nya nycklar, skriv till ny global 26235 let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {}; 26236 26237 // Kombinera alla listor till en 26238 const combinedList = listsArray.flat(); 26239 //console.log('Kombinerad lista med', combinedList.length, 'artiklar'); 26240 26241 // BakÃÂ¥tkompatibilitet: Hämta även frÃÂ¥n gamla separata nycklar 26242 const oldKeys = Object.keys(localStorage).filter(key => key.startsWith('nativeImps')); 26243 oldKeys.forEach(oldKey => { 26244 const oldData = JSON.parse(localStorage.getItem(oldKey)) || {}; 26245 // SlÃÂ¥ samman gamla data med nya (högsta värdet vinner)
26246 Object.keys(oldData).forEach(artId => { 26247 if (!nativeInfo[artId] || nativeInfo[artId] < oldData[artId]) { 26248 nativeInfo[artId] = oldData[artId]; 26249 } 26250 }); 26251 }); 26252 26253 //console.log('nativeInfo efter sammanläggning:', nativeInfo); 26254 26255 // Spara den sammanlagda listan i den globala nyckeln sÃÂ¥ att inget tappas bort 26256 localStorage.setItem(lsKey, JSON.stringify(nativeInfo)); 26257 26258 // Om det bara finns en yta, använd vanliga displayNativeArray 26259 if (elementsArray.length === 1) { 26260 //console.log('En yta - använder standard displayNativeArray'); 26261 displayNativeArray(combinedList, lsKey, elementsArray[0], statType); 26262 return; 26263 } 26264 26265 let articlesShown = 0; 26266 26267 // Loopa genom kombinerade listan och fördela pÃÂ¥ ytor 26268 for (let i = 0; i < combinedList.length && articlesShown < elementsArray.length; i++) { 26269 const { articleId, frequency } = combinedList[i]; 26270 26271 if (!nativeInfo.hasOwnProperty(articleId)) { 26272 nativeInfo[articleId] = 0; 26273 } 26274 26275 if (nativeInfo[articleId] < frequency) { 26276 // Bestäm vilken yta denna artikel ska visas pÃÂ¥ (round-robin) 26277 const targetElement = elementsArray[articlesShown % elementsArray.length]; 26278 26279 //console.log('Visar artikel', articleId, 'pÃÂ¥ yta', targetElement); 26280 26281 // Skapa en temporär lista med bara denna artikel 26282 const singleArticleList = [combinedList[i]]; 26283 26284 // Visa artikeln pÃÂ¥ denna yta - ANVÃÂND SAMMA lsKey för alla 26285 displayNativeArray(singleArticleList, lsKey, targetElement, statType); 26286 26287 articlesShown++; 26288 } 26289 } 26290 26291 if (articlesShown === 0) { 26292 //console.log('Inga natives kvar att visa frÃÂ¥n kombinerad lista'); 26293 } 26294 } 26295 26296 </script>
26296 26297 26298 26299 26300 26301 26302 26303 26304 26305 26306 26307 26308 26309 26310 26311 26312 26313 26314 26315 26316 26317 26318 26319 26320 26321 26322 26323 26324 26325 26326 26327 26328 26329 26330 26331 26332 26333 26334 26335 26336 26337 26338 26339 26340 26341 26342 26343 26344 26345 26346 26347 26348 26349 26350 26351 26352 26353 26354 26355 26356 26357 26358 26359 26360 26361 26362 26363 26364 26365 26366 26367 26368 26369 26370 26371 26372 26373 26374 26375 26376 26377 26378 26379 26380 26381
26382<script> 26383 26384$(document).on('click', 'f-share', function(){ 26385 const title = this.dataset.title; 26386 const url = this.dataset.url; 26387 26388 if (navigator.share) { 26389 navigator.share({ 26390 title: title, 26391 url: url 26392 }) 26393 .then(function() { 26394 console.log('Delning lyckades'); 26395 }) 26396 .catch(function(error) { 26397 console.log('Delning misslyckades', error); 26398 }); 26399 } else { 26400 const message = 'Dela ' + title + ' pÃÂ¥ din enhet: ' + url; 26401 const dummy = document.createElement('input'); 26402 document.body.appendChild(dummy); 26403 dummy.setAttribute('value', message); 26404 dummy.select(); 26405 document.execCommand('copy'); 26406 document.body.removeChild(dummy); 26407 alert('Länken är kopierad och redo att delas!'); 26408 } 26409}); 26410 26411/* 26412if (navigator.share) { 26413 navigator.share({ 26414 title: this.dataset.title, 26415 url: this.dataset.url 26416 }).then(() => { 26417 26418 console.log('Thanks for sharing!'); 26419 }) 26420 .catch(console.error); 26421 //gtag('event', 'shareButton', { 'event_category' : 'Click', 'event_label' : this.dataset.url }); 26422} 26423*/ 26424 26425 26426</script>
26426 26427 26428 26429 26430 26431 26432 26433 26434 26435 26436 26437 26438 26439 26440 26441 26442 26443 26444 26445 26446 26447 26448 26449 26450 26451 26452 26453 26454 26455 26456 26457 26458 26459 26460 26461 26462 26463 26464 26465 26466 26467 26468 26469 26470 26471 26472 26473 26474 26475 26476 26477 26478 26479 26480 26481 26482 26483 26484 26485 26486 26487 26488 26489 26490 26491 26492 26493 26494 26495 26496 26497 26498 26499 26500 26501 26502 26503 26504 26505 26506 26507 26508 26509 26510 26511 26512 26513 26514 26515 26516 26517 26518 26519 26520 26521 26522 26523 26524 26525 26526 26527 26528 26529 26530 26531 26532 26533 26534 26535 26536 26537 26538 26539 26540 26541 26542 26543 26544 26545 26546 26547 26548 26549 26550 26551 26552 26553 26554 26555 26556 26557 26558 26559 26560 26561 26562 26563 26564 26565 26566 26567 26568 26569 26570 26571 26572 26573 26574 26575 26576 26577 26578 26579 26580 26581 26582 26583 26584 26585 26586 26587 26588 26589 26590 26591 26592 26593 26594 26595 26596 26597 26598 26599 26600 26601 26602 26603 26604 26605 26606 26607 26608 26609 26610 26611 26612 26613 26614 26615 26616 26617 26618 26619 26620 26621 26622 26623 26624 26625 26626 26627 26628 26629 26630 26631 26632 26633 26634 26635 26636 26637 26638 26639 26640 26641 26642 26643 26644 26645 26646 26647 26648 26649 26650 26651 26652 26653 26654 26655 26656 26657 26658 26659 26660 26661 26662 26663 26664 26665 26666 26667 26668 26669 26670 26671 26672 26673 26674 26675 26676 26677 26678 26679 26680 26681 26682 26683 26684 26685 26686 26687 26688 26689 26690 26691 26692 26693 26694 26695 26696 26697 26698 26699 26700 26701 26702 26703 26704 26705 26706 26707 26708 26709 26710 26711 26712 26713 26714 26715 26716 26717 26718 26719 26720 26721 26722 26723 26724 26725 26726 26727
26728<script> 26729 26730/* common stuff used on the feber.se, first, last and always */ 26731 26732var _gaq = _gaq || []; 26733 26734 26735// load comments 26736function loadComments(theDiv,theURL) { 26737 26738 var bouncer = "<div class='spinner'><div class='bounce1'></div><div class='bounce2'></div><div class='bounce3'></div></div>"; 26739 26740 if ($(theDiv).is(":hidden")) { 26741 $(".showDisqus").html(""); 26742 $(theDiv).html(bouncer).load(theURL, function(){ 26743 $(".showDisqus").slideUp("slow"); 26744 $(theDiv).slideDown("slow", function(){ 26745 $.scrollTo(theDiv, 800); 26746 }).delay(2000); 26747 }); 26748 $('#menu6container').addClass("isHidden"); 26749 $('#menu6subcontainer').addClass("isHidden"); 26750 $('#Xmenusubcontainer').addClass("isHidden"); 26751 } else { 26752 $(theDiv).html(""); 26753 $(theDiv).slideUp(); 26754 } 26755 //gtag('event', 'Show', { 'event_category' : 'Comments', 'event_label' : theURL }); 26756}; 26757 26758// load comments but dont scroll 26759function loadCommentsNoscroll(theDiv,theURL) { 26760 if ($(theDiv).is(":hidden")) { 26761 $(".showDisqus").html(""); 26762 $(theDiv).load(theURL, function(){ 26763 $(".showDisqus").slideUp("slow"); 26764 $(theDiv).slideDown("slow", function(){ 26765 }).delay(2000); 26766 }); 26767 } else { 26768 $(theDiv).html(""); 26769 $(theDiv).slideUp(); 26770 } 26771 //gtag('event', 'Show', { 'event_category' : 'Comments', 'event_label' : theURL }); 26772}; 26773 26774// Function that loads content from URL 26775// javascript:loadURL('#theDiv','theContent'); 26776 26777function loadURL(theDiv,theContent) { 26778 $(theDiv).load(theContent); 26779}; 26780 26781 26782 26783 26784function dovideostuff(youtubeId) { 26785 window.activeYTID = youtubeId; 26786 window.doADstuff = 'no'; 26787 $('#youtube_'+youtubeId).addClass('hidden'); 26788 $('#youtube_overlay_'+youtubeId).addClass('hidden'); 26789 loadVideo(window.activeYTID,'940','555'); 26790 //gtag('event', 'Play', { 'event_category' : 'Video', 'event_label' : youtubeId }); 26791}; 26792 26793 26794 26795function sc_smartInpageEnd() { 26796 loadVideo(window.activeYTID,'940','555'); 26797}; 26798 26799function loadVideo(youtubeId,theWidth,theHeight) { 26800 // create youtube player 26801 $('#menu6container').addClass("isHidden"); 26802 $('#menu6subcontainer').addClass("isHidden"); 26803 $('#Xmenusubcontainer').addClass("isHidden"); 26804 26805 $('#youtube_player_'+youtubeId).removeClass('hidden'); 26806 26807 var tag = document.createElement('script'); 26808 tag.src = "https://www.youtube.com/iframe_api"; 26809 var firstScriptTag = document.getElementsByTagName('script')[0]; 26810 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 26811 26812 var player; 26813 player = new YT.Player('youtube_player_'+youtubeId, { 26814 width: theWidth, 26815 height: theHeight, 26816 videoId: youtubeId, 26817 playerVars: { 'showinfo': 0, 'rel': 0 }, 26818 events: { 26819 'onReady': onPlayerReady, 26820 'onStateChange': onPlayerStateChange 26821 } 26822 }); 26823 26824 // autoplay video 26825 function onPlayerReady(event) { 26826 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 26827 // event.target.playVideo(); 26828 } else { 26829 event.target.playVideo(); 26830 } 26831 } 26832 26833 function onPlayerStateChange(event) { 26834 26835 26836 if (event.data == YT.PlayerState.ENDED) { 26837 //gtag('event', 'Done', { 'event_category' : 'Video', 'event_label' : 'Success' }); 26838 26839 var url = event.target.getVideoUrl(); 26840 var match = url.match(/[?&]v=([^&]+)/); 26841 var thisVideoId = match[1]; 26842 26843 var fnstring = "loadRelated"+thisVideoId; 26844 var fn = window[fnstring]; 26845 if (typeof fn === "function") fn(); 26846 26847 26848 if (window.doADstuff == 'yesDONTDOTHIS') 26849 { 26850 $('#youtubeADpost_'+window.activeYTID).removeClass('hidden'); 26851 $('#youtube_player_'+window.activeYTID).addClass('hidden'); 26852 SC_InPage().run(); 26853 } else { 26854 26855 } 26856 26857 } 26858 } 26859 26860 26861}; 26862 26863function loadVideoMobile(youtubeId,theWidth,theHeight) { 26864 // create youtube player 26865 // $('#menu6container').addClass("isHidden"); 26866 // $('#menu6subcontainer').addClass("isHidden"); 26867 26868 $('#youtube_player_'+youtubeId).removeClass('hidden'); 26869 $('#youtube_'+youtubeId).addClass('hidden'); 26870 $('#youtube_overlay_'+youtubeId).addClass('hidden'); 26871 26872 var tag = document.createElement('script'); 26873 tag.src = "https://www.youtube.com/iframe_api"; 26874 var firstScriptTag = document.getElementsByTagName('script')[0]; 26875 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 26876 26877 var player; 26878 player = new YT.Player('youtube_player_'+youtubeId, { 26879 width: theWidth, 26880 height: theHeight, 26881 videoId: youtubeId, 26882 playerVars: { 'showinfo': 0, 'rel': 0 }, 26883 events: { 26884 'onReady': onPlayerReady 26885 } 26886 }); 26887 26888 // autoplay video 26889 function onPlayerReady(event) { 26890 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 26891 // event.target.playVideo(); 26892 } else { 26893 event.target.playVideo(); 26894 } 26895 } 26896 26897}; 26898 26899 26900function loadVideoPromo(youtubeId,promoId,theWidth,theHeight) { 26901 // create youtube player 26902 26903 window.activepromoYTID = youtubeId; 26904 26905 $('#menu6container').addClass("isHidden"); 26906 $('#menu6subcontainer').addClass("isHidden"); 26907 $('#Xmenusubcontainer').addClass("isHidden"); 26908 26909 $('#youtube_player_'+youtubeId).addClass('hidden'); 26910 $('#youtube_player_promo_'+youtubeId).removeClass('hidden'); 26911 26912 var tag = document.createElement('script'); 26913 tag.src = "https://www.youtube.com/iframe_api"; 26914 var firstScriptTag = document.getElementsByTagName('script')[0]; 26915 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 26916 26917 var player; 26918 player = new YT.Player('youtube_player_promo_'+youtubeId, { 26919 width: theWidth, 26920 height: theHeight, 26921 videoId: promoId, 26922 playerVars: { 'showinfo': 0, 'rel': 0 }, 26923 events: { 26924 'onReady': onPlayerReadyPromo, 26925 'onStateChange': onPlayerStateChangePromo 26926 } 26927 }); 26928 26929 26930 // autoplay video 26931 function onPlayerReadyPromo(event) { 26932 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 26933 // event.target.playVideo(); 26934 } else { 26935 event.target.playVideo(); 26936 } 26937 } 26938 26939 function onPlayerStateChangePromo(event) { 26940 26941 if(event.data === 0) { 26942 //gtag('event', 'Promo', { 'event_category' : 'Video', 'event_label' : 'Seen'+promoId }); 26943 $('#youtube_'+window.activepromoYTID).removeClass('hidden'); 26944 $('#youtube_overlay_'+window.activepromoYTID).removeClass('hidden'); 26945 $('#youtube_player_promo_'+window.activepromoYTID).addClass('hidden'); 26946 26947 } 26948 } 26949 26950}; 26951 26952 26953 26954// HÃÂämta tumnagel till Vimeo 26955function getVimeoThumbOld(vimeoVideoID,vimeoThumbID){ 26956 $.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) { 26957 $(vimeoThumbID).attr('src', data[0].thumbnail_large); 26958 }); 26959}; 26960 26961function getVimeoThumb(vimeoVideoID,vimeoThumbID){ 26962 $.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) { 26963 var str=data[0].thumbnail_large; 26964 var n=str.replace('640','1280'); 26965 var img = document.createElement('img') 26966 img.src = n 26967 img.onload = function() { 26968 $(vimeoThumbID).attr('src', n); 26969 } 26970 img.onerror = function() { 26971 $(vimeoThumbID).attr('src', data[0].thumbnail_large); 26972 } 26973 }); 26974}; 26975 26976// Load Vimeo-video 26977 26978function loadVimeoVideo(youtubeId,theWidth,theHeight) { 26979 $("#youtube_"+youtubeId+"").html("<iframe src='//player.vimeo.com/video/"+youtubeId+"?title=0&byline=0&portrait=0&autoplay=1' width='"+theWidth+"' height='"+theHeight+"' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>"); 26980 $("#youtube_overlay_"+youtubeId+"").css("display", "none"); 26981 26982}; 26983 26984// HÃÂämta tumnagel till Vimeopuff 26985function getVimeoPuff(vimeoVideoID,vimeoPuffID){ 26986 $.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) { 26987 $(vimeoPuffID).attr('style', 'background-image: url(' + data[0].thumbnail_large + ');'); 26988}); 26989}; 26990 26991// Load Bambuser-video 26992 26993function loadBambuserVideo(youtubeId,theWidth,theHeight) { 26994 $("#youtube_"+youtubeId+"").html("<iframe src='http://embed.bambuser.com/channel/feber' width='"+theWidth+"' height='"+theHeight+"' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>"); 26995 $("#youtube_overlay_"+youtubeId+"").css("display", "none"); 26996 26997}; 26998 26999// show bodytext 27000 27001function showText(divid){ 27002 $('#body-'+divid).css({'height' : 'auto' }); 27003 $('#body-'+divid).css({'position' : 'static' }); 27004 $('#text-'+divid).css({'position' : 'static' }); 27005 $('#text-overlay-'+divid).css({'display' : 'none' }); 27006 }; 27007 27008 function showTextPremium(divid){ 27009 27010 var loggedIn = $.cookie("memberful"); 27011 27012 if (loggedIn == 'prenumerant') { 27013 $('#body-'+divid).css({'height' : 'auto' }); 27014 $('#body-'+divid).css({'position' : 'static' }); 27015 $('#text-'+divid).css({'position' : 'static' }); 27016 $('#text-overlay-'+divid).css({'display' : 'none' }); 27017 } else { 27018 window.location.href = 'https://premium.feber.se/join/'; 27019 } 27020 }; 27021 27022 27023// This sets a cookie 27024function setCookie(theCookie,theValue) { 27025 var standingCookie = $.cookie(theCookie); 27026 27027 if(theValue == null) {
27028 $.cookie(theCookie, null, { expires: 365, path: '/' }); 27029 } 27030 else if(standingCookie == '' || standingCookie == null) { 27031 $.cookie(theCookie, theValue, { expires: 365, path: '/' }); 27032 } 27033 else if(standingCookie.match(theValue)) { 27034 /* do nothing */ 27035 } 27036 else { 27037 $.cookie(theCookie, standingCookie + "|" + theValue, { expires: 365, path: '/' }); 27038 } 27039} 27040 27041// This removes a value from a cookie and checks for |-leftovers 27042function removeCookieValue(theCookie,theValue) { 27043 var standingCookie = $.cookie(theCookie); 27044 27045 if(theValue.match(standingCookie) ) { 27046 27047 $.cookie(theCookie, standingCookie.replace(theValue,''), { expires: 365, path: '/' }); 27048 27049 var standingCookie = $.cookie(theCookie); 27050 27051 $.cookie(theCookie, standingCookie.replace('||','|'), { expires: 365, path: '/' }); 27052 27053 var standingCookie = $.cookie(theCookie); 27054 var firstChar = standingCookie.charAt(0); 27055 27056 var the_length=standingCookie.length; 27057 var lastChar=standingCookie.charAt(the_length-1); 27058 27059 if ("|"==firstChar) { 27060 $.cookie(theCookie, standingCookie.substr(1), { expires: 365, path: '/' }); 27061 } 27062 27063 if ("|"==lastChar) { 27064 $.cookie(theCookie, standingCookie.slice(0, -1), { expires: 365, path: '/' }); 27065 } 27066 } 27067} 27068 27069// This hides content depending on the cookie hideSites 27070 function checkCookie() { 27071 27072 var standingCookie=$.cookie('hideSites'); 27073 27074 if(standingCookie == '' || standingCookie == null) { 27075 } 27076 else { 27077 var mySplitResult = standingCookie.split("|"); 27078 27079 for(i = 0; i < mySplitResult.length; i++) { 27080 // alert("." + mySplitResult[i]); 27081 // alert(mySplitResult.length); 27082 27083 $("." + mySplitResult[i]).css("display","none"); 27084 $("." + mySplitResult[i] + "Related").css("display","none"); 27085 $("." + mySplitResult[i] + "Off").css("display","block"); 27086 $("." + mySplitResult[i] + "Reklam").css("display","none"); 27087 $("#" + mySplitResult[i] + "OnButton").css("display","none"); 27088 $("#" + mySplitResult[i] + "OffButton").css("display","block"); 27089 // $("#" + mySplitResult[i] + "Menu").css("opacity","0.5"); 27090 27091 27092 }; 27093 }; 27094}; 27095 27096 27097 27098 27099 27100function slide(theDiv) { 27101 if ($(theDiv).is(":hidden")) { 27102 $(theDiv).slideDown("fast"); 27103 } else { 27104 $(theDiv).slideUp(); 27105 } 27106}; 27107 27108 27109function fadeMenu(theDiv,theCookie,theCookieContent) { 27110 if ($(theDiv).is(":hidden")) { 27111 $(theDiv).fadeIn("fast"); 27112 } else { 27113 $(theDiv).fadeOut("fast"); 27114 } 27115 $.cookie(theCookie, theCookieContent, { expires: 365, path: '/' }); 27116}; 27117 27118 27119// load allpics 27120function loadAllImages(theDiv,theURL) { 27121 if ($(theDiv).is(":hidden")) { 27122 $(theDiv).writeCapture().load(theURL, function(){ 27123 kill(); 27124 $(theDiv).slideDown("slow"); 27125 $('img').jail({effect:"fadeIn", speed : "slow"}); 27126 }); 27127 } else { 27128 $(theDiv).slideUp(); 27129 } 27130}; 27131 27132function loadOnePic(theDiv,theContent) { 27133 if ($(theDiv).is(":hidden")) { 27134 $(theDiv).writeCapture().load(theContent, function(){ 27135 kill(); 27136 $(theDiv).slideDown("slow"); 27137 $('img').jail({effect:"fadeIn", speed : "slow"}); 27138 }); 27139 } else { 27140 $(theDiv).writeCapture().load(theContent, function(){ 27141 kill(); 27142 $(theDiv).slideDown("slow"); 27143 $('img').jail({effect:"fadeIn", speed : "slow"}); 27144 }); 27145 } 27146}; 27147 27148function kill() { 27149 /* Reset various Tailsweep vars. before "page reload" */ 27150 window.tsAdsByPrio_top = undefined; 27151 window.tsAdsRendered_top_slot = undefined; 27152 window.tsAdsRendered_top = undefined; 27153 window.ts_currentSlot_top = undefined; 27154 window.ts_top_siteAdMap = undefined; /* Denna rad ÃÂär ny */ 27155}; 27156 27157 27158 27159 27160 27161 27162 27163 27164 27165/* fÃÂör att visa och gÃÂömma divar 2007-03-27 /w */ 27166 27167/*function toggleDiv(divid){ 27168 if(document.getElementById(divid).style.display == 'none'){ 27169 document.getElementById(divid).style.display = 'block'; 27170 }else{ 27171 document.getElementById(divid).style.display = 'none'; 27172 } 27173 } 27174 27175function hideDiv(divid){ 27176 document.getElementById(divid).style.display = 'none'; 27177} 27178 27179function showDiv(divid){ 27180 document.getElementById(divid).style.display = 'block'; 27181} 27182 27183function unhideDiv(divid){ 27184 document.getElementById(divid).style.display = 'block'; 27185} 27186 27187function hiddenDiv(divid){ 27188 document.getElementById(divid).style.visibility = 'hidden'; 27189} 27190 27191function unhiddenDiv(divid){
27192 document.getElementById(divid).style.visibility = 'visible'; 27193} 27194 27195 27196function showDiv6(divid){ 27197 $(divid).css({'display' : 'block'}); 27198} 27199 27200function hideDiv6(divid){ 27201 $(divid).css({'display' : 'none'}); 27202} 27203 27204function killContent(contentPart){ 27205 setCookie('hideSites',contentPart); 27206 $("#" + contentPart + "OnButton").css({'display' : 'none'}); 27207 $("#" + contentPart + "OffButton").css({'display' : 'block'}); 27208 slide("." + contentPart); 27209 slide("." + contentPart + "Off"); 27210 $("." + contentPart + "Reklam").css("display","none"); 27211} 27212 27213function wakeContent(contentPart){ 27214 removeCookieValue('hideSites',contentPart); 27215 $("#" + contentPart + "OnButton").css({'display' : 'block'}); 27216 $("#" + contentPart + "OffButton").css({'display' : 'none'}); 27217 slide("." + contentPart); 27218 slide("." + contentPart + "Off"); 27219 $("." + contentPart + "Reklam").css("display","block"); 27220} 27221 27222 27223$().ready(function() { 27224 27225 27226 function myMouseOver(elems,options) { 27227 $('.menuOptionHover',elems).stop(); 27228 $('.menuOptionHover',elems).animate({'opacity':1},'fast'); 27229 } 27230 27231 function myMouseOut(elems,options) { 27232 $('.menuOptionHover',elems).stop(); 27233 $('.menuOptionHover',elems).animate({'opacity':0},'fast'); 27234 } 27235 27236 27237}); 27238 27239 27240 27241 27242 27243 27244 27245function fadeLoggedin(){ 27246 $.scrollTo( '#top', 400 ); 27247 $("#medlemlank").css("color", "#999"); 27248 $("#soklank").css("color", "#fff"); 27249 $("#rsslank").css("color", "#fff"); 27250 $('#soken').fadeOut(150, function () { 27251 $('#rss').fadeOut(150, function () { 27252 $('#loggedin').fadeIn(400); 27253}); 27254}); 27255}; 27256 27257function fadeSearch(){ 27258 $.scrollTo( '#top', 400 ); 27259 $("#medlemlank").css("color", "#fff"); 27260 $("#soklank").css("color", "#999"); 27261 $("#rsslank").css("color", "#fff"); 27262 $('#loggedin').fadeOut(150, function () { 27263 $('#rss').fadeOut(150, function () { 27264 $('#soken').fadeIn(400); 27265}); 27266}); 27267}; 27268 27269function fadeRSS(){ 27270 $.scrollTo( '#top', 400 ); 27271 $("#medlemlank").css("color", "#fff"); 27272 $("#soklank").css("color", "#fff"); 27273 $("#rsslank").css("color", "#999"); 27274 $('#loggedin').fadeOut(150, function () { 27275 $('#soken').fadeOut(150, function () { 27276 $('#rss').fadeIn(400); 27277}); 27278}); 27279}; 27280 27281function fadeLoginForm(){ 27282 $('#noMember').fadeOut(150, function () { 27283 $('#loginHeader').fadeIn(400); 27284}); 27285}; 27286 27287*/ 27288 27289/* 27290 function onYouTubePlayerReady(playerId) { 27291 var yp = $('#'+playerId); 27292 yp[0].addEventListener('onStateChange', '(function(state) { yListner("'+playerId+'",state) })') 27293 } 27294 function yListner(player, state){ 27295 if (0 == state && 1 == $('#commercial_original').length) { 27296 var aP = $('#'+player); 27297 var url = $('#commercial_original').text(); 27298 swfobject.embedSWF($('#commercial_original').text(), 'rep_'+player, aP.attr('width'), aP.attr('height'), "8", null, null, { allowScriptAccess: "always" }, { id: 'rep_'+player }); 27299 } 27300 } 27301*/ 27302 27303// Function that moves to the next article with j and k 27304 27305 27306 27307function scroll(direction) { 27308 27309 var scroll, i, 27310 positions = [], 27311 here = $(window).scrollTop(), 27312 collection = $('.scrollitem'); 27313 27314 collection.each(function() { 27315 positions.push(parseInt($(this).offset()['top'],10)); 27316 }); 27317 27318 for(i = 0; i < positions.length; i++) { 27319 if (direction == 'next' && positions[i] > here) { 27320 scroll = collection.get(i); 27321 console.log('next2'); 27322 break; 27323 } 27324 if (direction == 'prev' && i > 0 && positions[i] >= here) { 27325 scroll = collection.get(i-1); 27326 console.log('prev2'); 27327 break; 27328 } 27329 } 27330 27331 if (scroll) { 27332 $.scrollTo(scroll, { duration: 500 }); 27333 } 27334 27335 return false; 27336} 27337 27338 27339$(function() { 27340 $("#next,#prev").click(function() { 27341 return scroll($(this).attr('id')); 27342 }); 27343}); 27344 27345 27346$(window).keydown (function(event) { 27347 console.log('event ' + event); 27348 if ($('.nonavigation').is(":focus")) { } 27349 else if ($('.gsc-input').is(":focus")) { } 27350 else if ($('.st-default-search-input').is(":focus")) { } 27351 else if (event.metaKey || event.ctrlKey) { } 27352 else if (event.altKey) { 27353 switch (event.which) { 27354 case 40: // key is down 27355 scroll ('next'); 27356 break; 27357 case 38: // key is up 27358 scroll ('prev'); 27359 break; 27360 } 27361 } 27362 else if (event) { 27363 switch (event.which) { 27364 case 74: // j 27365 scroll('next'); 27366 console.log('next'); 27367 break; 27368 case 75: // k 27369 scroll('prev'); 27370 console.log('prev'); 27371 break; 27372 27373 } 27374 } else { 27375 switch (event.keyCode) {
27376 case 37: // key is left 27377 case 38: // key is up 27378 scroll ('prev'); 27379 break; 27380 case 39: // key is right 27381 case 40: // key is down 27382 scroll ('next'); 27383 break; 27384 } 27385 } 27386}); 27387 27388 27389 27390 27391 27392 27393 27394/* 27395function killSpoiler(articleID) { 27396 $( '#art_content_' + articleID ).removeClass( 'spoiler' ); 27397 $( '#spoileroverlay' + articleID ).addClass( 'hidden' ); 27398}; 27399*/ 27400 27401// 1. function to hide the menu etc on different points 27402// 2. function to load preview-content from menu 27403// 3. functions that shows the stars to set cookies 27404// 4. function to change content and set cookie 27405// 5. function to change content depending on cookiecontent 27406// 6. function to show hidden articles 27407 27408 27409// Tempsaker 27410 27411/* 27412var thedate = Math.round(Number(new Date()/1000)); 27413var loadcookie = $.cookie('lastload'); 27414var thiscookie = $.cookie('thisvisit'); 27415var lastcookie = $.cookie('lastvisit'); 27416var diffdateload = thedate-loadcookie; 27417var diffdatethis = thedate-thiscookie; 27418*/ 27419 27420 27421// 1. function to hide the menu etc on different points 27422 27423/* 27424init = { previousTop: 0 } 27425 27426$(window).scroll(init,function () { 27427 var menuContainer = '#menu6container'; 27428 var menuSubContainer = '#menu6subcontainer'; 27429 var currentTop = $(window).scrollTop(); 27430 var startFade = 300; 27431 27432 if (currentTop < init.previousTop) { 27433 $(menuContainer).removeClass("isHidden"); 27434 $(menuSubContainer).removeClass("isHidden"); 27435 $('#Xmenusubcontainer').removeClass("isHidden"); 27436 27437 } else { 27438 if (currentTop > startFade) { 27439 $(menuContainer).addClass("isHidden"); 27440 $(menuSubContainer).addClass("isHidden"); 27441 $('#Xmenusubcontainer').addClass("isHidden"); 27442 } 27443 } 27444 27445 init.previousTop = currentTop; 27446 }); 27447 27448*/ 27449 27450// 2. function to load preview-content from menu 27451 27452/* 27453function pre6load(section) { 27454 var section = section.toLowerCase(); 27455 if (section == 'start') { 27456 var dasURL = '/load/?p=thumbhotsGrande&count=3'; 27457 } else { 27458 var dasURL = '/'+section+'/load/?p=thumbnails&count=3'; 27459 } 27460 $('#pre6').load(dasURL).fadeIn(100); 27461 27462 //if ($(window).scrollTop() > 500) { 27463 // $('.pre6containerfixed').fadeIn(100); 27464 // $('#pre6fixed').load(dasURL).fadeIn(100); 27465 //} 27466 27467}; 27468 27469*/ 27470 27471 27472// 3. functions that shows the stars to set cookies 27473 27474function showSetters() { 27475 $('#items .item .on').toggle(); 27476}; 27477 27478 27479// 4. function to change content and set cookie 27480 27481function changeSetters(theDiv) { 27482 $('#item-' + theDiv).toggleClass('off'); 27483 $('#cat-item-' + theDiv).toggleClass('off'); 27484 27485 var standingCookie=$.cookie('hideSites'); 27486 if(standingCookie == '' || standingCookie == null) { 27487 setCookie('hideSites',theDiv); 27488 $("." + theDiv).slideUp("fast"); 27489 $("." + theDiv + "Off").slideDown("fast"); 27490 $('.inArtHider' + theDiv).text('Visa ' + theDiv + '-artiklar'); 27491 } else if(standingCookie.match(theDiv)) { 27492 removeCookieValue('hideSites',theDiv); 27493 $("." + theDiv).slideDown("fast"); 27494 $("." + theDiv + "Off").slideUp("fast"); 27495 $('.inArtHider' + theDiv).text('Visa inte ' + theDiv + '-artiklar'); 27496 } else { 27497 setCookie('hideSites',theDiv); 27498 $("." + theDiv).slideUp("fast"); 27499 $("." + theDiv + "Off").slideDown("fast"); 27500 $('.inArtHider' + theDiv).text('Visa ' + theDiv + '-artiklar'); 27501 }; 27502}; 27503 27504 27505 27506// 5. function to change content depending on cookiecontent 27507 27508function checkSetters(artID) { 27509 var standingCookie=$.cookie('hideSites'); 27510 if(standingCookie == '' || standingCookie == null) { } else { 27511 27512 var mySplitResult = standingCookie.split("|"); 27513 for(i = 0; i < mySplitResult.length; i++) { 27514 // alert("." + mySplitResult[i]); 27515 // alert(mySplitResult.length); 27516 $('#item-' + mySplitResult[i]).toggleClass('off'); 27517 $('#cat-item-' + mySplitResult[i]).toggleClass('off'); 27518 if(artID == '' || artID == null) { 27519 $("." + mySplitResult[i]).addClass( "hiddenNonImportant" ); 27520 $("." + mySplitResult[i] + "Off").removeClass( "hiddenNonImportant" ); 27521 $("." + mySplitResult[i] + "Reklam").css("display","none"); 27522 $('.inArtHider' + mySplitResult[i]).text('Visa ' + mySplitResult[i] + '-artiklar'); 27523 } 27524 }; 27525 }; 27526}; 27527 27528 27529 27530 27531// 6. function to show hidden articles 27532 27533/* 27534function showHiddenArt(theDiv) { 27535 slide("#article" + theDiv); 27536 slide("#art_collapsed_" + theDiv); 27537 slide("#fullsizecontainer" + theDiv); 27538 slide("#drop" + theDiv); 27539} 27540 27541function showHiddenArtNew(theDiv) { 27542 slide("#article" + theDiv); 27543 slide("#art_collapsed_" + theDiv); 27544 slide("#fullsizecontainer" + theDiv); 27545 slide("#drop" + theDiv); 27546} 27547*/ 27548 27549 27550</script>
27550 27551 27552 27553 27554 27555 27556 27557 27558 27559 27560
27560<script src="//www.youtube.com/player_api" async></script>
27560 27561 27562 27563 27564 27565 27566 27567 27568 27569 27570 27571 27572 27573 27574
27574<script type="text/javascript"> 27575 27576 // FrÃÂ¥gan! 27577 27578 function submitVote (questionId, articleId, elementId) { 27579 var holder = []; 27580 var request = new XMLHttpRequest(); 27581 27582 document.forms['questionForm' + questionId].option.forEach(function (element) { 27583 element.checked ? holder.push(element.value) : null; 27584 }); 27585 27586 request.onreadystatechange = function () { 27587 if (request.readyState === 4) { 27588 if (request.status === 200) { 27589 document.getElementById(elementId).innerHTML = request.responseText; 27590 27591 localStorage.setItem('feberVoted' + questionId, true); 27592 } else { 27593 document.getElementById(elementId).innerHTML = 'Något blev fel!' + request.responseText; 27594 } 27595 } 27596 } 27597 27598 var updateNumber = Math.floor((Math.random() * 10000) + 1); 27599 27600 request.open('GET','/art/' + articleId + '/rostapafragan/vote/?question=' + questionId + '&option=' + holder.join('') + '&redirect=https://feber.se/question/' + questionId + '/result/?option=' + holder.join('') + '&u=' + updateNumber ); 27601 request.send(); 27602 } 27603 27604 27605 // Mät länkklick i body1 och body2 27606 27607 window.onclick = function (e) { 27608 // Hitta länkar 27609 if (e.target.localName == 'a') { 27610 // Kolla om de är i body 27611 if ($(e.target).parents('.body1').length || $(e.target).parents('.body2').length) { 27612 //Kolla om det är native eller inte 27613 if ($(e.target).parents('.Promotion').length) { 27614 var actionName = 'nativeLinkBody'; 27615 } else { 27616 var actionName = 'externalLinkBody'; 27617 } 27618 } 27619 27620 if ($(e.target).parents('.Promotion').length) { 27621 $('f-stat-catcher').load( '/count?type=' + actionName + '&typeId=' + e.target.getAttribute('href') ); 27622 } 27623 } 27624 } 27625 27626 27627 </script>
27627 27628 27629 27630 27631 27632 27633 27634 27635 27636 27637 27638 27639 27640 27641 <link type="application/rss+xml" rel="alternate" title="Feber" href="//feber.se/rss/"/> 27642 27643 27644 27645 27646 27647 27648 27649 27650 27651 27652 27653 <meta name="description" content="Feber är din dagliga källa till allt om teknik, bilar, prylar, spel, vetenskap och populärkultur. Välkommen!" /> 27654 27655 27656 27657 27658 <meta name="keywords" content="android, ios, iphone, ipad, mac, windows, bil, foto, mobil, pryl, spel,vetenskap, video, webb" /> 27659 27660 27661 27662 27663 27664 27665 27666 27667 27668 27669 27670 27671 27672 27673 27674 27675
27675<script> 27676 27677 function loadScript(url, callback){ // script för att ladda in scripts dynamiskt 27678 27679 var script = document.createElement("script") 27680 script.type = "text/javascript"; 27681 27682 script.onload = function(){ 27683 // callback(); 27684 }; 27685 27686 script.src = url; 27687 document.getElementsByTagName("head")[0].appendChild(script); 27688 } 27689 27690 27691var THRESHOLDYT = 700; 27692 27693function inScreen(elem) { 27694 var bounding = elem.getBoundingClientRect(); 27695 return ( 27696 bounding.top >= 0 && 27697 bounding.left >= 0 && 27698 bounding.bottom <= ((window.innerHeight || document.documentElement.clientHeight) + THRESHOLDYT) 27699 ); 27700}; 27701 27702 27703 27704 </script>
27704 27705 27706 27707 27708 27709 27710 27711 <style> 27712 f-kvarter { 27713 width: 100%; max-width: calc(100% - 80px); margin: 0px auto; background-color: rgba(255,255,255,1); padding: 0px; display: grid; grid-template-columns: 1fr minmax(auto, 450px); grid-template-rows: auto auto auto 1fr; height: 220px; 27714 box-shadow: 0px 0px 30px rgba(0,0,0,0.5); text-align: left; 27715 grid-template-areas: 27716 "header media" 27717 "body media" 27718 "textline media" 27719 "readmore media"; 27720 } 27721 27722 27723 f-kvarter-media { max-width: var(--f-article-width); min-height: 90px; 27724 background-color: var(--f-article-background);margin: 0 auto; display: flex; grid-area: media; width: 100%; position: relative; overflow: hidden; border-radius: 0px; } 27725 f-kvarter-media img { width: 100%; height: 100%; object-fit: cover; position: absolute; } 27726 27727 f-kvarter-body { grid-area: body; display: -webkit-box; margin: 0 20px 8px 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; color: #222; -webkit-font-smoothing: auto; 27728 } 27729 27730 27731 27732 f-kvarter f-kvarter-headline { 27733 border-top: none !important; padding: 20px 20px 0 20px; font-size: 18px; line-height: 20px; grid-area: header; display: grid; margin: 0 0 8px 0; } 27734 27735 f-kvarter f-kvarter-headline-headline { 27736 font-family: SuisseBold; -webkit-font-smoothing: antialiased; color: #222; font-weight: 300; } 27737 27738 f-kvarter f-kvarter-headline-preamble { 27739 font-family: SuisseLight; -webkit-font-smoothing: auto; color: var(--f-hot-color); font-weight: 300; } 27740 27741 27742 27743 27744 f-kvarter-spons { 27745 position: absolute; right: 10px; bottom: 10px; background-color: var(--f-hot-color); color: white; padding: 4px 5px; } 27746 27747 f-kvarter-readmore { 27748 grid-area: readmore; margin: 0 20px; 27749 font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; 27750 } 27751 f-kvarter-readmore a { 27752 color: var(--f-hot-color); 27753 } 27754 27755 @media only screen and (max-width: 800px) { 27756 f-kvarter { 27757 max-width: calc(100% - 60px); 27758 height: 260px; 27759 grid-template-columns: auto; 27760 grid-template-rows: 1fr auto; 27761 grid-template-areas: 27762 "media" 27763 "header"; 27764 } 27765 f-kvarter-headline { 27766 font-size: 16px !important; line-height: 18px !important; padding: 15px 18px !important; 27767 } 27768 27769 f-kvarter-readmore, f-kvarter-body { 27770 display: none; 27771 } 27772 } 27773 27774 </style> 27775 27776
27776<script> 27777 function startInscreenReadPeak(beacon,counter) { 27778 console.log('startInscreenReadPeak ' + beacon + ' ' + counter); 27779 var divToCheck = document.querySelector('#rp' + counter); 27780 var hasBeenCalled = false; 27781 27782 window.addEventListener('scroll', function(event) { 27783 27784 if (inScreen(divToCheck) && hasBeenCalled === false) { 27785 console.log('Is in screen: ' + divToCheck + ' rp' + counter + ' url: ' + beacon); 27786 hasBeenCalled = true; 27787 //$('f-stat-catcher').load(beacon); 27788 $('f-stat-catcher').html('<img src="' + beacon + '" />'); 27789 } 27790 }, false); 27791 } 27792 </script>
27792 27793 27794 27795 27796 27797 27798
27799<script> 27800 27801 let userStatus; 27802 let yinYang; 27803 27804 function setValue(value) { 27805 yinYang = value; 27806 27807 const storedYinYang = sessionStorage.getItem('yinYang'); 27808 27809 if (!storedYinYang || storedYinYang !== value) { 27810 sessionStorage.setItem('yinYang', value); 27811 } 27812 27813 if (yinYang === 'Plus') { 27814 //console.log('You are using Feber+, thank you!'); 27815 localStorage.setItem('mehr', 'true'); 27816 } else if (yinYang === 'User') { 27817 localStorage.setItem('benutzer', 'true'); 27818 } else { 27819 localStorage.removeItem('mehr'); 27820 localStorage.removeItem('benutzer'); 27821 } 27822 27823 if (yinYang === 'Adblock' || yinYang === 'AdblockPlausible') { 27824 $('body').attr('data-block', 'true'); 27825 console.log('You are using an adblocker, please whitelist us!'); 27826 } 27827 } 27828 27829 27830 // Checks if ad networks are reachable (not blocked by adblocker) 27831 // Kollar bÃÂ¥de Plausible och Google Ads â om nÃÂ¥gon blockeras â adblock 27832 function checkFirst() { 27833 return new Promise(function(resolve) { 27834 var plausible = fetch('https://plausible.io/api/event', {mode:'no-cors',method:'POST'}).then(function() { console.log('[checkFirst] plausible: OK'); return true; }).catch(function() { console.log('[checkFirst] plausible: BLOCKERAD'); return false; }); 27835 var google = fetch('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', {mode:'no-cors'}).then(function() { console.log('[checkFirst] google: OK'); return true; }).catch(function() { console.log('[checkFirst] google: BLOCKERAD'); return false; }); 27836 Promise.all([plausible, google]).then(function(results) { 27837 console.log('[checkFirst] resultat: plausible=' + results[0] + ', google=' + results[1] + ' â ' + (results[0] && results[1] ? 'User' : 'Adblock')); 27838 resolve(results[0] && results[1]); 27839 }); 27840 }); 27841 } 27842 27843 $(document).ready(() => checkPlus().then(isPlus => { 27844 //console.log('Start'); 27845 if (isPlus) { 27846 setValue('Plus'); 27847 window._adblocked = false; 27848 //console.log('Set Plus'); 27849 } else { 27850 //console.log('2'); 27851 if (checkPren()) { 27852 setValue('Premium'); 27853 window._adblocked = false; 27854 //console.log('Set Premium'); 27855 } else { 27856 //console.log('3'); 27857 checkFirst().then((isLoaded) => { 27858 //console.log('4'); 27859 window._adblocked = !isLoaded; 27860 if (!isLoaded) { 27861 setValue('Adblock'); 27862 //console.log('Set Adblock'); 27863 } else { 27864 //console.log('5'); 27865 setValue('User'); 27866 //console.log('Set User'); 27867 } 27868 }) 27869 .catch((error) => console.error(error)); 27870 27871 } 27872 } 27873 }).catch(error => console.error(error))); 27874 27875 27876 27877</script>
27877 27878 27879 27880 27881 27882 27883
27884<script data-name="maxapi" data-domain="feber.se" data-version="3.2.520" data-cfasync="false">!function(e){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var n,t,i,r=(n=function(e,n){e.exports=function(){var e=function(){},n={},t={},i={};function r(e,n){e=e.push?e:[e];var r,o,s,c=[],a=e.length,f=a;for(r=function(e,t){t.length&&c.push(e),--f||n(c)};a--;)o=e[a],(s=t[o])?r(o,s):(i[o]=i[o]||[]).push(r)}function o(e,n){if(e){var r=i[e];if(t[e]=n,r)for(;r.length;)r[0](e,n),r.splice(0,1)}}function s(n,t){n.call&&(n={success:n}),t.length?(n.error||e)(t):(n.success||e)(n)}function c(n,t,i,r){var o,s,a=document,f=i.async,u=(i.numRetries||0)+1,d=i.before||e,l=n.replace(/[\?|#].*$/,""),p=n.replace(/^(css|img)!/,"");r=r||0,/(^css!|\.css$)/.test(l)?((s=a.createElement("link")).rel="stylesheet",s.href=p,(o="hideFocus"in s)&&s.relList&&(o=0,s.rel="preload",s.as="style")):/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(l)?(s=a.createElement("img")).src=p:((s=a.createElement("script")).src=n,s.async=void 0===f||f),s.onload=s.onerror=s.onbeforeload=function(e){var a=e.type[0];if(o)try{s.sheet.cssText.length||(a="e")}catch(e){18!=e.code&&(a="e")}if("e"==a){if((r+=1)<u)return c(n,t,i,r)}else if("preload"==s.rel&&"style"==s.as)return s.rel="stylesheet";t(n,a,e.defaultPrevented)},!1!==d(n,s)&&a.head.appendChild(s)}function a(e,n,t){var i,r,o=(e=e.push?e:[e]).length,s=o,a=[];for(i=function(e,t,i){if("e"==t&&a.push(e),"b"==t){if(!i)return;a.push(e)}--o||n(a)},r=0;r<s;r++)c(e[r],i,t)}function f(e,t,i){var r,c;if(t&&t.trim&&(r=t),c=(r?i:t)||{},r){if(r in n)throw"LoadJS";n[r]=!0}function f(n,t){a(e,(function(e){s(c,e),n&&s({success:n,error:t},e),o(r,e)}),c)}if(c.returnPromise)return new Promise(f);f()}return f.ready=function(e,n){return r(e,(function(e){s(n,e)})),f},f.done=function(e){o(e,[])},f.reset=function(){n={},t={},i={}},f.isDefined=function(e){return e in n},f}()},n(t={exports:{}},t.exports),t.exports),o=document.currentScript.dataset.domain,s=window.btoa(o).substring(0,5)+"."+o,c=function(){var e=new CustomEvent("contentBlocked",{});window.dispatchEvent(e);try{var n=JSON.stringify({b:!0}),t=new Blob([n],{type:"application/json"});navigator.sendBeacon("https://"+s+"/profile",t)}catch(e){}};if("undefined"!=typeof URLSearchParams){var a=new URLSearchParams(window.location.search);a.has("max_suffix")&&(i=a.get("max_suffix"))}r(["https://maxetise.net/prebid."+[o,i].filter((function(e){return e})).join(".")+".js"],"prebid",{numRetries:1,error:function(){c()}}),r(["https://securepubads.g.doubleclick.net/tag/js/gpt.js"],"gpt",{numRetries:1,error:function(){c()}});var f=window&&window.maxapi&&window.maxapi.cmd?window.maxapi.cmd:[];e.cmd=f,Object.defineProperty(e,"__esModule",{value:!0})}(this.maxapi=this.maxapi||{});</script>
27884 27885 27886 27887 27888 27889 27890 27891 27892 27893 27894 27895<style> 27896 .fc-consent-root .fc-dialog .fc-header h1, .fc-consent-root .fc-dialog .fc-header h2 { 27897 margin: 12px 0; font-family: SuisseBold; font-weight: 300 !important; font-size: 16px !important; 27898 } 27899</style> 27900
27901<script> 27902 // Generell funktion för att initiera Readpeak-puffar med text-visning när laddad 27903 function initReadpeakPuffs(config) { 27904 const { 27905 adId, 27906 articleId, 27907 tags, 27908 blockSelector, 27909 mobileBreakpoint = 600, 27910 position = null 27911 } = config; 27912 27913 function initReadpeakBlocks() { 27914 if (document.readyState === 'loading') { 27915 document.addEventListener('DOMContentLoaded', initReadpeakBlocks); 27916 return; 27917 } 27918 27919 checkPlus().then(isPlus => { 27920 if (isPlus || checkPren()) { 27921 const blocks = document.querySelectorAll(blockSelector); 27922 blocks.forEach(block => { 27923 if (block && typeof block.remove === 'function') { 27924 block.remove(); 27925 } else if (block && block.parentNode) { 27926 block.parentNode.removeChild(block); 27927 } 27928 }); 27929 } else { 27930 const adElement = document.querySelector(blockSelector + "[data-sid='" + articleId + "']"); 27931 if (!adElement) { 27932 setTimeout(initReadpeakBlocks, 100); 27933 return; 27934 } 27935 27936 const handleReadPeak = (entries, observer) => { 27937 const entry = entries[0]; 27938 if (entry.isIntersecting) { 27939 const elementPosition = adElement.getAttribute('data-position') || position; 27940 const tagsWithPosition = elementPosition ? tags + ',position:' + elementPosition : tags; 27941 var count = window.innerWidth < mobileBreakpoint ? 1 : 2; 27942 runReadPeak(adId, count, tagsWithPosition); 27943 observer.unobserve(adElement); 27944 } 27945 }; 27946 27947 const observer = new IntersectionObserver(handleReadPeak, { 27948 root: null, 27949 rootMargin: '100px', 27950 threshold: 0.5 27951 }); 27952 observer.observe(adElement); 27953 27954 // Fallback: om containern fortfarande är dold vid window load 27955 window.addEventListener('load', function() { 27956 setTimeout(function() { 27957 if (adElement.style.display === 'none' || !adElement.children.length) { 27958 observer.unobserve(adElement); 27959 handleReadPeak([{ isIntersecting: true }], observer); 27960 } 27961 }, 500); 27962 }); 27963 } 27964 }).catch(error => console.error(error)); 27965 } 27966 27967 initReadpeakBlocks(); 27968 } 27969 27970 // Mappa placeringsnamn till numeriska ID:n för url_hit_counter 27971 // Wide/Maxetise: desktop1-5 = 1-5, mobile1-5 = 6-10 27972 // Puffs: before-article = 20, before-list = 21, in-article = 22, smallTop = 23 27973 // Test: 99 27974 function rpPlacementId(p) { 27975 if (!p) return 0; 27976 var m = {desktop1:1, desktop2:2, desktop3:3, desktop4:4, desktop5:5, 27977 mobile1:6, mobile2:7, mobile3:8, mobile4:9, mobile5:10, 27978 'before-article':20, 'before-list':21, 'in-article':22, smallTop:23, 27979 kvarterstart:30, kvarterstartm:31, kvarterart:32, kvarterartm:33, 27980 test:99}; 27981 return m[p] || 0; 27982 } 27983 27984 // ReadPeak Wide: stor variant â byggs dynamiskt med div + inline styles 27985 // config.immediate = true skippar IntersectionObserver (för fallback-spawns i redan synliga slots) 27986 function initReadpeakWide(config) { 27987 const { adId, articleId, tags, position, immediate } = config; 27988 27989 function init() { 27990 if (document.readyState === 'loading') { 27991 document.addEventListener('DOMContentLoaded', init); 27992 return; 27993 } 27994 27995 checkPlus().then(isPlus => { 27996 if (isPlus || checkPren()) { 27997 const block = document.getElementById(adId); 27998 if (block) block.remove(); 27999 return; 28000 } 28001 28002 const container = document.getElementById(adId); 28003 if (!container) { 28004 setTimeout(init, 100); 28005 return; 28006 } 28007 28008 const tagsWithPosition = position ? tags + ',position:' + position : tags; 28009 var mob = window.innerWidth <= 600; 28010 28011 function render(result) { 28012 if (!Array.isArray(result) || !result.length) { 28013 container.style.setProperty('display', 'none', 'important'); 28014 return; 28015 } 28016 28017 var c = result[0]; 28018 var rawImg = (c.images && c.images.length) ? c.images[c.images.length - 1].image : ''; 28019 var imgW = mob ? '180px' : '230px'; 28020 var tFs = mob ? '15px' : '18px'; 28021 var tLh = mob ? '18px' : '21px'; 28022 var bFs = mob ? '12px' : '13px'; 28023 var bLh = mob ? '15px' : '17px'; 28024 28025 container.style.cssText = 'display:block;width:100%;max-width:980px;overflow:hidden;'; 28026 28027 var link = document.createElement('a'); 28028 link.href = c.target || '#'; 28029 link.target = '_blank'; 28030 link.rel = 'nofollow'; 28031 link.style.cssText = 'display:flex;flex-direction:row;text-decoration:none;color:inherit;background-color:rgb(45,45,45);overflow:hidden;font-family:var(--f-suisse-regular);-webkit-font-smoothing:antialiased;'; 28032 28033 var pid = rpPlacementId(articleId); 28034 link.addEventListener('click', function() { 28035 navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpWideClick',id:pid}])); 28036 }); 28037 28038 link.innerHTML = 28039 '<div style="flex-shrink:0;width:' + imgW + ';min-height:120px;overflow:hidden">' + 28040 '<img style="width:100%;height:100%;object-fit:cover;display:block">' + 28041 '</div>' + 28042 '<div style="flex:1;display:flex;flex-direction:column;justify-content:start;padding:16px 20px;min-width:0">' + 28043 '<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-bold);font-weight:300;color:#fff">' + (c.title || '') + '</div>' + 28044 '<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-regular);color:var(--n-orange-semidark);margin-bottom:4px">Annons fr\u00e5n ' + (c.advertiser || '') + '</div>' + 28045 '<div style="font-size:' + bFs + ';line-height:' + bLh + ';color:rgb(190,190,190)">' + (c.text || '') + '</div>' + 28046 (c.cta ? '<div style="margin-top:8px;font-size:' + bFs + ';line-height:' + bLh + ';font-weight:300;color:var(--n-orange-semidark)">' + c.cta + '</div>' : '') + 28047 '</div>'; 28048 28049 container.innerHTML = ''; 28050 container.appendChild(link); 28051 28052 if (rawImg) { 28053 var img = container.querySelector('img'); 28054 img.src = '/p/rp/img?u=' + btoa(rawImg).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,''); 28055 img.onload = function() { 28056 if (typeof _pingQueue === 'function') { 28057 _pingQueue('rpWideView', rpPlacementId(articleId), 1); 28058 } 28059 }; 28060 img.onerror = function() { 28061 container.style.display = 'none'; 28062 }; 28063 } 28064 28065 if (Array.isArray(c.beacons)) { 28066 c.beacons.forEach(function(u) { new Image(1,1).src = u; }); 28067 } 28068 } 28069 28070 function fetchAds(consentString) {
28071 var url = '/p/rp/json?l=621&j=1&n=1&tags=' + encodeURIComponent(tagsWithPosition || '') + '&gdpr_consent=' + encodeURIComponent(consentString || ''); 28072 fetch(url) 28073 .then(function(r) { return r.json(); }) 28074 .then(render) 28075 .catch(function() { container.style.display = 'none'; }); 28076 } 28077 28078 function doFetch() { 28079 if (typeof window.__tcfapi === 'function') { 28080 var handled = false; 28081 var fallback = setTimeout(function() { if (!handled) { handled = true; fetchAds(''); } }, 5000); 28082 try { 28083 window.__tcfapi('addEventListener', 2, function(tcData, success) { 28084 if (!success || handled) return; 28085 var cs = (tcData && tcData.tcString) ? tcData.tcString : ''; 28086 var es = tcData && tcData.eventStatus; 28087 if (cs || es === 'tcloaded' || es === 'useractioncomplete') { 28088 clearTimeout(fallback); 28089 handled = true; 28090 fetchAds(cs); 28091 } 28092 }); 28093 } catch (e) { fetchAds(''); } 28094 } else { 28095 fetchAds(''); 28096 } 28097 } 28098 28099 if (immediate) { 28100 doFetch(); 28101 } else { 28102 new IntersectionObserver(function(entries, observer) { 28103 if (!entries[0].isIntersecting) return; 28104 observer.unobserve(container); 28105 doFetch(); 28106 }, { root: null, rootMargin: '200px', threshold: 0.1 }).observe(container); 28107 } 28108 28109 }).catch(function(err) { console.warn('RP Wide: error', err); }); 28110 } 28111 28112 init(); 28113 } 28114 28115 28116</script>
28116 28117 28118<!-- Puff-styling hanteras med inline styles i runReadPeak --> 28119<style> 28120 28121 28122 28123 /* Wide-styling hanteras med inline styles i initReadpeakWide */ 28124 28125 /* STYLING FÃÂR SNIPPETS */ 28126 28127 :root { 28128 /* Root bakgrund och text (används av body, snippet m.fl.) */ 28129 /* 28130 --f-snippet-background: rgb(55,55,55); 28131 --f-snippet-background-fade: rgb(65,65,65); 28132 --f-snippet-text: rgb(220,220,220); 28133 --f-snippet-text-muted: #ccc; 28134 */ 28135 --f-snippet-background: rgb(230,230,230); 28136 --f-snippet-background-fade: rgb(220,220,220); 28137 --f-snippet-text: var(--f-article-text-color); 28138 --f-snippet-text-muted: var(--f-article-text-color-shade-deluxe); 28139 } 28140 28141 f-article[data-status='snippet'] { display: flex; flex-direction: column;} 28142 28143 f-article[data-status='snippet'] f-article-image[data-position='primary'] { padding-bottom: 35% !important; } 28144 28145 /* SNIPPET HEADER */ 28146 f-article[data-status='snippet'] f-article-header { font-size: 18px; line-height: 20px; padding-bottom: 10px; } 28147 28148 @media only screen and (max-width: 800px) { 28149 f-article[data-status='snippet'] f-article-header { font-size: 16px; line-height: 18px; } 28150 } 28151 28152 /* SNIPPET FOOTER */ 28153 f-article[data-status='snippet'] f-article-footer { height: 34px; padding: var(--f-article-padding-thin); width: calc(var(--f-article-width) - var(--f-article-padding-thin) - var(--f-article-padding-thin)); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding-thin) - var(--f-article-padding-thin)); } 28154 28155 f-article[data-status='snippet'] f-article-footer-plus, f-article[data-status='snippet'] f-article-footer-minus, f-article[data-status='snippet'] f-article-footer-plus svg, f-article[data-status='snippet'] f-article-footer-minus svg { height: 34px; width: 34px; } 28156 f-article[data-status='snippet'] f-article-footer-minus { margin-left: 10px; } 28157 28158 f-article[data-status='snippet'] f-article-footer .temp, f-article[data-status='snippet'] f-article-footer f-article-temp { padding: 0 8px; font-size: 20px; line-height: 32px; -webkit-font-smoothing: auto; } 28159 28160 f-article[data-status='snippet'] f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 20px; line-height: 32px; min-width: calc(34px - 12px); } 28161 f-article[data-status='snippet'] f-article-footer f-bubble::after { 28162 margin-top: 0px; margin-right: 0px; margin-left: -2px; 28163 border-left: 2px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333; 28164 } 28165 f-article[data-status='snippet'] f-article-footer .arrow { margin-top: 9px; } 28166 28167 f-article[data-status='snippet'] f-article-footer .writer_icon { width: 34px; height: 34px; } 28168 f-article[data-status='snippet'] f-article-footer-writerinfo { font-size: 10px; padding: 6px 0 0 4px; line-height: 12px; } 28169 28170 @media only screen and (min-width: 600px) { 28171 f-article[data-status='snippet'][data-primarymedia='image'] { flex-direction: row; max-width: 980px; margin: var(--f-margins-margins); width: 100%; } 28172 28173 f-article[data-status='snippet'][data-primarymedia='image'] f-article-wrapper { 28174 box-shadow: none; margin: 0; 28175 } 28176 28177 f-article[data-status='snippet'][data-primarymedia='image'] f-article-media-above { width: 240px; margin: 0; } 28178 28179 f-article[data-status='snippet'][data-primarymedia='image'] f-article-image[data-position='primary'] { height: 100%; padding-bottom: unset !important; } 28180 28181 } 28182 f-article[data-status='snippet'] f-article-header { background-color: var(--f-snippet-background) !important; } 28183 f-article[data-status='snippet'] f-article-headline b { color: var(--f-snippet-text) !important; } 28184 f-article[data-status='snippet'] f-article-preamble { color: var(--f-snippet-text-muted) !important; } 28185 f-article[data-status='snippet'][data-temp='hot'] f-article-preamble { color: var(--f-hot-color) !important; } 28186 f-article[data-status='snippet'][data-temp='cold'] f-article-preamble { color: var(--f-cold-color) !important; } 28187 28188 f-article[data-status='snippet'] f-article-content { background-color: var(--f-snippet-background) !important; } 28189 f-article[data-status='snippet'] f-article-footer { background-color: var(--f-snippet-background-fade) !important; } 28190 f-article[data-status='snippet'] f-article-footer-writerinfo { color: var(--f-snippet-text-muted) !important; } 28191 f-article[data-status='snippet'] f-article-footer-writerinfo b { color: var(--f-snippet-text) !important; } 28192 f-article[data-status='snippet'] f-article-body-link a { } 28193</style> 28194 28195 28196 28197 28198 28199 <!--
28199<script async src="/p/js/pa-M8305ExWVEQwQRQJuvI0X.js"></script>
28199--> 28200
28200<script async src="https://plausible.io/js/pa-M8305ExWVEQwQRQJuvI0X.js"></script>
28200 28201 28202 28203
28203<script> 28204 window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; 28205 plausible.init() 28206 </script>
28206 28207 28208 28209 28210 28211 28212 28213 28214 28215 28216 28217 28218 28219 28220 28221 28222 28223
28223<script type="application/ld+json"> 28224 { 28225 "@context": "https://schema.org", 28226 "@type": "WebSite", 28227 "name": "Feber", 28228 "url": "https://feber.se", 28229 "potentialAction": { 28230 "@type": "SearchAction", 28231 "target": { 28232 "@type": "EntryPoint", 28233 "urlTemplate": "https://feber.se/sok/?q={search_term_string}" 28234 }, 28235 "query-input": "required name=search_term_string" 28236 }, 28237 "publisher": { 28238 "@type": "Organization", 28239 "name": "Feber", 28240 "logo": { 28241 "@type": "ImageObject", 28242 "url": "https://feber.se/faviconsfeber/android-chrome-512x512.png", 28243 "width": 512, 28244 "height": 512 28245 } 28246 } 28247 } 28248 </script>
28248 28249 28250<!-- Batch event collector -->
28251<script> 28252(function() { 28253 var _eq = []; 28254 28255 window._pingQueue = function(type, id, hits) { 28256 var ev = { t: type, id: Number(id) }; 28257 if (hits && hits > 1) ev.h = Number(hits); 28258 _eq.push(ev); 28259 }; 28260 28261 function _flush() { 28262 if (_eq.length === 0) return; 28263 var payload = JSON.stringify(_eq); 28264 _eq = []; 28265 if (navigator.sendBeacon) { 28266 navigator.sendBeacon('/api/status', payload); 28267 } else { 28268 var xhr = new XMLHttpRequest(); 28269 xhr.open('POST', '/api/status', true); 28270 xhr.setRequestHeader('Content-Type', 'application/json'); 28271 xhr.send(payload); 28272 } 28273 } 28274 28275 setInterval(_flush, 30000); 28276 document.addEventListener('visibilitychange', function() { 28277 if (document.visibilityState === 'hidden') _flush(); 28278 }); 28279 window.addEventListener('beforeunload', _flush); 28280})(); 28281</script>
28281 28282 28283<!-- Visitor & visit tracking -->
28284<script> 28285(function() { 28286 var now = new Date(); 28287 var today = now.toISOString().slice(0, 10); 28288 var sn = 'feber'; // "feber" eller "tjock" 28289 28290 // Unik per dag 28291 var dailyKey = 'f_ud_' + sn; 28292 var dailyVal = localStorage.getItem(dailyKey); 28293 if (dailyVal !== today) { 28294 localStorage.setItem(dailyKey, today); 28295 window._pingQueue(sn + 'UniqueDaily', 0); 28296 } 28297 28298 // Unik per vecka (nollställs söndag) 28299 var weeklyKey = 'f_uw_' + sn; 28300 var day = now.getDay(); // 0=sön 28301 var diff = now.getDate() - day; 28302 var sunday = new Date(now.getFullYear(), now.getMonth(), diff); 28303 var weekId = sunday.toISOString().slice(0, 10); 28304 var weeklyVal = localStorage.getItem(weeklyKey); 28305 if (weeklyVal !== weekId) { 28306 localStorage.setItem(weeklyKey, weekId); 28307 window._pingQueue(sn + 'UniqueWeekly', 0); 28308 } 28309 28310 // Besök (session) 28311 var visitKey = 'f_vs_' + sn; 28312 if (!sessionStorage.getItem(visitKey)) { 28313 sessionStorage.setItem(visitKey, '1'); 28314 window._pingQueue(sn + 'Visit', 0); 28315 } 28316})(); 28317</script>
28317 28318 28319<!-- Article view tracker -->
28320<script> 28321(function() { 28322 var timers = {}; 28323 var viewed = {}; 28324 28325 function reportTime(id, seconds) { 28326 if (seconds <= 0 || seconds > 900) return; 28327 window._pingQueue('articleViewSeconds', id, seconds); 28328 if (seconds > 15) { 28329 window._pingQueue('articleView15', id); 28330 } else if (seconds > 10) { 28331 window._pingQueue('articleView10', id); 28332 } else if (seconds > 5) { 28333 window._pingQueue('articleView5', id); 28334 } else if (seconds > 1) { 28335 window._pingQueue('articleView1', id); 28336 } 28337 } 28338 28339 var observer = new IntersectionObserver(function(entries) { 28340 for (var i = 0; i < entries.length; i++) { 28341 var entry = entries[i]; 28342 var id = entry.target.getAttribute('data-id'); 28343 if (!id) continue; 28344 28345 if (entry.isIntersecting) { 28346 if (!viewed[id]) { 28347 window._pingQueue('articleView', id); 28348 viewed[id] = true; 28349 } 28350 if (!timers[id]) { 28351 timers[id] = new Date(); 28352 } 28353 } else { 28354 if (timers[id]) { 28355 var seconds = Math.round((new Date() - timers[id]) / 1000); 28356 reportTime(id, seconds); 28357 delete timers[id]; 28358 } 28359 } 28360 } 28361 }, { threshold: 0 }); 28362 28363 function trackArticle(el) { 28364 if (el.getAttribute('data-tracked')) return; 28365 if (!el.getAttribute('data-id')) return; 28366 el.setAttribute('data-tracked', '1'); 28367 observer.observe(el); 28368 } 28369 28370 function scanArticles(root) { 28371 var articles = (root || document).querySelectorAll('f-article[data-id]'); 28372 for (var i = 0; i < articles.length; i++) { 28373 trackArticle(articles[i]); 28374 } 28375 } 28376 28377 if (document.readyState === 'loading') { 28378 document.addEventListener('DOMContentLoaded', function() { scanArticles(); }); 28379 } else { 28380 scanArticles(); 28381 } 28382 28383 var mo = new MutationObserver(function(mutations) { 28384 for (var i = 0; i < mutations.length; i++) { 28385 var added = mutations[i].addedNodes; 28386 for (var j = 0; j < added.length; j++) { 28387 var node = added[j]; 28388 if (node.nodeType !== 1) continue; 28389 if (node.tagName === 'F-ARTICLE' && node.getAttribute('data-id')) { 28390 trackArticle(node); 28391 } 28392 if (node.querySelectorAll) { 28393 scanArticles(node); 28394 } 28395 } 28396 } 28397 }); 28398 mo.observe(document.documentElement, { childList: true, subtree: true }); 28399 28400 window.addEventListener('beforeunload', function() { 28401 for (var id in timers) { 28402 if (timers.hasOwnProperty(id) && timers[id]) { 28403 var seconds = Math.round((new Date() - timers[id]) / 1000); 28404 reportTime(id, seconds); 28405 } 28406 } 28407 }); 28408})(); 28409</script>
28409 28410 28411<!-- Native article view tracker -->
28412<script> 28413(function() { 28414 var timers = {}; 28415 var viewed = {}; 28416 28417 function reportTime(id, seconds, isRead) { 28418 if (seconds <= 0 || seconds > 900) return; 28419 window._pingQueue('nativeViewedSeconds', id, seconds); 28420 28421 if (isRead) { 28422 window._pingQueue('nativeReadSeconds', id, seconds); 28423 } else { 28424 if (seconds > 15) { 28425 window._pingQueue('nativeFeedRead15', id); 28426 window._pingQueue('nativeFeedRead15Seconds', id, seconds); 28427 } else if (seconds > 10) { 28428 window._pingQueue('nativeFeedRead10', id); 28429 window._pingQueue('nativeFeedRead10Seconds', id, seconds); 28430 } else if (seconds > 5) { 28431 window._pingQueue('nativeFeedRead5', id); 28432 window._pingQueue('nativeFeedRead5Seconds', id, seconds); 28433 } else if (seconds > 1) { 28434 window._pingQueue('nativeFeedRead1', id); 28435 window._pingQueue('nativeFeedRead1Seconds', id, seconds); 28436 } 28437 } 28438 } 28439 28440 // Keep time before and after opening Läs mer separate, regardless of campaign KPI. 28441 window.nativeReadMoreOpened = function(id) { 28442 if (!timers[id]) return; 28443 var seconds = Math.round((new Date() - timers[id]) / 1000); 28444 reportTime(id, seconds, false); 28445 timers[id] = new Date(); 28446 }; 28447 28448 var observer = new IntersectionObserver(function(entries) { 28449 for (var i = 0; i < entries.length; i++) { 28450 var entry = entries[i]; 28451 var id = entry.target.getAttribute('data-native-id'); 28452 if (!id) continue; 28453 28454 if (entry.isIntersecting) { 28455 if (!viewed[id]) { 28456 window._pingQueue('nativeViewed', id); 28457 viewed[id] = true; 28458 } 28459 if (!timers[id]) { 28460 timers[id] = new Date(); 28461 } 28462 } else { 28463 if (timers[id]) { 28464 var seconds = Math.round((new Date() - timers[id]) / 1000); 28465 var articleBody = entry.target.querySelector('f-article-body[data-part="2"]'); 28466 var isRead = articleBody && articleBody.dataset.overlay !== 'true'; 28467 reportTime(id, seconds, isRead); 28468 delete timers[id]; 28469 } 28470 } 28471 } 28472 }, { threshold: 0 }); 28473 28474 function trackNative(el) { 28475 if (el.getAttribute('data-native-tracked')) return; 28476 if (!el.getAttribute('data-native-id')) return; 28477 el.setAttribute('data-native-tracked', '1'); 28478 observer.observe(el); 28479 } 28480 28481 function scanNatives(root) { 28482 var natives = (root || document).querySelectorAll('[data-native-id]'); 28483 for (var i = 0; i < natives.length; i++) { 28484 trackNative(natives[i]); 28485 } 28486 } 28487 28488 if (document.readyState === 'loading') { 28489 document.addEventListener('DOMContentLoaded', function() { scanNatives(); }); 28490 } else { 28491 scanNatives(); 28492 } 28493 28494 var mo = new MutationObserver(function(mutations) { 28495 for (var i = 0; i < mutations.length; i++) { 28496 // Attribut-mutation: data-native-id sattes pÃÂ¥ ett befintligt element 28497 if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'data-native-id') { 28498 trackNative(mutations[i].target); 28499 continue; 28500 } 28501 // childList-mutation: nya noder lades till 28502 var added = mutations[i].addedNodes; 28503 for (var j = 0; j < added.length; j++) { 28504 var node = added[j]; 28505 if (node.nodeType !== 1) continue; 28506 if (node.getAttribute && node.getAttribute('data-native-id')) { 28507 trackNative(node); 28508 } 28509 if (node.querySelectorAll) { 28510 scanNatives(node); 28511 } 28512 } 28513 } 28514 }); 28515 mo.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-native-id'] }); 28516 28517 window.addEventListener('beforeunload', function() { 28518 for (var id in timers) { 28519 if (timers.hasOwnProperty(id) && timers[id]) { 28520 var seconds = Math.round((new Date() - timers[id]) / 1000); 28521 var native = document.querySelector('[data-native-id="' + id + '"]'); 28522 var articleBody = native && native.querySelector('f-article-body[data-part="2"]'); 28523 reportTime(id, seconds, !!(articleBody && articleBody.dataset.overlay !== 'true')); 28524 } 28525 } 28526 }); 28527 28528})(); 28529</script>
28529 28530 28531</head> 28532 28533 28534 28535 28536 28537 28538 28539 28540 28541 28542 28543 28544 28545 28546 28547 28548 28549 28550 28551 28552 28553 28554<body class=" feber" data-site="feber"> 28555 28556 28557 28558 28559
28559<script type="text/javascript"> 28560 28561 function initPremiumStatus() { 28562 checkPlus().then(isPlus => { 28563 if (isPlus) { 28564 document.body.setAttribute('data-premium', 'true'); 28565 } else if (checkPren()) { 28566 document.body.setAttribute('data-premium', 'true'); 28567 } else { 28568 document.body.setAttribute('data-premium', 'false'); 28569 } 28570 }).catch(error => console.error(error)); 28571 } 28572 28573 if (document.readyState === 'loading') { 28574 document.addEventListener('DOMContentLoaded', initPremiumStatus); 28575 } else { 28576 initPremiumStatus(); 28577 } 28578 28579 </script>
28579 28580 28581 28582 <f-menu-background></f-menu-background> 28583 28584 28585 <f-fullscreen> 28586 <f-fullscreen-close onclick="exitFullscreen();"> 28587 <svg id="nofullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> 28588 <polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"/> 28589 <polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"/> 28590 <polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"/> 28591 <polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"/> 28592 </svg> 28593 </f-fullscreen-close> 28594 </f-fullscreen> 28595 28596 28597
28597<script type="text/javascript"> 28598 28599 let timeforOutsider = false; 28600 let roomforOutsider = false; 28601 let outsiderRunned = false; 28602 28603 // Funktion to load outsider, but only when the time and place is correct 28604 28605 function initOutsider() { 28606 checkPlus().then(isPlus => { 28607 if (!isPlus) { 28608 if (!checkPren()) { 28609 28610 // Check loaded placements 28611 // This is to ensure that desktop0 and desktop1 is loaded before outsiders, because of performance 28612 // Can be overridden by timer below 28613 28614 let placementsLoaded = []; 28615 28616 window.addEventListener( 28617 "placementLoaded", 28618 function (e) { 28619 28620 // Function that checks the placements and push to placementsLoaded 28621 if (e.detail.placement === "desktop0" || e.detail.placement === "desktop1" || e.detail.placement === "desktop2") { 28622 placementsLoaded.push(e.detail.placement); 28623 //console.log('placement ' + e.detail.placement) 28624 } 28625 28626 // When two is loaded, carry on 28627 if (placementsLoaded.length == 2) { 28628 28629 // Is it two unique placements? 28630 const uniquePlacements = new Set(placementsLoaded); 28631 if (uniquePlacements.size == 2) { 28632 placementsLoaded.push("loaded"); 28633 timeforOutsider = true; 28634 runOutsiders('placeloaded'); 28635 } 28636 //console.log('placement2 ' + e.detail.placement) 28637 } 28638 }, 28639 false 28640 ); 28641 28642 // If desktop1 is below fold we just wait two seconds 28643 setTimeout(function() { 28644 timeforOutsider = true; 28645 runOutsiders('3sek'); 28646 }, 500); 28647 28648 28649 // Check if there is enough space 28650 const element = document.querySelector('f-internallinks-new[data-special="topscroll"]'); 28651 const winHeight = window.innerHeight; 28652 28653 28654 if (element) { 28655 // If topscroll element exists 28656 if (winHeight > 950) { 28657 // If enough space for banner + topscroll 28658 roomforOutsider = true; 28659 runOutsiders('space-950'); 28660 } else { 28661 // If not, wait for topscroll to exit 28662 const observer = new IntersectionObserver( 28663 (entries) => { 28664 entries.forEach((entry) => { 28665 if (!entry.isIntersecting) { 28666 const leavingFromTop = entry.boundingClientRect.bottom < entry.rootBounds.top; 28667 if (leavingFromTop) { 28668 roomforOutsider = true; 28669 runOutsiders('space-topscroll-exit'); 28670 observer.unobserve(entry.target); 28671 } 28672 } 28673 }); 28674 }, 28675 { threshold: 0 } 28676 ); 28677 observer.observe(element); 28678 } 28679 } else { 28680 // If no topscroll, just check for height, but less 28681 if (window.innerHeight > 800) { 28682 roomforOutsider = true; 28683 runOutsiders('space-800'); 28684 } 28685 } 28686 } 28687 } 28688 }).catch(error => console.error(error)); 28689 } 28690 28691 function runOutsiders(where) { 28692 // 'where' is just to know what fired this 28693 // console.log('Running Outsider Room: ' + roomforOutsider + ' Time: ' + timeforOutsider + ' From: ' + where); 28694 28695 if (roomforOutsider && timeforOutsider && !outsiderRunned) { 28696 // set outsiderRunned to true to prevent double loading 28697 outsiderRunned = true; 28698 var outsiderEl = document.getElementById('outsider'); 28699 var outsiderLeftEl = document.getElementById('outsiderLeft'); 28700 if (outsiderEl) { 28701 outsiderEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (min-width: 1340px)", "placement": "desktop6"}]\'></div>'; 28702 } 28703 if (outsiderLeftEl) { 28704 outsiderLeftEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (min-width: 1640px)", "placement": "desktop7"}]\'></div>'; 28705 } 28706 } 28707 } 28708 28709 if (document.readyState === 'loading') { 28710 document.addEventListener('DOMContentLoaded', initOutsider); 28711 } else { 28712 initOutsider(); 28713 } 28714 28715 </script>
28715 28716 28717 28718 28719 <div id="maxetiseFull"></div> 28720 28721
28721<script type="text/javascript"> 28722 function initMaxetiseFull() { 28723 checkPlus().then(isPlus => { 28724 if (!isPlus) { 28725 if (!checkPren()) { 28726 // load placement 0 28727 var maxetiseFullEl = document.getElementById('maxetiseFull'); 28728 if (maxetiseFullEl) { 28729 maxetiseFullEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (max-width: 500px)", "placement": "mobile0"}, { "mq":"screen", "placement": "desktop0"}]\'></div>'; 28730 } 28731 } 28732 } 28733 }).catch(error => console.error(error)); 28734 } 28735 28736 if (document.readyState === 'loading') { 28737 document.addEventListener('DOMContentLoaded', initMaxetiseFull); 28738 } else { 28739 initMaxetiseFull(); 28740 } 28741 </script>
28741 28742 28743 28744 28745 28746 <div id="outsider"></div><div id="outsiderLeft"></div> 28747 28748 28749 28750 28751 28752 28753 28754 <f-menu-container> 28755 <f-menu> 28756 28757 28758 <a href="https://feber.se/" aria-label="Till startsidan"> 28759 <f-menu-feberlogo> 28760 <svg width="73" height="13" viewBox="0 0 1001 180" fill="none" xmlns="http://www.w3.org/2000/svg"> 28761 <path d="M946.6 102.68C979.36 102.68 1000.42 80.3198 1000.42 52.4998C1000.42 23.6398 979.36 0.759766 946.6 0.759766C914.1 0.759766 893.82 23.6398 893.82 52.4998C893.82 80.3198 914.1 102.68 946.6 102.68ZM947.12 70.4398C934.38 70.4398 928.14 62.3798 928.14 51.9798C928.14 41.8398 934.38 32.4798 947.12 32.4798C959.34 32.4798 966.62 41.8398 966.62 51.9798C966.62 62.3798 959.34 70.4398 947.12 70.4398Z" fill="var(--f-hot-color)" id="logoring" style="" /> 28762 <path d="M717 179.4H764.84V120.38H786.68C794.48 127.66 818.4 173.16 828.54 179.4H880.28C871.18 174.98 842.32 122.98 832.18 112.06V109.98C852.98 103.74 867.8 84.24 867.8 58.5C867.8 22.88 846.22 0 792.92 0H717V179.4ZM764.06 85.54V36.66H788.76C810.86 36.66 818.4 46.8 818.4 61.36C818.4 76.18 810.86 85.54 788.76 85.54H764.06Z" fill="var(--f-menu-nohover)"/> 28763 <path d="M539 179.4H677.58V141.18H586.58V107.12H677.58V70.2H586.58V37.7H677.58V0H539V179.4Z" fill="var(--f-menu-nohover)"/> 28764 <path d="M352 179.4H434.42C480.18 179.4 504.62 164.06 504.62 130.52C504.62 101.4 484.86 91.52 470.82 88.4V86.84C483.82 83.46 500.72 70.72 500.72 47.06C500.72 13 478.88 0 436.5 0H352V179.4ZM397.76 72.8V34.32H427.92C447.94 34.32 453.66 41.08 453.66 53.82C453.66 65.52 448.2 72.8 426.1 72.8H397.76ZM397.76 144.56V104.78H428.7C449.5 104.78 457.3 111.28 457.3 124.8C457.3 139.62 448.98 144.56 428.96 144.56H397.76Z" fill="var(--f-menu-nohover)"/> 28765 <path d="M174 179.4H312.58V141.18H221.58V107.12H312.58V70.2H221.58V37.7H312.58V0H174V179.4Z" fill="var(--f-menu-nohover)"/> 28766 <path d="M0 179.4H47.84V116.22H134.16V78.52H47.84V37.7H134.16V0H0V179.4Z" fill="var(--f-menu-nohover)"/> 28767 <path d="M959.844 103V65.0818H1000V38.7286H959.844V1H930.346V38.7286H890V65.0818H930.346V103H959.844Z" fill="var(--f-hot-color)" id="logoplus" style="opacity: 0;" /> 28768 </svg> 28769
28769<script> 28770 checkPlus().then(isPlus => { 28771 if (isPlus) { 28772 const logoring = document.getElementById("logoring"); 28773 const logoplus = document.getElementById("logoplus"); 28774 const animtime = 300; 28775 28776 setTimeout(() => { 28777 logoring.animate({ opacity: 0 }, animtime, function () { 28778 logoplus.css("display", "block"); 28779 logoplus.animate({ opacity: 1 }, animtime); 28780 }); 28781 }, 1000); 28782 } 28783 }).catch(error => console.error(error)); 28784 </script>
28784 28785 28786 </f-menu-feberlogo> 28787 </a> 28788 28789 28790 28791 28792 28793 28794 28795 <style> 28796 28797 /* SKA FLYTTAS */ 28798 f-menu { display: flex; } 28799 28800 f-menu-slash-container { 28801 display: grid; grid-auto-flow: column; float: left; 28802 gap: 10px; overflow-y: hidden; 28803 overscroll-behavior-x: contain; scroll-snap-type: x mandatory; 28804 } 28805 28806 f-menu-slash { 28807 display: flex; cursor: pointer; color: #fff; 28808 margin-bottom: 4px; font-size: 14px; line-height: 50px; 28809 transition: color 0.3s ease; 28810 } 28811 28812 f-menu-slash[data-status='on'] { color: white; } 28813 28814 f-menu-slash::before { 28815 content: "/"; display: block; color: #666; 28816 padding-right: 4px; transition: color 0.2s ease; 28817 } 28818 28819 f-menu-slash[data-status='on']::before { color: var(--f-hot-color); } 28820 28821 @media only screen and (max-width: 6px) { 28822 body[data-site='feber'] { padding-top: 77px !important; } 28823 f-menu { flex-direction: column; height: 74px; } 28824 f-menu-slash-container { padding: 10px 16px; background-color: rgb(50,50,50); } 28825 f-menu-slash { font-size: 12px; line-height: 12px; } 28826 f-menu-slash::before { padding-right: 3px; } 28827 f-menu-feberlogo { height: 42px; } 28828 } 28829 28830 @media only screen and (max-width: 600px) { 28831 f-menu-slash { 28832 line-height: 44px; 28833 font-size: 12px; 28834 } 28835 f-menu-slash::before { 28836 padding-right: 2px; 28837 } 28838 28839 f-menu-slash-container { 28840 gap: 5px; 28841 } 28842 } 28843 28844 f-menu-droptrigger-burger { margin-left: auto; position: relative; } 28845 28846 f-menu-droptrigger-burger::before { 28847 content: ''; 28848 position: absolute; 28849 left: -29px; 28850 top: 0; 28851 height: 100%; 28852 width: 30px; 28853 background: linear-gradient(to right, rgba(0,0,0,0), rgb(30,30,30)); 28854 pointer-events: none; 28855 } 28856 28857 </style> 28858 <f-menu-slash-container> 28859 <f-menu-slash data-section="teknik" data-status="off" data-url="/teknik/"> 28860 Teknik 28861 </f-menu-slash> 28862 <f-menu-slash data-section="motor" data-status="off" data-url="/motor/"> 28863 Motor 28864 </f-menu-slash> 28865 <f-menu-slash data-section="samhalle" data-status="off" data-url="/samhalle/"> 28866 Samhälle 28867 </f-menu-slash> 28868 <f-menu-slash data-section="spel" data-status="off" data-url="/spel/"> 28869 Spel 28870 </f-menu-slash> 28871 <f-menu-slash data-section="popkultur" data-status="off" data-url="/popkultur/"> 28872 Popkultur 28873 </f-menu-slash> 28874 <f-menu-slash data-section="fritid" data-status="off" data-url="/fritid/"> 28875 Fritid 28876 </f-menu-slash> 28877 <f-menu-slash data-section="tjock" data-status="off" data-url="https://tjock.se/"> 28878 Tjock 28879 </f-menu-slash> 28880 <f-menu-slash data-section="tester" data-status="off" data-url="/tester/thumbnails/" style="color: #aaa;"> 28881 Tester 28882 </f-menu-slash> 28883 <f-menu-slash data-section="polls" data-status="off" data-url="/polls/" style="margin-right: 30px; color: #aaa;"> 28884 Dagens fråga 28885 </f-menu-slash> 28886 </f-menu-slash-container> 28887 28888
28888<script> 28889 // Anta att 'section' är definierad nÃÂ¥gonstans i din kod 28890 var section = 'none'; // eller 'motor', 'teknik', etc. 28891 28892 document.addEventListener('DOMContentLoaded', function() { 28893 var menuItems = document.querySelectorAll('f-menu-slash'); 28894 28895 // Sätt initial status baserat pÃÂ¥ 'section' 28896 menuItems.forEach(function(item) { 28897 if (item.getAttribute('data-section') === section) { 28898 item.setAttribute('data-status', 'on'); 28899 } else { 28900 item.setAttribute('data-status', 'off'); 28901 } 28902 }); 28903 28904 // Lägg till event listeners för musinteraktion 28905 menuItems.forEach(function(item) { 28906 item.addEventListener('mouseover', function() { 28907 menuItems.forEach(function(innerItem) { 28908 innerItem.setAttribute('data-status', 'off'); 28909 }); 28910 item.setAttribute('data-status', 'on'); 28911 }); 28912 28913 item.addEventListener('mouseout', function() { 28914 menuItems.forEach(function(innerItem) { 28915 if (innerItem.getAttribute('data-section') === section) { 28916 innerItem.setAttribute('data-status', 'on'); 28917 } else { 28918 innerItem.setAttribute('data-status', 'off'); 28919 } 28920 }); 28921 }); 28922 28923 // Lägg till klickhändelse för att navigera till URL 28924 item.addEventListener('click', function() { 28925 var url = item.getAttribute('data-url'); 28926 if (url) { 28927 window.location.href = url; 28928 } 28929 }); 28930 }); 28931 }); 28932 </script>
28932 28933 28934 28935 28936 28937 28938 28939 28940 <f-menu-droptrigger-burger> 28941 28942 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> 28943 <g> 28944 <circle fill="var(--f-menu-nohover)" cx="13.7" cy="50" r="13.7"/> 28945 <circle fill="var(--f-menu-nohover)" cx="50" cy="50" r="13.7"/> 28946 <circle fill="var(--f-menu-nohover)" cx="86.3" cy="50" r="13.7"/> 28947 </g> 28948 </svg> 28949 28950 28951
28951<script> 28952 // För att visa menyn 28953 var menuTrigger = document.querySelector('f-menu-droptrigger-burger'); 28954 if (menuTrigger) { 28955 menuTrigger.addEventListener('click', function(e) { 28956 //console.log('klick'); 28957 var dataopen = document.body.getAttribute('data-menu'); 28958 if (dataopen == 'open') { 28959 document.body.setAttribute('data-menu','closed'); 28960 } else { 28961 document.body.setAttribute('data-menu','open'); 28962 } 28963 e.preventDefault(); 28964 }); 28965 } 28966 28967 // För att dölja menyn om man klickar utanför den 28968 var menuBackground = document.querySelector('f-menu-background'); 28969 if (menuBackground) { 28970 menuBackground.addEventListener('click', function(e) { 28971 document.body.setAttribute('data-menu','closed'); 28972 e.preventDefault(); 28973 }); 28974 } 28975 </script>
28975 28976 28977 </f-menu-droptrigger-burger> 28978 28979 28980 28981 28982 <f-menu-dropdown-icons> 28983 <!-- DARK MODE --> 28984 <f-menu-contrast onClick="darkmodeSet();"> 28985 <svg id="contrast" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 28986 <circle cx="7" cy="7" r="6" stroke="var(--f-menu-nohover)" stroke-width="2"/> 28987 <path d="M7 1L11 2.5L13 6L12 10L9.5 12.5L7 13.5V1Z" fill="var(--f-menu-nohover)"/> 28988 </svg> 28989 </f-menu-contrast> 28990 28991 28992 <f-menu-sub-social> 28993 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="14" height="14" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 14222 14222" class="f-menu-social-facebook" onClick="parent.location='https://facebook.com/feberse'"> 28994 <g id="Layer_x0020_1"> 28995 <path class="f-menu-social-facebook-blue" d="M14222 7111c0,-3927 -3184,-7111 -7111,-7111 -3927,0 -7111,3184 -7111,7111 0,3549 2600,6491 6000,7025l0 -4969 -1806 0 0 -2056 1806 0 0 -1567c0,-1782 1062,-2767 2686,-2767 778,0 1592,139 1592,139l0 1750 -897 0c-883,0 -1159,548 -1159,1111l0 1334 1972 0 -315 2056 -1657 0 0 4969c3400,-533 6000,-3475 6000,-7025z" fill="#1977F3"/> 28996 <path class="f-menu-social-facebook-f" d="M9879 9167l315 -2056 -1972 0 0 -1334c0,-562 275,-1111 1159,-1111l897 0 0 -1750c0,0 -814,-139 -1592,-139 -1624,0 -2686,984 -2686,2767l0 1567 -1806 0 0 2056 1806 0 0 4969c362,57 733,86 1111,86 378,0 749,-30 1111,-86l0 -4969 1657 0z" fill="#FEFEFE" /> 28997 </g> 28998 </svg> 28999 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-menu-instagram" onClick="parent.location='https://instagram.com/feberse'"> 29000 <path d="M8.68831 0H3.31148C1.48553 0 0 1.4856 0 3.31155V8.68838C0 10.5144 1.48553 11.9999 3.31148 11.9999H8.68831C10.5144 11.9999 11.9999 10.5143 11.9999 8.68838V3.31155C12 1.4856 10.5144 0 8.68831 0ZM10.9353 8.68838C10.9353 9.92733 9.92733 10.9352 8.68838 10.9352H3.31148C2.0726 10.9353 1.06469 9.92733 1.06469 8.68838V3.31155C1.06469 2.07267 2.0726 1.06469 3.31148 1.06469H8.68831C9.92726 1.06469 10.9352 2.07267 10.9352 3.31155V8.68838H10.9353Z" fill="#999999"/> 29001 <path d="M5.99992 2.90808C4.29492 2.90808 2.90784 4.29516 2.90784 6.00016C2.90784 7.70509 4.29492 9.09209 5.99992 9.09209C7.70491 9.09209 9.09199 7.70509 9.09199 6.00016C9.09199 4.29516 7.70491 2.90808 5.99992 2.90808ZM5.99992 8.02733C4.88206 8.02733 3.97253 7.11794 3.97253 6.00009C3.97253 4.88216 4.88199 3.9727 5.99992 3.9727C7.11784 3.9727 8.0273 4.88216 8.0273 6.00009C8.0273 7.11794 7.11777 8.02733 5.99992 8.02733Z" fill="#999999"/> 29002 <path d="M9.22169 2.00525C9.01656 2.00525 8.81505 2.0883 8.67018 2.2338C8.5246 2.3786 8.44092 2.58018 8.44092 2.78602C8.44092 2.99122 8.52467 3.19274 8.67018 3.33824C8.81498 3.48304 9.01656 3.5668 9.22169 3.5668C9.42753 3.5668 9.62841 3.48304 9.77391 3.33824C9.91942 3.19274 10.0025 2.99115 10.0025 2.78602C10.0025 2.58018 9.91942 2.3786 9.77391 2.2338C9.62912 2.0883 9.42753 2.00525 9.22169 2.00525Z" fill="#999999"/> 29003 </svg> 29004 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-menu-twitter" onClick="parent.location='https://twitter.com/feber'"> 29005 <g clip-path="url(#clip0)"> 29006 <path d="M12 2.27925C11.5538 2.475 11.0782 2.60475 10.5825 2.66775C11.0925 2.36325 11.4818 1.88475 11.6648 1.308C11.1892 1.5915 10.6642 1.79175 10.1047 1.9035C9.65325 1.42275 9.00975 1.125 8.30775 1.125C6.94575 1.125 5.84925 2.2305 5.84925 3.58575C5.84925 3.78075 5.86575 3.96825 5.90625 4.14675C3.861 4.047 2.05125 3.06675 0.8355 1.5735C0.62325 1.94175 0.49875 2.36325 0.49875 2.817C0.49875 3.669 0.9375 4.42425 1.5915 4.8615C1.19625 4.854 0.8085 4.73925 0.48 4.5585C0.48 4.566 0.48 4.57575 0.48 4.5855C0.48 5.781 1.33275 6.774 2.451 7.00275C2.25075 7.0575 2.0325 7.08375 1.806 7.08375C1.6485 7.08375 1.4895 7.07475 1.34025 7.04175C1.659 8.016 2.5635 8.73225 3.639 8.7555C2.802 9.41025 1.73925 9.80475 0.58875 9.80475C0.387 9.80475 0.1935 9.79575 0 9.771C1.08975 10.4738 2.38125 10.875 3.774 10.875C8.301 10.875 10.776 7.125 10.776 3.8745C10.776 3.76575 10.7723 3.66075 10.767 3.5565C11.2552 3.21 11.6655 2.77725 12 2.27925Z" fill="#999999"/> 29007 </g> 29008 <defs> 29009 <clipPath id="clip0"> 29010 <rect width="12" height="12" fill="white"/> 29011 </clipPath> 29012 </defs> 29013 </svg> 29014 <svg xmlns="http://www.w3.org/2000/svg" id="YouTube_Icon" x="0px" y="0px" viewBox="0 0 1024 721" class="f-menu-youtube" enable-background="new 0 0 1024 721" xml:space="preserve" onClick="parent.location='http://youtube.com/feberse/'"> 29015 <path fill="white" class="ytIconTriangle" id="Triangle" d="M407,493l276-143L407,206V493z"></path> 29016 <g id="Lozenge"> 29017 <g> 29018 <path fill="red" class="ytIconRectangle" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3 h-0.4c0,0-214.4,0-357.4,10.3
29018C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5 C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3 s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5 C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"></path> 29019 </g> 29020 </g> 29021 </svg> 29022 </f-menu-sub-social> 29023 </f-menu-dropdown-icons> 29024 29025 <f-menu-dropdown-logos> 29026 29027 <f-menu-dropdown-logo style="background-color: rgb(217, 4, 41); "> 29028 29029 <a href="https://automatos.se/?utm_source=feber.se&utm_medium=menu" target="_blank"> 29030 <img src="https://static.feber.se/article_images/61/28/57/612857.png" style="width: 110px;" /> 29031 </a> 29032 29033 </f-menu-dropdown-logo> 29034 29035 <f-menu-dropdown-logo style="background-color: white; "> 29036 29037 <a href="https://tjock.se/" target="_blank"> 29038 <svg width="132" height="18" viewBox="0 0 132 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 29039 <g clip-path="url(#clip0);"> 29040 <rect width="1450" height="650" fill="white"></rect> 29041 <path d="M21.3974 3.56003V1.68715H0.327527V3.56003H9.84801V29H11.877V3.56003H21.3974Z" fill="var(--f-cold-color-tjock)"></path> 29042 <path d="M36.2025 19.9477V1.68715H33.081V19.9868C33.081 24.3178 30.8179 26.5418 27.7355 26.5418C24.8871 26.5418 23.1703 25.1762 21.4925 22.64L19.2685 24.5519C20.9853 27.3612 23.5995 29.3902 27.6965 29.3902C32.5738 29.3902 36.2025 26.2297 36.2025 19.9477Z" fill="#00698C"></path> 29043 <path d="M70.7234 15.3436V15.2655C70.7234 7.50088 64.6755 1.21893 56.2475 1.21893C47.8196 1.21893 41.6937 7.57892 41.6937 15.3436V15.4216C41.6937 23.1863 47.7415 29.4682 56.1695 29.4682C64.5975 29.4682 70.7234 23.1082 70.7234 15.3436ZM64.4414 15.4216C64.4414 20.1038 61.0858 23.9276 56.2475 23.9276C51.4093 23.9276 47.9757 20.0258 47.9757 15.3436V15.2655C47.9757 10.5833 51.3312 6.75953 56.1695 6.75953C61.0078 6.75953 64.4414 10.6614 64.4414 15.3436V15.4216Z" fill="#221F20"></path> 29044 <path d="M88.3444 29.5463C94.3923 29.5463 97.8649 26.932 100.44 23.3814L94.7434 19.3234C93.1047 21.3134 91.4269 22.64 88.5785 22.64C84.7547 22.64 82.0625 19.4405 82.0625 15.3436V15.2655C82.0625 11.2857 84.7547 8.04714 88.5785 8.04714C91.1928 8.04714 92.9876 9.29573 94.5483 11.2466L100.245 6.83757C97.8259 3.48199 94.2362 1.14089 88.6566 1.14089C80.3847 1.14089 74.2588 7.38383 74.2588 15.3436V15.4216C74.2588 23.5764 80.5407 29.5463 88.3444 29.5463Z" fill="#9D2B01"></path> 29045 <path d="M102.839 29H111.969V23.1863L114.31 20.3379L119.655 29H130.542L120.826 13.5487L130.346 1.68715H119.733L111.969 11.91V1.68715H102.839V29Z" fill="var(--f-hot-color-tjock)"></path> 29046 </g> 29047 </svg> 29048 </a> 29049 29050 </f-menu-dropdown-logo> 29051 29052 </f-menu-dropdown-logos> 29053 29054 29055 <f-menu-dropdown-two> 29056 <f-menu-dropdown-item-simple data-name="Feber+" data-url="https://feber.se/plus/"></f-menu-dropdown-item-simple> 29057 <f-menu-dropdown-item-simple data-name="Annonsera" data-url="advertise"></f-menu-dropdown-item-simple> 29058 <f-menu-dropdown-item-simple data-name="Tipsa" data-url="https://feber.se/tipsa/"></f-menu-dropdown-item-simple> 29059 <f-menu-dropdown-item-simple data-name="Redaktionen" data-url="https://feber.se/det-har-ar-febers-redaktion/332304/"></f-menu-dropdown-item-simple> 29060 <f-menu-dropdown-item-simple data-name="RSS" data-url="rss"></f-menu-dropdown-item-simple> 29061 <f-menu-dropdown-item-simple data-name="Statistik" data-url="https://feber.se/statistik-for-feber/435274/"></f-menu-dropdown-item-simple> 29062 <f-menu-dropdown-item-simple data-name="Panelen" data-url="https://panel.feber.se/"></f-menu-dropdown-item-simple> 29063 <f-menu-dropdown-item-simple data-name="Integritet " data-url="none" onclick="window.__tcfapi('displayConsentUi', 2, function() {} );"></f-menu-dropdown-item-simple> 29064 29065 29066 29067 29068 29069 </f-menu-dropdown-two> 29070 29071 <f-menu-dropdown-one> 29072 <f-menu-dropdown-item data-name="Teknik" data-url="teknik" data-slash="true" data-catt="teknik,internet,mac,mobil,pc,pryl,vetenskap,video"></f-menu-dropdown-item> 29073 <f-menu-dropdown-item data-name="Internet" data-url="internet" data-catt="internet"></f-menu-dropdown-item> 29074 <f-menu-dropdown-item data-name="Mac" data-url="mac" data-catt="mac"></f-menu-dropdown-item> 29075 <f-menu-dropdown-item data-name="Mobil" data-url="mobil" data-catt="mobil"></f-menu-dropdown-item> 29076 <f-menu-dropdown-item data-name="PC" data-url="pc" data-catt="pc"></f-menu-dropdown-item> 29077 <f-menu-dropdown-item data-name="Pryl" data-url="pryl" data-catt="pryl"></f-menu-dropdown-item> 29078 <f-menu-dropdown-item data-name="Vetenskap" data-url="vetenskap" data-catt="vetenskap"></f-menu-dropdown-item> 29079 29080 <f-menu-dropdown-item data-name="Motor" data-url="motor" data-slas
29080h="true" data-catt="motor,bil,fordon"></f-menu-dropdown-item> 29081 <f-menu-dropdown-item data-name="Bil" data-url="bil" data-catt="bil"></f-menu-dropdown-item> 29082 <f-menu-dropdown-item data-name="Fordon" data-url="fordon" data-catt="fordon"></f-menu-dropdown-item> 29083 29084 <f-menu-dropdown-item data-name="Samhälle" data-url="samhalle" data-slash="true" data-catt="samhalle"></f-menu-dropdown-item> 29085 29086 <f-menu-dropdown-item data-name="Spel" data-url="spel" data-slash="true" data-catt="spel"></f-menu-dropdown-item> 29087 29088 <f-menu-dropdown-item data-name="Popkultur" data-url="popkultur" data-slash="true" data-catt="popkultur,film"></f-menu-dropdown-item> 29089 <f-menu-dropdown-item data-name="Film/TV" data-url="film" data-catt="film"></f-menu-dropdown-item> 29090 29091 <f-menu-dropdown-item data-name="Fritid" data-url="fritid" data-slash="true" data-catt="fritid"></f-menu-dropdown-item> 29092 29093 <f-menu-dropdown-item data-name="Tjock" data-url="https://tjock.se/" data-slash="true" data-catt="garderoben,garaget,hemmet,kroppen,passet,sinnet,strupen"></f-menu-dropdown-item> 29094 29095 29096 29097 29098 </f-menu-dropdown-one> 29099 </f-menu> 29100 </f-menu-container> 29101 29102 29103 <f-menu-sub-container> 29104 <f-menu-sub> 29105 29106 29107 29108 29109 29110 <style> 29111 29112 f-menu-sub-icons { display: flex; margin-left: 15px; gap: 8px; } 29113 29114 f-menu-sub a { color: var(--f-menu-nohover); transition: opacity 0.3s ease; } 29115 f-menu-sub a:hover { color: var(--f-menu-hover); } 29116 29117 f-menu-sub-list, f-menu-sub-thumbnails { display: block; height: 12px; } 29118 f-menu-sub-search { display: block; height: 14px; } 29119 29120 f-menu-sub svg { width: 12px; height: 12px; margin-bottom: 0; } 29121 f-menu-sub-search svg { width: 14px; height: 14px; margin: -1px 0; } 29122 29123 f-menu-sub a:hover svg circle { fill: transparent !important; stroke: var(--f-menu-hover); } 29124 f-menu-sub svg [fill], f-menu-sub svg [stroke] { transition: all 0.3s ease; } 29125 f-menu-sub a:hover svg [fill] { fill: var(--f-menu-hover); } 29126 f-menu-sub a:hover svg [stroke] { stroke: var(--f-menu-hover); } 29127 29128 f-menu-sesamy { margin-left: auto; } 29129 29130 f-menu-sub-today, f-menu-sub-yesterday, f-menu-sub-tips { display: block; margin-left: 12px; color: var(--f-menu-nohover); transition: all 0.3s ease; } 29131 f-menu-sub a:hover f-menu-sub-today, f-menu-sub a:hover f-menu-sub-yesterday, f-menu-sub a:hover f-menu-sub-tips { color: var(--f-menu-hover); } 29132 29133 @media only screen and (max-width: 600px) { 29134 f-menu-sub-yesterday { display: none; } 29135 } 29136 29137 </style> 29138 29139 <f-menu-sub-icons> 29140 <a href="/list/" aria-label="Lista"> 29141 <f-menu-sub-list> 29142 <svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"> 29143 <rect width="300" height="75" fill="var(--f-menu-nohover)"></rect> 29144 <rect y="112.5" width="300" height="75" fill="var(--f-menu-nohover)"></rect> 29145 <rect y="225" width="300" height="75" fill="var(--f-menu-nohover)"></rect> 29146 </svg> 29147 </f-menu-sub-list> 29148 </a> 29149 29150 29151 <a href="/thumbnails/" aria-label="Tumnaglar"> 29152 <f-menu-sub-thumbnails> 29153 <svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"> 29154 <rect width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29155 <rect x="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29156 <rect x="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29157 <rect y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29158 <rect x="225" y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29159 <rect x="112.5" y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29160 <rect y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29161 <rect x="225" y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29162 <rect x="112.5" y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect> 29163 </svg> 29164 </f-menu-sub-thumbnails> 29165 </a> 29166 29167 29168 29169 29170 29171 <f-menu-sub-search> 29172 <a href="#" onclick="event.preventDefault();
29172 var overlay = document.querySelector('f-search-overlay'); if (overlay) { overlay.classList.add('show'); var input = document.getElementById('searchOverlayInput'); if (input) { input.focus(); } } return false;" aria-label="Sök"> 29173 <svg width="15" height="14" viewBox="0 0 15 14" xmlns="http://www.w3.org/2000/svg"> 29174 <circle cx="5.28074" cy="5.28074" r="4.28074" stroke-width="2" stroke="var(--f-menu-nohover)" fill="transparent"></circle> 29175 <line x1="8.62822" y1="8.31416" x2="13.6069" y2="13.2929" stroke-width="2" stroke="var(--f-menu-nohover)"></line> 29176 </svg> 29177 </a> 29178 </f-menu-sub-search> 29179 29180 29181 29182 29183 29184 29185 </f-menu-sub-icons> 29186 29187 29188 <a href="/tipsa/" target="_blank"> 29189 <f-menu-sub-tips>Tipsa!</f-menu-sub-tips> 29190 </a> 29191 29192 29193 <a href="/today/" id="menuTodayLink" style="display:none;"> 29194 <f-menu-sub-today id="menuTodayText"></f-menu-sub-today> 29195 </a> 29196 29197 <a href="/yesterday/" id="menuYesterdayLink" style="display:none;"> 29198 <f-menu-sub-yesterday id="menuYesterdayText"></f-menu-sub-yesterday> 29199 </a> 29200 29201
29201<script> 29202 (function() { 29203 function updateCounts(data) { 29204 if (!data || typeof data !== 'object') { return; } 29205 29206 const todayLink = document.getElementById('menuTodayLink'); 29207 const yesterdayLink = document.getElementById('menuYesterdayLink'); 29208 const todayText = document.getElementById('menuTodayText'); 29209 const yesterdayText = document.getElementById('menuYesterdayText'); 29210 29211 if (!todayLink || !yesterdayLink || !todayText || !yesterdayText) { return; } 29212 29213 const todayCount = parseInt(data.today, 10) || 0; 29214 const yesterdayCount = parseInt(data.yesterday, 10) || 0; 29215 29216 if (todayCount > 0) { 29217 todayText.textContent = todayCount + ' idag'; 29218 todayLink.style.display = ''; 29219 } 29220 29221 if (yesterdayCount > 0) { 29222 yesterdayText.textContent = yesterdayCount + ' ig\u00E5r'; 29223 yesterdayLink.style.display = ''; 29224 } 29225 } 29226 29227 function fetchCounts(retryCount) { 29228 fetch('/api/f-today-yesterday.jsp', { credentials: 'same-origin' }) 29229 .then(function(response) { 29230 if (!response.ok) { throw new Error('Network response was not ok'); } 29231 return response.json(); 29232 }) 29233 .then(function(data) { 29234 updateCounts(data); 29235 }) 29236 .catch(function(error) { 29237 console.warn('Kunde inte hämta antal artiklar för idag/igÃÂ¥r:', error); 29238 if (retryCount > 0) { 29239 setTimeout(function() { 29240 fetchCounts(retryCount - 1); 29241 }, 2000); 29242 } 29243 }); 29244 } 29245 29246 if (document.readyState === 'loading') { 29247 document.addEventListener('DOMContentLoaded', function() { 29248 fetchCounts(3); 29249 }); 29250 } else { 29251 fetchCounts(3); 29252 } 29253 })(); 29254 </script>
29254 29255 29256 29257 29258 29259 29260 29261 29262 29263 29264 29265 <f-menu-sesamy> 29266 <f-prenumera onclick="showPremiumContent();">Skaffa Feber<span style="color: var(--f-hot-color);">+</span></f-prenumera> 29267 <sesamy-login hide-logo style="--sesamy-login-avatar-bgcolor: #666; --sesamy-login-avatar-textcolor: #fff;"> 29268 <f-sesamy-login-user slot="avatar" style="align-items: center; color: #ccc; cursor: pointer; display: flex; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; height: 40px; line-height: 40px; white-space: nowrap;"> 29269 <f-sesamy-login-name style="display: none; margin-right: 9px;"></f-sesamy-login-name> 29270 <f-sesamy-login-avatar aria-hidden="true" style="align-items: center; background: #666; border: 0; border-radius: 0; color: #fff; display: flex; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; height: 40px; justify-content: center; line-height: 40px; overflow: hidden; text-transform: uppercase; width: 40px;"></f-sesamy-login-avatar> 29271 </f-sesamy-login-user> 29272 <f-sesamy-login-menu slot="popup-menu" style="background: #fff; color: #222; display: block; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; line-height: 16px;"> 29273 <f-sesamy-login-menu-name style="border-bottom: 1px solid #e5e5e5; color: #222; display: none; overflow: hidden; padding: 10px 12px; text-overflow: ellipsis; white-space: nowrap;"></f-sesamy-login-menu-name> 29274 <a href="#" data-sesamy-account style="background: transparent; border: 0; color: #222; cursor: pointer; display: block; font: inherit; opacity: 1; padding: 10px 12px; pointer-events: auto; text-align: left; text-decoration: none; width: 100%;">Mitt konto</a> 29275 <button type="button" data-sesamy-logout style="background: transparent; border: 0; color: #222; cursor: pointer; display: block; font: inherit; opacity: 1; padding: 10px 12px; pointer-events: auto; text-align: left; text-decoration: none; width: 100%;">Logga ut</button> 29276 </f-sesamy-login-menu> 29277 </sesamy-login> 29278 </f-menu-sesamy> 29279 29280 29281 29282 29283 </f-menu-sub> 29284 </f-menu-sub-container> 29285 29286 29287 <style> 29288 29289 f-menu-comments { 29290 background-color: rgb(45,45,45); 29291 display: flex; 29292 height: 32px; 29293 margin-bottom: 0px; 29294 z-index: 1; 29295 /* box-shadow: 0px 10px 20px rgba(0,0,0,0.2); */ 29296 font-family: var(--f-suisse-medium); 29297 -webkit-font-smoothing: antialiased; 29298 overflow: hidden; 29299 font-size: 13px; 29300 align-items: center; 29301 padding: 0; 29302 border-top: 0px #444 solid; 29303 flex-grow: 1; 29304 color: var(--f-article-text-color); 29305 max-width: 2000px; 29306 margin: 0 auto; 29307 height: 40px; 29308 } 29309 29310 f-menu-comments a { font-weight: 300; color: rgb(230,230,230); border-bottom: 0px solid rgba(255,255,255,0.1); } 29311 f-menu-comments a:hover { font-weight: 300; color: rgb(180,180,180); border-bottom: 0px solid rgba(255,255,255,0.3); } 29312 29313 #commentBubble { display: none; width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; float: left; } 29314 #commentBubble svg { width: 16px; height: 16px; } 29315 29316 #commentMenu { 29317 display: flex; flex-grow: 0; flex-shrink: 0; 29318 } 29319 29320 #commentHot { display: flex; flex-grow: 0; flex-shrink: 0; margin-left: 12px; } 29321 #commentLatest { display: none; flex-grow: 0; flex-shrink: 0; margin-right: 12px; } 29322 29323 #commentPrev, #commentNext { display: none; flex-grow: 0; flex-shrink: 0; color: #aaaaaa; float: right; margin-left: 5px; cursor: pointer; height: 10px; width: 10px; } 29324 #commentPrev { transform: scaleX(-1); } 29325 #commentNext { margin-right: 18px; } 29326 #commentPrev svg, #commentNext svg { width: 100%; height: 100%; } 29327 29328 #commentAvatar { width: 20px; height: 20px; margin-left: 16px; margin-right: 8px; flex-grow: 0; flex-shrink: 0; border-radius: 5px; overflow: hidden; } 29329 #commentAvatar img { width: 100%; height: 100%; } 29330 29331 #commentAuthor { margin-right: 5px; color: #888; flex-grow: 0; flex-shrink: 0; } 29332 29333 #commentText { 29334 flex-grow: 1; 29335 overflow: hidden; 29336 white-space: nowrap; 29337 position: relative; 29338 } 29339 #commentText::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 25px; background: linear-gradient(to left, rgb(45,45,45), transparent); } 29340 29341 @keyframes commentfadein { from { opacity: 0; } to { opacity: 1; } } 29342 @keyframes commentfadeout { from { opacity: 1; } to { opacity: 0; } } 29343 29344 #comment-container { 29345 display: flex; 29346 flex-grow: 1; /* Se till att elementet expanderar för att fylla tillgängligt utrymme */ 29347 align-items: center; 29348 overflow: hidden; /* Förhindrar innehÃÂ¥ll frÃÂ¥n att expandera utanför sin behÃÂ¥llare */ 29349 } 29350 29351 .comment-container { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: running; } 29352 29353 .comment-container:hover { animation-play-state: paused; } 29354 29355 .fade-in { animation-name: commentfadein; } 29356 29357 .fade-out { animation-name: commentfadeout; } 29358 29359 @media only screen and (max-width: 600px) { 29360 f-menu-comments { font-size: 13px; height: 32px; } 29361 #commentBubble { width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; float: left; } 29362 #commentAvatar { width: 24px; height: 24px; margin-right: 6px; } 29363 #commentHot { margin-left: 14px; } 29364 #commentAuthor { display: none; } 29365 } 29366 29367 f-menu-sub { 29368 box-shadow: none; 29369 background-color: rgb(30,30,30); 29370 } 29371 29372 29373 </style> 29374 29375 29376 29377 29378 <f-menu-comments> 29379 29380 <div id="commentHot"> 29381 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="var(--n-orange-semidark)" style="height: 16px; margin-right: 2px;"><path d="M12 23C7.85786 23 4.5 19.6421 4.5 15.5C4.5 13.3462 5.40786 11.4045 6.86179 10.0366C8.20403 8.77375 11.5 6.49951 11 1.5C17 5.5 20 9.5 14 15.5C15 15.5 16.5 15.5 19 13.0296C19.2697 13.8032 19.5 14.6345 19.5 15.5C19.5 19.6421 16.1421 23 12 23Z"></path></svg>
29382 <a href="/comments/hot/">Hetaste</a> 29383 </div> 29384 29385 <div id="commentBubble"> 29386 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="16px" version="1.1" viewBox="0 0 16 16" width="16px"><g fill="none" fill-rule="evenodd" id="Icons with numbers" stroke="none" stroke-width="1"><g fill="#999" id="Group" transform="translate(-720.000000, -192.000000)"><path d="M728,205 C727.092687,205 726.225692,204.86437 725.430064,204.617506 C724.617765,205.250987 723.248775,206.131104 721.912598,206.131104 C722.612692,205.468456 722.810743,204.184192 722.854217,203.228743 C721.703165,202.248586 721,200.938813 721,199.5 C721,196.462434 724.134007,194 728,194 C731.865993,194 735,196.462434 735,199.5 C735,202.537566 731.865993,205 728,205 Z M728,205" id="Oval 247"/></g></g></svg> 29387 </div> 29388 29389 <div id="commentLatest"> 29390 <a href="/comments/latest/">Senaste</a> 29391 </div> 29392 29393 <div id="comment-container" class="comment-container"> 29394 <div id="commentAvatar"></div> 29395 29396 <div id="commentAuthor"></div> 29397 <div id="commentText"></div> 29398 </div> 29399 29400 <div id="commentPrev"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_306_6)"><path d="M16 8L0.249999 15.7942L0.25 0.205771L16 8Z" fill="#777"/></g></svg></div> 29401 <div id="commentNext"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_306_6)"><path d="M16 8L0.249999 15.7942L0.25 0.205771L16 8Z" fill="#777"/></g></svg></div> 29402 </f-menu-comments> 29403 29404
29404<script> 29405 29406 function stripHtml(html) { 29407 if (!html || typeof html !== 'string') return ''; 29408 let modifiedHtml = html.replace(/<br\s*\/?>/gi, ' ') 29409 .replace(/<\/p>/gi, ' ') 29410 .replace(/<p>/gi, ''); 29411 29412 let doc = new DOMParser().parseFromString(modifiedHtml, 'text/html'); 29413 return doc.body.textContent || ""; 29414 } 29415 29416 function displayComment(comment) { 29417 if (!comment || !comment.author || !comment.message) { 29418 console.warn('Comment data is incomplete:', comment); 29419 return; 29420 } 29421 29422 let commentContainer = document.getElementById('comment-container'); 29423 if (!commentContainer) return; 29424 29425 commentContainer.classList.add('fade-out'); 29426 29427 setTimeout(() => { 29428 commentContainer.classList.remove('fade-out'); 29429 29430 let avatarDiv = document.getElementById('commentAvatar'); 29431 let authorDiv = document.getElementById('commentAuthor'); 29432 let textDiv = document.getElementById('commentText'); 29433 29434 if (!avatarDiv || !authorDiv || !textDiv) return; 29435 29436 avatarDiv.innerHTML = ''; 29437 authorDiv.innerHTML = ''; 29438 textDiv.innerHTML = ''; 29439 29440 // Avatar med fallback 29441 if (comment.author.avatar && comment.author.avatar.cache) { 29442 let avatarImg = document.createElement('img'); 29443 avatarImg.src = comment.author.avatar.cache; 29444 avatarImg.alt = comment.author.name || 'Avatar'; 29445 avatarDiv.appendChild(avatarImg); 29446 } 29447 29448 // Författarnamn 29449 if (comment.author.name) { 29450 authorDiv.textContent = comment.author.name + ' /'; 29451 } 29452 29453 // Kommentarstext (använd textContent för säkerhet) 29454 let cleanCommentText = stripHtml(comment.message);
29455 let commentLink = document.createElement('a'); 29456 commentLink.href = '/comments/latest/'; 29457 commentLink.textContent = cleanCommentText; 29458 textDiv.appendChild(commentLink); 29459 29460 commentContainer.classList.add('fade-in'); 29461 setTimeout(() => { 29462 commentContainer.classList.remove('fade-in'); 29463 }, 300); 29464 }, 400); 29465 } 29466 29467 let comments = []; 29468 let currentIndex = 0; 29469 let commentInterval = null; 29470 29471 function setupCommentInterval() { 29472 // Rensa befintligt intervall först 29473 if (commentInterval) { 29474 clearInterval(commentInterval); 29475 commentInterval = null; 29476 } 29477 29478 // Skapa nytt intervall endast om det finns kommentarer 29479 if (comments.length > 0) { 29480 commentInterval = setInterval(() => { 29481 currentIndex = (currentIndex + 1) % comments.length; 29482 displayComment(comments[currentIndex]); 29483 }, 5000); 29484 } 29485 } 29486 29487 function navigateComment(direction) { 29488 if (!comments || comments.length === 0) return; 29489 if (commentInterval) { 29490 clearInterval(commentInterval); 29491 commentInterval = null; 29492 } 29493 currentIndex = (currentIndex + direction + comments.length) % comments.length; 29494 displayComment(comments[currentIndex]); 29495 } 29496 29497 // Hämta kommentarer 29498 fetch('/snippets/disqus_fetcher.jsp?what=fivelatest') 29499 .then(response => { 29500 if (!response.ok) { 29501 throw new Error('HTTP ' + response.status); 29502 } 29503 return response.json(); 29504 }) 29505 .then(data => { 29506 if (!data || !Array.isArray(data.response) || data.response.length === 0) { 29507 console.warn('No comments available'); 29508 return; 29509 } 29510 29511 comments = data.response; 29512 currentIndex = 0; 29513 displayComment(comments[currentIndex]); 29514 setupCommentInterval(); 29515 }) 29516 .catch(error => { 29517 console.error('Error fetching comments:', error); 29518 }); 29519 29520 // Event listeners - läggs till direkt, men funktionerna kontrollerar om comments finns 29521 const commentPrev = document.getElementById('commentPrev'); 29522 const commentNext = document.getElementById('commentNext'); 29523 const commentContainer = document.getElementById('comment-container'); 29524 29525 if (commentPrev) { 29526 commentPrev.addEventListener('click', () => navigateComment(-1)); 29527 } 29528 29529 if (commentNext) { 29530 commentNext.addEventListener('click', () => navigateComment(1)); 29531 } 29532 29533 if (commentContainer) { 29534 commentContainer.addEventListener('mouseover', () => { 29535 if (commentInterval) { 29536 clearInterval(commentInterval); 29537 commentInterval = null; 29538 } 29539 }); 29540 29541 commentContainer.addEventListener('mouseout', () => { 29542 setupCommentInterval(); 29543 }); 29544 } 29545 29546 29547 </script>
29547 29548 29549 29550 29551 29552 29553 29554 29555 29556 29557 29558 29559 29560 29561 29562 29563 29564 29565 29566 29567 29568 29569 29570 29571 29572 29573 29574 29575 29576 29577 29578 29579 29580 29581 29582 29583 29584 29585 29586 29587 29588 29589 29590 29591 29592 29593 29594 29595 29596 29597 29598 29599 29600 29601 29602 29603 29604 29605 29606 29607 29608 29609 29610 29611 29612 29613 29614 29615 29616 29617 29618 29619 29620 29621 29622 29623 29624 29625 29626 29627 29628 29629 29630 29631 29632 29633 29634 29635 29636 29637 29638 29639 29640 29641 29642 29643 29644 29645 29646 29647 29648 29649 29650 29651 29652 29653 29654 29655 29656 29657 29658 29659 29660 29661 29662 29663 29664 29665 29666 29667 29668 29669 29670 29671 29672 29673 29674 29675 29676 29677 29678 29679 29680 29681 29682 29683 29684 29685 29686 29687 29688 29689 29690 29691 29692 29693 29694 29695 29696 29697 29698 29699 29700 29701 29702 29703 29704 29705 29706 29707 29708 29709 29710 29711 29712 29713 29714 29715 29716 29717 29718 29719 29720 29721 29722 29723
29724<script> 29725 29726 //Funktion för att gömma och visa huvudmenyn när man scrollar 29727 let prevTop = 0; 29728 let isScriptedScroll = false; 29729 let menuContainer = document.querySelector('f-menu-container'); 29730 let menuSubContainer = document.querySelector('f-menu-sub-container'); 29731 29732 // Debounce function (you can adjust the delay as needed) 29733 function debounce(func, wait) { 29734 let timeout; 29735 return function() { 29736 let context = this, args = arguments; 29737 let later = function() { 29738 timeout = null; 29739 func.apply(context, args); 29740 }; 29741 clearTimeout(timeout); 29742 timeout = setTimeout(later, wait); 29743 }; 29744 } 29745 29746 window.addEventListener('scroll', debounce(function () { 29747 if (!isScriptedScroll && menuContainer && menuSubContainer) { 29748 let curTop = window.pageYOffset || window.scrollY || document.documentElement.scrollTop; 29749 let staFade = 200; 29750 29751 // Check for scroll position > 2000px 29752 if (curTop > 2000) { 29753 menuContainer.setAttribute('data-sub2000', 'yes'); 29754 menuSubContainer.setAttribute('data-sub2000', 'yes'); 29755 } else { 29756 menuContainer.setAttribute('data-sub2000', 'no'); 29757 menuSubContainer.setAttribute('data-sub2000', 'no'); 29758 } 29759 29760 if (curTop < prevTop) { 29761 menuContainer.setAttribute('data-show', 'yes'); 29762 menuSubContainer.setAttribute('data-show', 'yes'); 29763 } else { 29764 if (curTop > staFade) { 29765 menuContainer.setAttribute('data-show', 'no'); 29766 menuSubContainer.setAttribute('data-show', 'no'); 29767 } 29768 } 29769 prevTop = curTop; 29770 } 29771 }, 10)); 29772 29773 29774 // Funktion för att gömma och visa innehÃÂ¥ll beroende pÃÂ¥ om man är inloggad eller inte. 29775 if (typeof Cookies !== 'undefined') { 29776 var loggedIn = Cookies.get("memberful"); 29777 var loggedInId = Cookies.get("memberfulID"); 29778 if (loggedIn == "prenumerant" && loggedInId) { 29779 var premiumLink = document.querySelector("f-menu-premium-loggedin f-menu-premium-text a"); 29780 if (premiumLink) { 29781 premiumLink.appendChild(document.createTextNode(loggedInId)); 29782 } 29783 } 29784 } 29785 29786 29787 29788 // Funktion för att sätta darkmode med contrastknappen 29789 function darkmodeSet() { 29790 var darkmode = localStorage.getItem('darkmode'); 29791 if (darkmode == undefined || darkmode == 'off') { 29792 localStorage.setItem('darkmode', 'on'); 29793 document.body.setAttribute( "data-darkmode", "on" ); 29794 changeTweetDarkmode(); 29795 } else if (darkmode == 'on') { 29796 localStorage.setItem('darkmode', 'off'); 29797 document.body.setAttribute( "data-darkmode", "off" ); 29798 } 29799 changeTweetDarkmode(); 29800 } 29801 29802 // Funktion för att sätta darkmode i body 29803 (function() { 29804 function initDarkmode() { 29805 var darkmode = localStorage.getItem('darkmode'); 29806 if (darkmode == undefined || darkmode == 'off') { 29807 document.body.setAttribute( "data-darkmode", "off" ); 29808 } else if (darkmode == 'on') { 29809 document.body.setAttribute( "data-darkmode", "on" ); 29810 } 29811 changeTweetDarkmode(); 29812 } 29813 if (document.readyState === 'loading') { 29814 document.addEventListener('DOMContentLoaded', initDarkmode); 29815 } else { 29816 initDarkmode(); 29817 } 29818 })(); 29819 29820 //Funktion för att göra tweets mörka / ljusa 29821 29822 function changeTweetDarkmode() { 29823 //console.log('tweetthemechanger started'); 29824 29825 setTimeout(function() { 29826 //console.log('tweetthemechanger ready'); 29827 var storedTheme = localStorage.getItem('darkmode'); 29828 var tweets = document.querySelectorAll('[data-tweet-id]'); 29829 29830 tweets.forEach(function(tweet) { 29831 var src = tweet.getAttribute("src"); 29832 if (storedTheme == "on") { 29833 tweet.setAttribute("src", src.replace("theme=light", "theme=dark")); 29834 } else { 29835 tweet.setAttribute("src", src.replace("theme=dark", "theme=light")); 29836 } 29837 }); 29838 }, 1000); 29839 29840 } 29841 29842 29843 29844 // Menyelement 29845 var thumbSvg = '<svg viewBox="0 0 12 12"><rect width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect y="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" y="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" y="9" width="3" height="3" fill="var(--f-menu-nohover)"/></svg>'; 29846 var noshowX = '<svg width="11" height="12" viewBox="0 0 11 12" class="f-menu-x" fill="none" xmlns="http://www.w3.org/2000/svg" class="dropdown-item-xed"><path d="M1.5 2L9.5 10" stroke="#BBBBBB" stroke-width="3"/><path d="M9.5 2L1.5 10" stroke="#BBBBBB" stroke-width="3"/></svg>';
29847 var noshowV = '<svg width="13" height="11" viewBox="0 0 13 11" class="f-menu-v" fill="none" xmlns="http://www.w3.org/2000/svg" class="dropdown-item-marked"><path d="M1.53333 4.63109L4.85108 7.94885L11.5333 1.2666" stroke="#222" stroke-width="3"/></svg>'; 29848 var newchecked = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="#777"/><path d="M17.4571 9.45711L11 15.9142L6.79289 11.7071L8.20711 10.2929L11 13.0858L16.0429 8.04289L17.4571 9.45711Z" fill="#fff"/></svg>'; 29849 var newunchecked = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="#777"/><path d="M7 11V13H17V11H7Z" fill="#fff"/></svg>'; 29850 var newpartial = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="var(--f-hot-color)"/><path d="M7 11V13H17V11H7Z" fill="#fff"/></svg>'; 29851 29852 29853 ( function() { 29854 29855 //Vi börjar med den trÃÂ¥kiga menyn 29856 var dropdownItemsSimple = document.querySelectorAll('f-menu-dropdown-item-simple'); 29857 for (var i = 0; i < dropdownItemsSimple.length; i++) { 29858 var simpleitemName = dropdownItemsSimple[i].dataset.name; 29859 var simpleitemUrl = dropdownItemsSimple[i].dataset.url; 29860 29861 // Kolla hur urlen ser ut och leverera in 29862 if (simpleitemUrl.includes('https')) { 29863 dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<a href="' + simpleitemUrl + '" aria-label="Till ' + simpleitemName + '"><f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title></a>'); 29864 } else if (simpleitemUrl.includes('none')) { 29865 dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title>'); 29866 } else { 29867 dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<a href="/' + simpleitemUrl + '/"><f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title></a>'); 29868 } 29869 29870 }; 29871 29872 29873 // Leta upp menyelement 29874 const dropdownItems = document.querySelectorAll('f-menu-dropdown-item'); 29875 29876 // GÃÂ¥ igenom menyelementen 29877 for (var i = 0; i < dropdownItems.length; i++) { 29878 const itemName = dropdownItems[i].dataset.name, 29879 itemUrl = dropdownItems[i].dataset.url; 29880 29881 var isExternal = /^https?:\/\//i.test(itemUrl); 29882 var itemHref = isExternal ? itemUrl : '/' + itemUrl.replace(/^\/+|\/+$/g, '') + '/'; 29883 var thumbHref = itemHref.replace(/\/$/, '') + '/thumbnails/'; 29884 29885 // Sedan matar vi in titeln pÃÂ¥ menyelementet 29886 dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-title data-menu-href="' + itemHref + '">' + itemName + '</f-menu-dropdown-item-title>'); 29887 29888 // Först in med tumnagellänk 29889 dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-thumb data-menu-href="' + thumbHref + '">' + thumbSvg + '</f-menu-dropdown-item-thumb>'); 29890 29891 //Detta ritar ut krysset i menyn. Denna ändras till x och noshowX frÃÂ¥n artikelgömmarfunktionen 29892 dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-marked>' + newchecked + '</f-menu-dropdown-item-marked>'); 29893 dropdownItems[i].setAttribute('data-checked', 'v'); 29894 29895 29896 }; 29897 29898 document.addEventListener('click', function(event) { 29899 var linkTarget = event.target.closest ? event.target.closest('[data-menu-href]') : null; 29900 if (linkTarget) window.location.href = linkTarget.getAttribute('data-menu-href'); 29901 }); 29902 29903 changeVX(); 29904 29905 } )(); 29906 29907 29908 // Change the V to the X 29909 function changeVX() { 29910 const checkmarks = document.querySelectorAll("f-menu-dropdown-item-marked"); 29911 29912 // Hämta gömd kategorier frÃÂ¥n det nya systemet (f-hidden-categories) 29913 var hiddenCategories = new Set(); 29914 try { 29915 var raw = window.localStorage ? localStorage.getItem('f-hidden-categories') : null; 29916 if (raw) { 29917 var parsed = JSON.parse(raw); 29918 if (Array.isArray(parsed)) { 29919 parsed.forEach(function(cat) { 29920 hiddenCategories.add(String(cat || '').toLowerCase()); 29921 }); 29922 } 29923 } 29924 } catch (e) { 29925 // Ignorera fel 29926 } 29927 29928 // Iterate over the elements and hide the ones with a "data-category" value in the given list of categories 29929 checkmarks.forEach(function(checkmark) { 29930 var parentElement = checkmark.parentElement; 29931 var parentAttribute = parentElement ? parentElement.getAttribute('data-url') : null; 29932 var parentCatt = parentElement ? parentElement.getAttribute('data-catt') : null; 29933 29934 var hiddenCount = 0; 29935 var categoryCount = 0; 29936 29937 // Kolla om kategorierna i data-catt är gömd 29938 if (parentCatt) { 29939 var cattArray = parentCatt.split(',').map(function(s) { return s.trim().toLowerCase(); }
29939).filter(Boolean); 29940 categoryCount = cattArray.length; 29941 hiddenCount = cattArray.filter(function(cat) { return hiddenCategories.has(cat); }).length; 29942 } 29943 29944 if (categoryCount > 0 && hiddenCount === categoryCount) { 29945 checkmark.innerHTML = newunchecked; 29946 if (parentElement) parentElement.setAttribute('data-checked', 'x'); 29947 checkmark.setAttribute('aria-pressed', 'false'); 29948 checkmark.setAttribute('aria-label', 'Visa ' + (parentElement.getAttribute('data-name') || parentAttribute)); 29949 } else if (hiddenCount > 0) { 29950 checkmark.innerHTML = newpartial; 29951 if (parentElement) parentElement.setAttribute('data-checked', 'partial'); 29952 checkmark.setAttribute('aria-pressed', 'mixed'); 29953 checkmark.setAttribute('aria-label', 'Dölj alla i ' + (parentElement.getAttribute('data-name') || parentAttribute)); 29954 } else { 29955 checkmark.innerHTML = newchecked; 29956 if (parentElement) parentElement.setAttribute('data-checked', 'v'); 29957 checkmark.setAttribute('aria-pressed', 'true'); 29958 checkmark.setAttribute('aria-label', 'Dölj ' + (parentElement.getAttribute('data-name') || parentAttribute)); 29959 } 29960 checkmark.setAttribute('role', 'button'); 29961 checkmark.setAttribute('tabindex', '0'); 29962 }); 29963 } 29964 29965 // Exponera changeVX globalt sÃÂ¥ att den kan anropas frÃÂ¥n f-start-dev.jsp 29966 window.changeVX = changeVX; 29967 29968 // Kategorifilter: lÃÂ¥ter användaren dölja artiklar baserat pÃÂ¥ data-caturl. 29969 // Valen sparas i localStorage och gäller bÃÂ¥de initial laddning och inline-flödet. 29970 // Detta mÃÂ¥ste finnas pÃÂ¥ alla sidor sÃÂ¥ att menyn fungerar korrekt. 29971 (function initCategoryFilter() { 29972 // Om kategorifiltreringen redan initierats (t.ex. pÃÂ¥ startsidan), hoppa över 29973 if (typeof window.toggleCategoryFilter === 'function' && typeof window.applyCategoryFilters === 'function') { 29974 return; 29975 } 29976 29977 var STORAGE_KEY = 'f-hidden-categories'; 29978 var OLD_STORAGE_KEYS = ['feberHiddenCategoriesV1', 'kategorier']; 29979 var hiddenSet = null; 29980 29981 // Migrera data frÃÂ¥n gammal nyckel till ny 29982 function migrateFromOldStorage() { 29983 try { 29984 if (!window.localStorage) { 29985 return; 29986 } 29987 var migrated = []; 29988 var currentData = localStorage.getItem(STORAGE_KEY); 29989 if (currentData) { 29990 try { 29991 var currentParsed = JSON.parse(currentData); 29992 if (Array.isArray(currentParsed)) migrated = migrated.concat(currentParsed); 29993 } catch (e) { 29994 // Ogiltig aktuell data ersätts av en tom eller migrerad lista. 29995 } 29996 } 29997 OLD_STORAGE_KEYS.forEach(function(oldKey) { 29998 var oldData = localStorage.getItem(oldKey); 29999 if (!oldData) return; 30000 try { 30001 var parsed = JSON.parse(oldData); 30002 if (Array.isArray(parsed)) migrated = migrated.concat(parsed); 30003 } catch (e) { 30004 // Ignorera trasig data frÃÂ¥n äldre versioner. 30005 } 30006 }); 30007 var unique = Array.from(new Set(migrated.map(function(value) { 30008 return String(value || '').trim().toLowerCase(); 30009 }).filter(Boolean))); 30010 localStorage.setItem(STORAGE_KEY, JSON.stringify(unique)); 30011 OLD_STORAGE_KEYS.forEach(function(oldKey) { localStorage.removeItem(oldKey); }); 30012 } catch (e) { 30013 // Ignorera fel vid migrering 30014 } 30015 } 30016 30017 function loadHidden() { 30018 if (hiddenSet !== null) { 30019 return hiddenSet; 30020 } 30021 // Migrera frÃÂ¥n gammal nyckel vid första laddningen 30022 migrateFromOldStorage(); 30023 30024 try { 30025 var raw = window.localStorage ? localStorage.getItem(STORAGE_KEY) : null; 30026 if (!raw) { 30027 hiddenSet = new Set(); 30028 return hiddenSet; 30029 } 30030 var parsed = JSON.parse(raw); 30031 if (!Array.isArray(parsed)) { 30032 hiddenSet = new Set(); 30033 return hiddenSet; 30034 } 30035 hiddenSet = new Set(parsed.map(function (v) { 30036 return String(v || '').toLowerCase(); 30037 })); 30038 } catch (e) { 30039 hiddenSet = new Set(); 30040 } 30041 return hiddenSet; 30042 } 30043 30044 function saveHidden() { 30045 try { 30046 if (!window.localStorage) { 30047 return; 30048 } 30049 var arr = Array.from(loadHidden()); 30050 localStorage.setItem(STORAGE_KEY, JSON.stringify(arr)); 30051 } catch (e) { 30052 // Ignorera storage-fel (t.ex. privat läge) 30053 } 30054 } 30055 30056 function shouldHideCat(catUrl) { 30057 if (!catUrl) { 30058 return false;
30059 } 30060 var lower = String(catUrl).toLowerCase(); 30061 var hidden = loadHidden(); 30062 if (!hidden || !hidden.size) { 30063 return false; 30064 } 30065 var match = false; 30066 hidden.forEach(function (key) { 30067 if (match) { 30068 return; 30069 } 30070 if (!key) { 30071 return; 30072 } 30073 if (lower === key || lower.indexOf(key + '/') === 0) { 30074 match = true; 30075 } 30076 }); 30077 return match; 30078 } 30079 30080 function applyCategoryFilters() { 30081 var hiddenIds = new Set(); 30082 var articles = document.querySelectorAll('f-article[data-id][data-caturl]'); 30083 articles.forEach(function (article) { 30084 var catUrl = article.getAttribute('data-caturl'); 30085 var artId = article.getAttribute('data-id'); 30086 if (shouldHideCat(catUrl)) { 30087 article.style.display = 'none'; 30088 if (artId) { 30089 hiddenIds.add(artId); 30090 } 30091 } else { 30092 article.style.display = ''; 30093 } 30094 }); 30095 30096 document.querySelectorAll('f-panorama[data-id]').forEach(function (pan) { 30097 pan.style.display = hiddenIds.has(pan.getAttribute('data-id')) ? 'none' : ''; 30098 }); 30099 } 30100 30101 function parseToggleKeys(raw) { 30102 if (!raw) { 30103 return []; 30104 } 30105 return String(raw) 30106 .split(/[,\|]/) 30107 .map(function (s) { return s.trim().toLowerCase(); }) 30108 .filter(function (s) { return !!s; }); 30109 } 30110 30111 function toggleCategoryGroup(keys) { 30112 if (!keys || !keys.length) { 30113 return; 30114 } 30115 var hidden = loadHidden(); 30116 var allHidden = keys.every(function (k) { return hidden.has(k); }); 30117 30118 if (allHidden) { 30119 keys.forEach(function (k) { hidden.delete(k); }); 30120 } else { 30121 keys.forEach(function (k) { hidden.add(k); }); 30122 } 30123 30124 saveHidden(); 30125 // Nollställ cache sÃÂ¥ att loadHidden() läser frÃÂ¥n localStorage nästa gÃÂ¥ng 30126 hiddenSet = null; 30127 applyCategoryFilters(); 30128 initToggleButtons(); 30129 30130 } 30131 30132 function initToggleButtons() { 30133 var hidden = loadHidden(); 30134 var buttons = document.querySelectorAll('[data-category-toggle]'); 30135 buttons.forEach(function (btn) { 30136 var keys = parseToggleKeys(btn.getAttribute('data-category-toggle')); 30137 if (!keys.length) { 30138 return; 30139 } 30140 var hiddenCount = keys.filter(function (k) { return hidden.has(k); }).length; 30141 var isOff = hiddenCount === keys.length; 30142 var isPartial = hiddenCount > 0 && !isOff; 30143 btn.classList.toggle('is-off', isOff); 30144 btn.classList.toggle('is-partial', isPartial); 30145 btn.setAttribute('aria-pressed', isPartial ? 'mixed' : (isOff ? 'false' : 'true')); 30146 }); 30147 changeVX(); 30148 } 30149 30150 document.addEventListener('click', function (event) { 30151 var target = event.target; 30152 if (!target) { 30153 return; 30154 } 30155 var btn = target.closest ? target.closest('[data-category-toggle]') : null; 30156 if (!btn) { 30157 return; 30158 } 30159 var keys = parseToggleKeys(btn.getAttribute('data-category-toggle')); 30160 if (!keys.length) { 30161 return; 30162 } 30163 event.preventDefault(); 30164 toggleCategoryGroup(keys); 30165 }); 30166 30167 window.applyCategoryFilters = applyCategoryFilters; 30168 window.toggleCategoryFilter = function (keyOrKeys) { 30169 if (Array.isArray(keyOrKeys)) { 30170 toggleCategoryGroup(keyOrKeys.map(function (k) { return String(k).toLowerCase(); })); 30171 } else { 30172 var keys = parseToggleKeys(keyOrKeys); 30173 toggleCategoryGroup(keys); 30174 } 30175 }; 30176 window.getHiddenCategoryFilters = function () { 30177 return Array.from(loadHidden()); 30178 }; 30179 window.updateCategoryToggleState = function () { 30180 initToggleButtons(); 30181 }; 30182 30183 initToggleButtons(); 30184 30185 // PÃÂ¥ sidor med artikelflöde appliceras filtreringen direkt. 30186 if (document.querySelectorAll('f-article[data-id][data-caturl]').length > 0) { 30187 applyCategoryFilters(); 30188 } 30189 })(); 30190 30191 // Klickhanterare för f-menu-dropdown-item-marked (delegerad) 30192 document.addEventListener('click', function(e) { 30193 var target = e.target.closest ? e.target.closest('f-menu-dropdown-item-marked') : null; 30194 if (!target) return; 30195 30196 e.preventDefault(); 30197 e.stopPropagation(); 30198 30199 // Hämta förälder och data-catt frÃÂ¥n denna 30200 var parentElement = target.parentElement; 30201 var parentCatt = parentElement ? parentElement.getAttribute('data-catt') : null; 30202 30203 if (!parentCatt) { 30204 return; 30205 } 30206 30207 // Parsa data-catt (komma-separerad lista) 30208 var categories = parentCatt.split(',').map(function(s) { 30209 return s.trim().toLowerCase(); 30210 }
30210).filter(Boolean); 30211 30212 if (categories.length === 0) { 30213 return; 30214 } 30215 30216 // Använd den gemensamma kategorifiltreringen. 30217 if (typeof window.toggleCategoryFilter === 'function') { 30218 window.toggleCategoryFilter(categories); 30219 } 30220 }); 30221 30222 document.addEventListener('keydown', function(e) { 30223 var target = e.target.closest ? e.target.closest('f-menu-dropdown-item-marked') : null; 30224 if (!target || (e.key !== 'Enter' && e.key !== ' ')) return; 30225 e.preventDefault(); 30226 target.click(); 30227 }); 30228 30229 30230 30231</script>
30231 30232 30233 30234 30235 30236 30237 30238 30239 30240 30241 30242 30243 30244 30245 30246 30247 30248 30249 30250 30251 30252 30253 30254 30255 30256 30257 30258 30259 30260 30261 30262 30263 30264 30265 30266 30267 30268 30269 30270 30271 30272 30273 30274 <!-- currentURI /today/ --> 30275 30276 30277 30278 30279 30280 30281 30282 30283 30284 30285 30286 30287 30288 30289 30290 30291 30292 30293 30294 30295 30296 30297 30298 30299 30300 30301 30302 30303 30304 30305 30306 30307 30308 30309 30310 30311 30312<div id="readPeakPreArticle-start" data-ctype="pre-article" data-sid="start" data-position="before-list" style="display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:var(--f-margins-margins);width:100%;max-width:980px;"></div> 30313 30314 30315 30316
30316<script> 30317 initReadpeakPuffs({ 30318 adId: 'readPeakPreArticle-start', 30319 articleId: 'start', 30320 tags: 'prearticle', 30321 blockSelector: '[data-ctype="pre-article"]', 30322 mobileBreakpoint: 600, 30323 position: 'before-list' 30324 }); 30325 </script>
30325 30326 30327 30328 30329 30330
30330<script> 30331 (function() { 30332 var wideCounter = 0; 30333 30334 function spawnWide(targetEl, placement) { 30335 var id = 'rpWide-' + wideCounter++; 30336 var container = document.createElement('div'); 30337 container.id = id; 30338 30339 targetEl.innerHTML = ''; 30340 targetEl.appendChild(container); 30341 targetEl.style.display = 'block'; 30342 targetEl.style.width = '100%'; 30343 targetEl.style.margin = 'auto'; 30344 targetEl.style.textAlign = 'left'; 30345 targetEl.style.minHeight = '120px'; 30346 30347 initReadpeakWide({ 30348 adId: id, 30349 articleId: placement || 'fallback', 30350 tags: 'wide', 30351 position: 'maxetise-fallback', 30352 immediate: true 30353 }); 30354 } 30355 30356 30357 30358 // Spawna ReadPeak Wide för tomma Maxetise-placements 30359 window.addEventListener('placementLoaded', function(e) { 30360 if (!e.detail.isEmpty) return; 30361 var placement = e.detail.placement; 30362 var isDesktop = window.innerWidth > 800; 30363 if (isDesktop && !/^desktop[1-5]$/.test(placement)) return; 30364 if (!isDesktop && !/^mobile[1-5]$/.test(placement)) return; 30365 var el = document.getElementById(e.detail.id); 30366 if (el) { 30367 spawnWide(el, placement); 30368 } 30369 }, false); 30370 })(); 30371 </script>
30371 30372 30373 30374 30375 <style> 30376 30377 f-panorama { 30378 display: block; overflow: hidden; z-index: 0 !important; max-width: 980px; margin: var(--f-margins-margins); 30379 } 30380 @media only screen and (min-width: 1340px) and (max-width: 1640px) { 30381 :root [data-premium='false'] { 30382 --f-margin-right: 320px; 30383 --f-margins: 0px 320px 0px auto; 30384 --f-margins: 0px 320px 0px auto; 30385 --f-margins-margins: 20px 320px 20px auto; 30386 } 30387 } 30388 30389 </style> 30390 30391 <f-reading-list-builder id="f-reading-list-builder" data-visible="true" data-empty="true"> 30392 <f-reading-list-list id="f-reading-list-list" data-visible="false"> 30393 <f-reading-list-items id="f-reading-list-items"></f-reading-list-items> 30394 <button type="button" id="f-reading-list-clear">Rensa listan</button> 30395 </f-reading-list-list> 30396 <f-reading-list-copy> 30397 <strong id="f-reading-list-title">Skapa en läslista</strong> 30398 <small id="f-reading-list-help">Klicka på pluset på en artikel för att lägga till den.</small> 30399 </f-reading-list-copy> 30400 <button type="button" id="f-reading-list-dismiss" aria-label="Dölj information om läslistan">×</button> 30401 <button type="button" id="f-reading-list-toggle" aria-expanded="false">Visa lista</button> 30402 <button type="button" id="f-reading-list-start">Börja läsa</button> 30403 </f-reading-list-builder> 30404 30405
30405<script> 30406 document.addEventListener('DOMContentLoaded', function() { 30407 var storageKey = 'feberReadingQueueTest'; 30408 var hintDismissedKey = 'feberReadingQueueHintDismissed'; 30409 var builder = document.getElementById('f-reading-list-builder'); 30410 var title = document.getElementById('f-reading-list-title'); 30411 var help = document.getElementById('f-reading-list-help'); 30412 var queueList = document.getElementById('f-reading-list-list'); 30413 var queueItems = document.getElementById('f-reading-list-items'); 30414 var queue = []; 30415 var buttons = []; 30416 var hintDismissed = false; 30417 30418 try { 30419 if (window.location.hash === '#f-reading-list-clear') { 30420 localStorage.removeItem(storageKey); 30421 localStorage.removeItem(hintDismissedKey); 30422 history.replaceState(null, '', window.location.pathname + window.location.search); 30423 } 30424 hintDismissed = localStorage.getItem(hintDismissedKey) === 'true'; 30425 var saved = JSON.parse(localStorage.getItem(storageKey)); 30426 if (saved && saved.version === 1 && Array.isArray(saved.articles)) queue = saved.articles; 30427 } catch (e) { 30428 localStorage.removeItem(storageKey); 30429 } 30430 30431 function saveAndDraw() { 30432 localStorage.setItem(storageKey, JSON.stringify({ version: 1, updatedAt: Date.now(), articles: queue })); 30433 builder.setAttribute('data-visible', 'true'); 30434 builder.setAttribute('data-empty', queue.length ? 'false' : 'true'); 30435 title.textContent = queue.length ? queue.length + (queue.length === 1 ? ' artikel i l\u00e4slistan' : ' artiklar i l\u00e4slistan') : 'Skapa en l\u00e4slista'; 30436 help.textContent = queue.length ? 'Klicka p\u00e5 ett orange plus f\u00f6r att ta bort artikeln.' : 'Klicka p\u00e5 pluset p\u00e5 en artikel f\u00f6r att l\u00e4gga till den.'; 30437 buttons.forEach(function(button) { 30438 var selected = queue.some(function(article) { return article.id === button.dataset.readingId; }); 30439 button.setAttribute('aria-pressed', selected ? 'true' : 'false'); 30440 }); 30441 30442 queueItems.innerHTML = ''; 30443 queue.forEach(function(article) { 30444 var item = document.createElement('f-reading-list-item'); 30445 if (article.image) { 30446 var image = document.createElement('img'); 30447 image.src = article.image; 30448 image.alt = ''; 30449 item.appendChild(image); 30450 } 30451 30452 var copy = document.createElement('f-reading-list-item-copy'); 30453 copy.setAttribute('data-tempstatus', article.tempStatus || 'normal'); 30454 var title = document.createElement('strong'); 30455 title.textContent = article.title; 30456 copy.appendChild(title); 30457 if (article.preamble) { 30458 var preamble = document.createElement('small'); 30459 preamble.textContent = article.preamble; 30460 copy.appendChild(preamble); 30461 } 30462 item.appendChild(copy); 30463 30464 var removeButton = document.createElement('button'); 30465 removeButton.type = 'button'; 30466 removeButton.className = 'f-reading-list-remove'; 30467 removeButton.innerHTML = '<svg viewBox="0 0 1195 1376" aria-hidden="true"><path d="M414.507 1176.27C437.947 1176.27 453.367 1161.45 452.751 1139.84L433.629 479.152C433.012 457.541 417.592 443.34 395.386 443.34C371.946 443.34 356.526 458.158 357.143 479.77L375.648 1139.84C376.264 1162.07 391.685 1176.27 414.507 1176.27ZM597.088 1176.27C620.528 1176.27 637.182 1161.45 637.182 1139.84V479.77C637.182 458.158 620.528 443.34 597.088 443.34C573.649 443.34 557.611 458.158 557.611 479.77V1139.84C557.611 1161.45 573.649 1176.27 597.088 1176.27ZM780.285 1176.27C802.493 1176.27 817.911 1162.07 818.53 1139.84L837.036 479.77C837.649 458.158 822.231 443.34 798.791 443.34C776.583 443.34 761.165 457.541 760.546 479.77L742.039 1139.84C741.427 1161.45 756.845 1176.27 780.285 1176.27ZM326.301 282.181H424.377V150.044C424.377 114.849 449.05 92.0023 486.059 92.0023H706.883C743.89 92.0023 768.568 114.849 768.568 150.044V282.181H866.641V143.869C866.641 54.3369 808.657 0 713.667 0H479.274C384.283 0 326.301 54.3369 326.301 143.869V282.181ZM46.262 331.578H1148.53C1173.82 331.578 1194.17 309.967 1194.17 284.651C1194.17 259.335 1173.82 238.341 1148.53 238.341H46.262C21.5889 238.341 0 259.335 0 284.651C0 310.585 21.5889 331.578 46.262 331.578ZM314.582 1375.09H880.208C968.416 1375.09 1027.63 1317.67 1031.95 1229.37L1075.13 319.846H975.818L934.491 1218.87C933.259 1255.92 906.737 1281.85 870.342 1281.85H323.217C288.058 1281.85 261.534 1255.3 259.684 1218.87L215.889 319.846H119.048L162.842 1229.99C167.16 1318.29 225.141 1375.09 314.582 1375.09Z"/></svg>'; 30468 removeButton.setAttribute('aria-label', 'Ta bort ' + article.title + ' fr\u00e5n l\u00e4slistan'); 30469 removeButton.addEventListener('click', function() { 30470 var index = queue.findIndex(function(queueArticle) { return queueArticle.id === article.i
30470d; }); 30471 if (index !== -1) queue.splice(index, 1); 30472 saveAndDraw(); 30473 }); 30474 item.appendChild(removeButton); 30475 30476 queueItems.appendChild(item); 30477 }); 30478 30479 if (!queue.length) { 30480 queueList.setAttribute('data-visible', 'false'); 30481 var toggle = document.getElementById('f-reading-list-toggle'); 30482 toggle.setAttribute('aria-expanded', 'false'); 30483 toggle.textContent = 'Visa lista'; 30484 } 30485 } 30486 30487 document.querySelectorAll('f-basic[data-id]').forEach(function(articleElement) { 30488 var link = articleElement.querySelector('f-basic-header') ? articleElement.querySelector('f-basic-header').closest('a') : articleElement.querySelector('a[href]'); 30489 var headline = articleElement.querySelector('f-basic-headline'); 30490 var preamble = articleElement.querySelector('f-basic-preamble'); 30491 var image = articleElement.querySelector('f-basic-media img'); 30492 if (!link || !headline) return; 30493 30494 var button = document.createElement('button'); 30495 button.type = 'button'; 30496 button.className = 'f-reading-list-add'; 30497 button.dataset.readingId = articleElement.dataset.id; 30498 button.dataset.readingTitle = headline.textContent.trim(); 30499 button.dataset.readingUrl = link.href; 30500 button.dataset.readingImage = image ? image.src : ''; 30501 button.dataset.readingPreamble = preamble ? preamble.textContent.trim() : ''; 30502 button.dataset.readingTempStatus = articleElement.dataset.tempstatus || 'normal'; 30503 button.setAttribute('aria-label', 'L\u00e4gg till ' + button.dataset.readingTitle + ' i l\u00e4slistan'); 30504 button.setAttribute('aria-pressed', 'false'); 30505 button.innerHTML = '<span aria-hidden="true">+</span>'; 30506 articleElement.appendChild(button); 30507 buttons.push(button); 30508 30509 var savedArticle = queue.find(function(article) { return article.id === button.dataset.readingId; }); 30510 if (savedArticle) { 30511 savedArticle.preamble = button.dataset.readingPreamble; 30512 savedArticle.tempStatus = button.dataset.readingTempStatus; 30513 } 30514 30515 ['pointerdown', 'pointerup', 'mousedown', 'mouseup', 'touchstart', 'touchend'].forEach(function(eventName) { 30516 button.addEventListener(eventName, function(event) { 30517 event.stopPropagation(); 30518 }); 30519 }); 30520 30521 button.addEventListener('click', function(event) { 30522 event.preventDefault(); 30523 event.stopPropagation(); 30524 event.stopImmediatePropagation(); 30525 var index = queue.findIndex(function(article) { return article.id === button.dataset.readingId; }); 30526 if (index !== -1) { 30527 queue.splice(index, 1); 30528 } else { 30529 hintDismissed = false;
30530 localStorage.removeItem(hintDismissedKey); 30531 queue.push({ 30532 id: button.dataset.readingId, 30533 title: button.dataset.readingTitle, 30534 url: button.dataset.readingUrl, 30535 image: button.dataset.readingImage, 30536 preamble: button.dataset.readingPreamble, 30537 tempStatus: button.dataset.readingTempStatus 30538 }); 30539 } 30540 saveAndDraw(); 30541 }, true); 30542 }); 30543 30544 document.getElementById('f-reading-list-dismiss').addEventListener('click', function() { 30545 hintDismissed = true; 30546 localStorage.setItem(hintDismissedKey, 'true'); 30547 builder.setAttribute('data-visible', 'false'); 30548 }); 30549 30550 document.getElementById('f-reading-list-clear').addEventListener('click', function() { 30551 queue = []; 30552 saveAndDraw(); 30553 }); 30554 30555 document.getElementById('f-reading-list-toggle').addEventListener('click', function() { 30556 var visible = queueList.getAttribute('data-visible') === 'true'; 30557 queueList.setAttribute('data-visible', visible ? 'false' : 'true'); 30558 this.setAttribute('aria-expanded', visible ? 'false' : 'true'); 30559 this.textContent = visible ? 'Visa lista' : 'D\u00f6lj lista'; 30560 }); 30561 30562 document.getElementById('f-reading-list-start').addEventListener('click', function() { 30563 if (!queue.length) return; 30564 var url = new URL(queue[0].url, window.location.origin); 30565 url.hash = 'f-reading-list=' + encodeURIComponent(JSON.stringify({ version: 1, articles: queue })); 30566 window.location.href = url.toString(); 30567 }); 30568 30569 saveAndDraw(); 30570 if (!queue.length && hintDismissed) builder.setAttribute('data-visible', 'false'); 30571 }); 30572 </script>
30572 30573 30574 <!-- User: --> 30575 30576 30577 30578 30579 30580 30581 30582 30583 30584 30585 30586 30587 30588 30589 30590 30591 30592 30593 30594 30595 30596 30597 30598 30599 30600 30601 30602 30603<!-- panidentity panorama1both --> 30604 30605<f-panorama id="panoramapanorama1both" class="maxpan" data-panidentity="panorama1both"> 30606 30607</f-panorama> 30608 30609 30610 30611 30612 30613 30614 30615 30616 30617 30618
30618<script type="text/javascript"> 30619 30620 function initPanoramapanorama1both() { 30621 checkPlus().then(isPlus => { 30622 30623 const device = 'both'; 30624 const panoramaEl = document.getElementById('panoramapanorama1both'); 30625 30626 if (!panoramaEl) return; 30627 30628 if (isPlus) { 30629 panoramaEl.remove(); 30630 console.log('remove1 + panorama1both'); 30631 } else { 30632 const deviceWidth = window.innerWidth; 30633 30634 if (device == 'mobile' && deviceWidth > 800) { 30635 panoramaEl.style.display = 'none'; 30636 } else if (device == 'desktop' && deviceWidth < 800) { 30637 panoramaEl.style.display = 'none'; 30638 } else { 30639 // Definiera maxetise-div 30640 var newDiv = `<div class="maxetise max " data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile1"}, { "mq":"screen", "placement": "desktop1"}]'></div>`; 30641 30642 // Posta den i rätt panorama 30643 panoramaEl.innerHTML = newDiv; 30644 } 30645 } 30646 }).catch(error => console.error(error)); 30647 } 30648 30649 if (document.readyState === 'loading') { 30650 document.addEventListener('DOMContentLoaded', initPanoramapanorama1both); 30651 } else { 30652 initPanoramapanorama1both(); 30653 } 30654 30655 </script>
30655 30656 30657 30658 30659 30660 30661 30662 30663 30664 30665 30666 30667 30668 30669 30670 30671 30672 30673 30674 30675 30676 30677 30678 30679 30680 30681 30682 30683 30684 30685 30686<f-bar-container data-id=""> 30687 <f-bar> 30688 <f-bar-left> 30689 30690 30691 Dagens artiklar 30692 30693 30694 30695 30696 </f-bar-left> 30697 30698 </f-bar> 30699</f-bar-container> 30700 30701 30702 30703 <f-basic-container-thumbs> 30704 <!-- start cacheKey = day-today-#sites@1,2,4,5,6,9,12,13,16,27,48,58,61,62,65,67,100,104,118,127,139,191,198,212,213,148,152,153,154,155,156,157,159#count@160#start@0#categories@#statuses@1# , date: Thu Sep 24 20:08:30 CEST 2026 --> 30705 30706 30707 30708 30709 30710 30711 30712 30713 30714 30715 30716 30717 30718 30719 30720 30721 30722 30723 30724 30725 30726 30727 30728 30729 30730 30731 30732 30733 30734 30735 30736 30737 30738 30739 30740 30741 30742 30743 30744 30745 30746 30747 30748 30749 30750 30751 30752 30753 30754 30755 30756 30757 30758 30759 30760 30761 30762 30763 30764 30765 30766 30767 30768 30769 30770 30771 30772 30773<f-basic id="ArticleBasic_496539" 30774 data-id="496539" 30775 data-temp="369" 30776 data-tempstatus=normal 30777 data-basicsite="feber" 30778 30779 30780 class=" feber" 30781 > 30782 30783 30784 30785 30786 30787 <a href="https://feber.se/internet/kolla-in-det-viktigaste-fran-metas-utvecklakonferens/496539/"> 30788 <f-basic-header> 30789 <f-basic-headline> 30790 <b>Kolla in det viktigaste frÃ¥n Metas utvecklakonferens</b> 30791 </f-basic-headline> 30792 <f-basic-preamble> 30793 Meta Connect pÃ¥ 10 minuter 30794 </f-basic-preamble> 30795 </f-basic-header> 30796 </a> 30797 30798 30799 <f-basic-body> 30800 <a class="" data-artid="496539" data-title="Kolla in det viktigaste frÃ¥n Metas utvecklakonferens. Meta Connect pÃ¥ 10 minuter | Feber / Internet" href="https://feber.se/internet/kolla-in-det-viktigaste-fran-metas-utvecklakonferens/496539/"> 30801 Orkade du inte sitta uppe och kolla pÃ¥ gÃ¥rdagens keynote frÃ¥n Metas utvecklarkonferens Meta Connect, som började klockan 01:00 pÃ¥ natten svensk tid, kan du här kolla in ett sammandrag frÃ¥n eventet. Det är CNET som har plockat ut höjdpunkterna frÃ¥n den cirka en timme lÃ¥nga presentationen och klippt ihop de till en supercut som är lite under 10 minuter. Under keynoten presenterade Meta bland annat sina kameralösa smarta glasögon Ray-Ban Meta Audio, tredje generationens Meta Ray-Ban (med kameror), VR-glasögonen Meta VR Glasses och den lilla AI-dosan Muse Charm. 30802 </a> 30803 </f-basic-body> 30804 30805 30806 <f-basic-media> 30807 <f-basic-mediawrapper> 30808 <a class="" data-artid="496539" data-title="Kolla in det viktigaste frÃ¥n Metas utvecklakonferens. Meta Connect pÃ¥ 10 minuter | Feber / Internet" href="https://feber.se/internet/kolla-in-det-viktigaste-fran-metas-utvecklakonferens/496539/"><img src="//i.ytimg.com/vi/mFrDMb42zAs/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a> 30809 30810 <f-basic-tagline data-tempstatus=""> 30811 30812 30813 30814 30815 30816 30817 30818 30819 30820 30821 30822 30823 30824 30825 30826 30827 30828 30829 30830 30831<!-- Temptype degrees --> 30832 30833 30834 30835 30836 30837 30838 30839 30840 30841 30842 30843<!-- IDNAME 198 - Feber / Internet - Feber --> 30844 30845 30846 30847 30848 <div class="temp BG" id="ikon_thumbs_496539"> 30849 30850 36.9° 30851 30852 </div> 30853 30854 30855 30856 30857 30858 30859 <f-bubble id="commentCounter496539" class="disqus-comment-count" data-disqus-url="https://feber.se/496539/" data-sheeturl="/disqus/496539/?inline=true&showheader=true" onClick="loadComments('#showDisqus496539','/disqus/496539/?inline=true');">0</f-bubble> 30860 <!--<a href="http://feber.se/496539/#commentsContainer"></a>--> 30861 30862 30863 30864 </f-basic-tagline> 30865 30866 </f-mediawrapper> 30867 30868 </f-basic-media> 30869 30870</f-basic> 30871 30872 30873 30874 30875 30876 30877 30878 30879 30880 30881 30882 30883 30884 30885 30886 30887 30888 30889 30890 30891 30892 30893 30894 30895 30896 30897 30898 30899 30900 30901 30902 30903 30904 30905 30906 30907 30908 30909 30910 30911 30912 30913 30914 30915 30916 30917 30918 30919 30920 30921 30922 30923 30924 30925 30926 30927 30928 30929 30930 30931 30932 30933 30934 30935 30936 30937 30938 30939 30940 30941 30942 30943 30944 30945 30946 30947 30948 30949 30950 30951 30952 30953 30954 30955 30956 30957 30958 30959 30960 30961<f-basic id="ArticleBasic_496524" 30962 data-id="496524" 30963 data-temp="370" 30964 data-tempstatus=normal 30965 data-basicsite="feber" 30966 30967 30968 class=" feber" 30969 > 30970 30971 30972 30973 30974 30975 <a href="https://feber.se/film/clown-panic-ar-inget-for-er-med-clownskrack/496524/"> 30976 <f-basic-header> 30977 <f-basic-headline> 30978 <b>Clown Panic är inget för er med clownskräck</b> 30979 </f-basic-headline> 30980 <f-basic-preamble> 30981 Ny dokumentär kommer pÃ¥ Disney+ nästa mÃ¥nad 30982 </f-basic-preamble> 30983 </f-basic-header> 30984 </a> 30985 30986 30987 <f-basic-body> 30988 <a class="" data-artid="496524" data-title="Clown Panic är inget för er med clownskräck. Ny dokumentär kommer pÃ¥ Disney+ nästa mÃ¥nad | Feber / Film & TV" href="https://feber.se/film/clown-panic-ar-inget-for-er-med-clownskrack/496524/"> 30989 Lagom till Halloween släpps dokumentären Clown Panic som handlar om en händelse i USA där barn sade sig ha sett en man utklädd till clown i delstaten South Carolinas skogar. Dokumentären tar tittarna med pÃ¥ en resa där rapporterna om clowner eskalerar via bÃ¥de traditionella media och sociala medier vilket leder till clownhysteri. Clown Panic börjar visas pÃ¥ Disney+ den 12 oktober. Ni hittar trailern för dokumentären nedan. 30990 </a> 30991 </f-basic-body> 30992 30993 30994 <f-basic-media> 30995 <f-basic-mediawrapper> 30996 <a class="" data-artid="496524" data-title="Clown Panic är inget för er med clownskräck. Ny dokumentär kommer pÃ¥ Disney+ nästa mÃ¥nad | Feber / Film & TV" href="https://feber.se/film/clown-panic-ar-inget-for-er-med-clownskrack/496524/"><img src="https://static.feber.se/article_images/66/81/58/668158_440.jpg" loading="lazy" alt="Tumnagel" /></a> 30997 30998 <f-basic-tagline data-tempstatus=""> 30999 31000 31001 31002 31003 31004 31005 31006 31007 31008 31009 31010 31011 31012 31013 31014 31015 31016 31017 31018 31019<!-- Temptype degrees --> 31020 31021 31022 31023 31024 31025 31026 31027 31028 31029 31030 31031<!-- IDNAME 58 - Feber / Film & TV - Feber --> 31032 31033 31034 31035 31036 <div class="temp BG" id="ikon_thumbs_496524"> 31037 31038 37.0° 31039 31040 </div> 31041 31042 31043 31044 31045 31046 31047 <f-bubble id="commentCounter496524" class="disqus-comment-count" data-disqus-url="https://feber.se/496524/" data-sheeturl="/disqus/496524/?inline=true&showheader=true" onClick="loadComments('#showDisqus496524','/disqus/496524/?inline=true');">0</f-bubble> 31048 <!--<a href="http://feber.se/496524/#commentsContainer"></a>--> 31049 31050 31051 31052 </f-basic-tagline> 31053 31054 </f-mediawrapper> 31055 31056 </f-basic-media> 31057 31058</f-basic> 31059 31060 31061 31062 31063 31064 31065 31066 31067 31068 31069 31070 31071 31072 31073 31074 31075 31076 31077 31078 31079 31080 31081 31082 31083 31084 31085 31086 31087 31088 31089 31090 31091 31092 31093 31094 31095 31096 31097 31098 31099 31100 31101 31102 31103 31104 31105 31106 31107 31108 31109 31110 31111 31112 31113 31114 31115 31116 31117 31118 31119 31120 31121 31122 31123 31124 31125 31126 31127 31128 31129 31130 31131 31132 31133 31134 31135 31136 31137 31138 31139 31140 31141 31142 31143 31144 31145 31146 31147 31148 31149<f-basic id="ArticleBasic_496522" 31150 data-id="496522" 31151 data-temp="353" 31152 data-tempstatus=normal 31153 data-basicsite="feber" 31154 31155 31156 class=" feber" 31157 > 31158 31159 31160 31161 31162 31163 <a href="https://feber.se/bil/denzas-modeller-har-snart-premiar-i-sverige/496522/"> 31164 <f-basic-header> 31165 <f-basic-headline> 31166 <b>Denzas modeller har snart premiär i Sverige</b> 31167 </f-basic-headline> 31168 <f-basic-preamble> 31169 Visas upp pÃ¥ elbilsmässa 31170 </f-basic-preamble> 31171 </f-basic-header> 31172 </a> 31173 31174 31175 <f-basic-body> 31176 <a class="" data-artid="496522" data-title="Denzas modeller har snart premiär i Sverige. Visas upp pÃ¥ elbilsmässa | Feber / Bil" href="https://feber.se/bil/denzas-modeller-har-snart-premiar-i-sverige/496522/"> 31177 Mellan den 9 och 11 oktober anordnas elbilsmässan eCar Expo 2026 i Stockholm. Där har BYD:s premiumvarumärke Denza sin Sverige-premiär och flaggskeppet Z9GT kommer att ställas ut. Det är en shooting brake grand tourer byggd pÃ¥ plattformen e3. Man kan fÃ¥ modellen som laddhybrid eller med bara eldrift. Räckvidderna anges till 80 respektive 60 mil och den eldrivna ska klara 0-100 km/h pÃ¥ bara 2,7 sekunder. Man ska även kunna ladda denna med BYD:s supersnabba Flash Charging-teknik. Z9GT lanseras här i Sverige senare i höst och när det börjar närma sig kommer vi att fÃ¥ prislappen och fler detaljer kring bilen. 31178 </a> 31179 </f-basic-body> 31180 31181 31182 <f-basic-media> 31183 <f-basic-mediawrapper> 31184 <a class="" data-artid="496522" data-title="Denzas modeller har snart premiär i Sverige. Visas upp pÃ¥ elbilsmässa | Feber / Bil" href="https://feber.se/bil/denzas-modeller-har-snart-premiar-i-sverige/496522/"><img src="https://static.feber.se/article_images/66/81/56/668156_440.jpg" loading="lazy" alt="Tumnagel" /></a> 31185 31186 <f-basic-tagline data-tempstatus=""> 31187 31188 31189 31190 31191 31192 31193 31194 31195 31196 31197 31198 31199 31200 31201 31202 31203 31204 31205 31206 31207<!-- Temptype degrees --> 31208 31209 31210 31211 31212 31213 31214 31215 31216 31217 31218 31219<!-- IDNAME 6 - Feber / Bil - Feber --> 31220 31221 31222 31223 31224 <div class="temp BG" id="ikon_thumbs_496522"> 31225 31226 35.3° 31227 31228 </div> 31229 31230 31231 31232 31233 31234 31235 <f-bubble id="commentCounter496522" class="disqus-comment-count" data-disqus-url="https://feber.se/496522/" data-sheeturl="/disqus/496522/?inline=true&showheader=true" onClick="loadComments('#showDisqus496522','/disqus/496522/?inline=true');">0</f-bubble> 31236 <!--<a href="http://feber.se/496522/#commentsContainer"></a>--> 31237 31238 31239 31240 </f-basic-tagline> 31241 31242 </f-mediawrapper> 31243 31244 </f-basic-media> 31245 31246</f-basic> 31247 31248 31249 31250 31251 31252 31253 31254 31255 31256 31257 31258 31259 31260 31261 31262 31263 31264 31265 31266 31267 31268 31269 31270 31271 31272 31273 31274 31275 31276 31277 31278 31279 31280 31281 31282 31283 31284 31285 31286 31287 31288 31289 31290 31291 31292 31293 31294 31295 31296 31297 31298 31299 31300 31301 31302 31303 31304 31305 31306 31307 31308 31309 31310 31311 31312 31313 31314 31315 31316 31317 31318 31319 31320 31321 31322 31323 31324 31325 31326 31327 31328 31329 31330 31331 31332 31333 31334 31335 31336 31337<f-basic id="ArticleBasic_496543" 31338 data-id="496543" 31339 data-temp="336" 31340 data-tempstatus=cold 31341 data-basicsite="feber" 31342 31343 31344 class=" feber" 31345 > 31346 31347 31348 31349 31350 31351 <a href="https://feber.se/spel/rockstar-slapper-dyr-samlarbox-for-grand-theft-auto-vi/496543/"> 31352 <f-basic-header> 31353 <f-basic-headline> 31354 <b>Rockstar släpper dyr samlarbox för Grand Theft Auto VI</b> 31355 </f-basic-headline> 31356 <f-basic-preamble> 31357 Med mycket merch dock inget spel 31358 </f-basic-preamble> 31359 </f-basic-header> 31360 </a> 31361 31362 31363 <f-basic-body> 31364 <a class="" data-artid="496543" data-title="Rockstar släpper dyr samlarbox för Grand Theft Auto VI. Med mycket merch dock inget spel | Feber / Spel" href="https://feber.se/spel/rockstar-slapper-dyr-samlarbox-for-grand-theft-auto-vi/496543/"> 31365 Inför släppet av Grand Theft Auto VI i november har Rockstar Games nu visat upp en rejäl samlarbox för de mest hängivna fansen. Paketet, som gÃ¥r under namnet The Goodtime State â Vice City Collection, är fyllt med exklusiv merch och annat tjofräs. En sak som lÃ¥dan dock inte innehÃ¥ller är själva spelet. Prislappen landar pÃ¥ hela 4 509 kronor (400 dollar i USA) och för det fÃ¥r man prylar inspirerade av den fiktiva delstaten Leonida och spelets neonindränkta estetik. Bland annat fÃ¥r man en staty av alligatorn Macca, ett par Oakley-solglasögon, en axelremsväska och en dubbelsidig plansch som även fungerar som en fysisk karta över spelvärlden. Samlarboxen släpps den 19 november, samma dag som spelet släpps till PlayStation och Xbox. 31366 </a> 31367 </f-basic-body> 31368 31369 31370 <f-basic-media> 31371 <f-basic-mediawrapper> 31372 <a class="" data-artid="496543" data-title="Rockstar släpper dyr samlarbox för Grand Theft Auto VI. Med mycket merch dock inget spel | Feber / Spel" href="https://feber.se/spel/rockstar-slapper-dyr-samlarbox-for-grand-theft-auto-vi/496543/"><img src="https://static.feber.se/article_images/66/81/99/668199_440.jpg" loading="lazy" alt="Tumnagel" /></a> 31373 31374 <f-basic-tagline data-tempstatus=""> 31375 31376 31377 31378 31379 31380 31381 31382 31383 31384 31385 31386 31387 31388 31389 31390 31391 31392 31393 31394 31395<!-- Temptype degrees --> 31396 31397 31398 31399 31400 31401 31402 31403 31404 31405 31406 31407<!-- IDNAME 4 - Feber / Spel - Feber --> 31408 31409 31410 31411 31412 <div class="temp febercoldBG" id="ikon_thumbs_496543"> 31413 31414 33.6° 31415 31416 </div> 31417 31418 31419 31420 31421 31422 31423 <f-bubble id="commentCounter496543" class="disqus-comment-count" data-disqus-url="https://feber.se/496543/" data-sheeturl="/disqus/496543/?inline=true&showheader=true" onClick="loadComments('#showDisqus496543','/disqus/496543/?inline=true');">0</f-bubble> 31424 <!--<a href="http://feber.se/496543/#commentsContainer"></a>--> 31425 31426 31427 31428 </f-basic-tagline> 31429 31430 </f-mediawrapper> 31431 31432 </f-basic-media> 31433 31434</f-basic> 31435 31436 31437 31438 31439 31440 31441 31442 31443 31444 31445 31446 31447 31448 31449 31450 31451 31452 31453 31454 31455 31456 31457 31458 31459 31460 31461 31462 31463 31464 31465 31466 31467 31468 31469 31470 31471 31472 31473 31474 31475 31476 31477 31478 31479 31480 31481 31482 31483 31484 31485 31486 31487 31488 31489 31490 31491 31492 31493 31494 31495 31496 31497 31498 31499 31500 31501 31502 31503 31504 31505 31506 31507 31508 31509 31510 31511 31512 31513 31514 31515 31516 31517 31518 31519 31520 31521 31522 31523 31524 31525<f-basic id="ArticleBasic_496504" 31526 data-id="496504" 31527 data-temp="352" 31528 data-tempstatus=normal 31529 data-basicsite="feber" 31530 31531 31532 class=" feber" 31533 > 31534 31535 31536 31537 31538 31539 <a href="https://feber.se/internet/youtube-lanserar-ai-styrda-flikar/496504/"> 31540 <f-basic-header> 31541 <f-basic-headline> 31542 <b>YouTube lanserar AI-styrda flikar</b> 31543 </f-basic-headline> 31544 <f-basic-preamble> 31545 Snart kan du bygga helt egna startsidor med hjälp av smidiga kommandon. 31546 </f-basic-preamble> 31547 </f-basic-header> 31548 </a> 31549 31550 31551 <f-basic-body> 31552 <a class="" data-artid="496504" data-title="YouTube lanserar AI-styrda flikar. Snart kan du bygga helt egna startsidor med hjälp av smidiga kommandon. | Feber / Internet" href="https://feber.se/internet/youtube-lanserar-ai-styrda-flikar/496504/"> 31553 YouTube planerar att ge sina användare en ny funktion som heter Custom Feeds som ska göra det lättare att bygga helt egna startsidor med hjälp av AI. Genom kommandon som "lugna dokumentärer för kvällsmyset" eller "hjälp mig att hitta nya hemmafi
31553xare" skapas skräddarsydda flikar pÃ¥ startsidan som sedan uppdateras automatiskt med vad som anses vara passande innehÃ¥ll. PÃ¥ tal om AI och YouTube sÃ¥ kommer streamingtjänsten även ge folk som laddar upp videor rad nya AI-verktyg. Bland annat en redigeringsassistent för Shorts som kan klippa bort tysta pauser och synka musik till takten. Dessutom fÃ¥r kreatörer nu hjälp av AI för att analysera sina videoutkast sÃ¥ systemet kan ge feedback pÃ¥ allt frÃ¥n berättartempo till struktur innan videon ens har publicerats. En annan nyhet är möjligheten att A/B-testa olika versioner av samma video. 31554 </a> 31555 </f-basic-body> 31556 31557 31558 <f-basic-media> 31559 <f-basic-mediawrapper> 31560 <a class="" data-artid="496504" data-title="YouTube lanserar AI-styrda flikar. Snart kan du bygga helt egna startsidor med hjälp av smidiga kommandon. | Feber / Internet" href="https://feber.se/internet/youtube-lanserar-ai-styrda-flikar/496504/"><img src="https://static.feber.se/article_images/66/81/64/668164_440.jpg" loading="lazy" alt="Tumnagel" /></a> 31561 31562 <f-basic-tagline data-tempstatus=""> 31563 31564 31565 31566 31567 31568 31569 31570 31571 31572 31573 31574 31575 31576 31577 31578 31579 31580 31581 31582 31583<!-- Temptype degrees --> 31584 31585 31586 31587 31588 31589 31590 31591 31592 31593 31594 31595<!-- IDNAME 198 - Feber / Internet - Feber --> 31596 31597 31598 31599 31600 <div class="temp BG" id="ikon_thumbs_496504"> 31601 31602 35.2° 31603 31604 </div> 31605 31606 31607 31608 31609 31610 31611 <f-bubble id="commentCounter496504" class="disqus-comment-count" data-disqus-url="https://feber.se/496504/" data-sheeturl="/disqus/496504/?inline=true&showheader=true" onClick="loadComments('#showDisqus496504','/disqus/496504/?inline=true');">0</f-bubble> 31612 <!--<a href="http://feber.se/496504/#commentsContainer"></a>--> 31613 31614 31615 31616 </f-basic-tagline> 31617 31618 </f-mediawrapper> 31619 31620 </f-basic-media> 31621 31622</f-basic> 31623 31624 31625 31626 31627 31628 31629 31630 31631 31632 31633 31634 31635 31636 31637 31638 31639 31640 31641 31642 31643 31644 31645 31646 31647 31648 31649 31650 31651 31652 31653 31654 31655 31656 31657 31658 31659 31660 31661 31662 31663 31664 31665 31666 31667 31668 31669 31670 31671 31672 31673 31674 31675 31676 31677 31678 31679 31680 31681 31682 31683 31684 31685 31686 31687 31688 31689 31690 31691 31692 31693 31694 31695 31696 31697 31698 31699 31700 31701 31702 31703 31704 31705 31706 31707 31708 31709 31710 31711 31712 31713<f-basic id="ArticleBasic_496518" 31714 data-id="496518" 31715 data-temp="363" 31716 data-tempstatus=normal 31717 data-basicsite="feber" 31718 31719 31720 class=" feber" 31721 > 31722 31723 31724 31725 31726 31727 <a href="https://feber.se/bil/hypnotisk-version-av-renault-rafale/496518/"> 31728 <f-basic-header> 31729 <f-basic-headline> 31730 <b>Hypnotisk version av Renault Rafale</b> 31731 </f-basic-headline> 31732 <f-basic-preamble> 31733 Dyraste suven 31734 </f-basic-preamble> 31735 </f-basic-header> 31736 </a> 31737 31738 31739 <f-basic-body> 31740 <a class="" data-artid="496518" data-title="Hypnotisk version av Renault Rafale. Dyraste suven | Feber / Bil" href="https://feber.se/bil/hypnotisk-version-av-renault-rafale/496518/"> 31741 Rafale är en sÃ¥n där SUV-coupé som Renault säljer. Nu presenteras den i den exklusiva versionen Rafale Hypnotic. Endast 1500 av denna kommer att tas fram för den europeiska marknaden, och versionen blir den dyraste suven som Renault erbjuder. Det man fÃ¥r är en matt lack som kallas för Forest Shade, ett chassi som Alpine har trixat med och drivlinan E-Tech 4Ã4 som är en laddhybrid med fyrhjulsdrift och sammanlagt 300 hästar. Här kombineras en turbomatad bensintrea pÃ¥ 1,2 liter med inte mindre än tre elmotorer. Batteripacket som är pÃ¥ 22 kWh ska ge el-räckvidd pÃ¥ upp till tio mil. Versionen utgÃ¥r frÃ¥n utrustningsnivÃ¥n Atelier Alpine och fÃ¥r dessutom svart grill och mörkare emblem överallt. Ãven strÃ¥lkastarna är tonade och i hjulhusen sitter 21-tumsfälgar. PÃ¥ insidan fÃ¥r man Alcantara och sömmar som gÃ¥r i blÃ¥tt, vitt och rött. Stolarna har upplysta Alpine-emblem. PÃ¥ prislappen stÃ¥r det 63.550 euro. Bilen kommer att visas upp pÃ¥ mässan i Paris som drar igÃ¥ng den 12 oktober. 31742 </a> 31743 </f-basic-body> 31744 31745 31746 <f-basic-media> 31747 <f-basic-mediawrapper> 31748 <a class="" data-artid="496518" data-title="Hypnotisk version av Renault Rafale. Dyraste suven | Feber / Bil" href="https://feber.se/bil/hypnotisk-version-av-renault-rafale/496518/"><img src="https://static.feber.se/article_images/66/81/00/668100_440.jpg" loading="lazy" alt="Tumnagel" /></a> 31749 31750 <f-basic-tagline data-tempstatus=""> 31751 31752 31753 31754 31755 31756 31757 31758 31759 31760 31761 31762 31763 31764 31765 31766 31767 31768 31769 31770 31771<!-- Temptype degrees --> 31772 31773 31774 31775 31776 31777 31778 31779 31780 31781 31782 31783<!-- IDNAME 6 - Feber / Bil - Feber --> 31784 31785 31786 31787 31788 <div class="temp BG" id="ikon_thumbs_496518"> 31789 31790 36.3° 31791 31792 </div> 31793 31794 31795 31796 31797 31798 31799 <f-bubble id="commentCounter496518" class="disqus-comment-count" data-disqus-url="https://feber.se/496518/" data-sheeturl="/disqus/496518/?inline=true&showheader=true" onClick="loadComments('#showDisqus496518','/disqus/496518/?inline=true');">0</f-bubble> 31800 <!--<a href="http://feber.se/496518/#commentsContainer"></a>--> 31801 31802 31803 31804 </f-basic-tagline> 31805 31806 </f-mediawrapper> 31807 31808 </f-basic-media> 31809 31810</f-basic> 31811 31812 31813 31814 31815 31816 31817 31818 31819 31820 31821 31822 31823 31824 31825 31826 31827 31828 31829 31830 31831 31832 31833 31834 31835 31836 31837 31838 31839 31840 31841 31842 31843 31844 31845 31846 31847 31848 31849 31850 31851 31852 31853 31854 31855 31856 31857 31858 31859 31860 31861 31862 31863 31864 31865 31866 31867 31868 31869 31870 31871 31872 31873 31874 31875 31876 31877 31878 31879 31880 31881 31882 31883 31884 31885 31886 31887 31888 31889 31890 31891 31892 31893 31894 31895 31896 31897 31898 31899 31900 31901<f-basic id="ArticleBasic_496532" 31902 data-id="496532" 31903 data-temp="308" 31904 data-tempstatus=cold 31905 data-basicsite="feber" 31906 31907 31908 class=" feber" 31909 > 31910 31911 31912 31913 31914 31915 <a href="https://feber.se/internet/ai-agent-fran-openai-hackade-australiensisk-halsodatabas/496532/"> 31916 <f-basic-header> 31917 <f-basic-headline> 31918 <b>AI-agent frÃ¥n OpenAI hackade australiensisk hälsodatabas</b> 31919 </f-basic-headline> 31920 <f-basic-preamble> 31921 Första kända attacken av en AI-agent mot en myndighet 31922 </f-basic-preamble> 31923 </f-basic-header> 31924 </a> 31925 31926 31927 <f-basic-body> 31928 <a class="" data-artid="496532" data-title="AI-agent frÃ¥n OpenAI hackade australiensisk hälsodatabas. Första kända attacken av en AI-agent mot en myndighet | Feber / Internet" href="https://feber.se/internet/ai-agent-fran-openai-hackade-australiensisk-halsodatabas/496532/"> 31929 Australiens premiärminister Anthony Albanese uppger att en AI-agent frÃ¥n OpenAI hackade hälsodatabasen Medicare tidigare i Ã¥r. Det här ser med andra ord ut att vara ytterligare ett tillfälle dÃ¥ AI-agenter gjort eller försökt göra intrÃ¥ng i system pÃ¥ egen hand, nÃ¥got som up
31929pmärksammades när OpenAI i juli uppgav att en av deras AI-agenter hackat AI-plattformen Hugging Face. Sedan händelsen med Hugging Face har flera andra AI-företag uppgett att deras AI-agenter genomfört eller försökt genomföra attacker mot olika system. Attacken mot Medicare ska ha skett i juni, innan attacken mot Hugging Face uppmärksammades, men OpenAI ska inte ha informerat australiensiska myndigheter om intrÃ¥nget förrän i september. Förutom Medicare ska OpenAI-agenten ha gett sig pÃ¥ tre andra tjänster i landet, Australian Institute of Health and Welfare, Victorian Department of Health samt New South Wales Bureau of Crime Statistics and Research. Albanese uttryckte sitt missnöje med händelsen och sa i ett uttalande: "This situation is obviously unacceptable. Today, I spoke with the CEO of OpenAI, Sam Altman, to express Australiaâs extreme concern about this incident and I also expressed my disappointment that it took the company way too long to inform the government what had occurred." Anledningen till att AI-agenten hackade tjänsterna uppges bero pÃ¥ att den var pÃ¥ jakt efter information. När den inte kunde komma Ã¥t den informationen via publika kanaler ska den istället ha hackat tjänsterna för att ta del av informationen den ansÃ¥g att den behövde. Vilken typ av information det handlar om framgÃ¥r inte, men den tros inte ha kommit Ã¥t nÃ¥gon personlig hälsodata. 31930 </a> 31931 </f-basic-body> 31932 31933 31934 <f-basic-media> 31935 <f-basic-mediawrapper> 31936 <a class="" data-artid="496532" data-title="AI-agent frÃ¥n OpenAI hackade australiensisk hälsodatabas. Första kända attacken av en AI-agent mot en myndighet | Feber / Internet" href="https://feber.se/internet/ai-agent-fran-openai-hackade-australiensisk-halsodatabas/496532/"><img src="https://static.feber.se/article_images/66/81/65/668165_440.jpg" loading="lazy" alt="Tumnagel" /></a> 31937 31938 <f-basic-tagline data-tempstatus=""> 31939 31940 31941 31942 31943 31944 31945 31946 31947 31948 31949 31950 31951 31952 31953 31954 31955 31956 31957 31958 31959<!-- Temptype degrees --> 31960 31961 31962 31963 31964 31965 31966 31967 31968 31969 31970 31971<!-- IDNAME 198 - Feber / Internet - Feber --> 31972 31973 31974 31975 31976 <div class="temp febercoldBG" id="ikon_thumbs_496532"> 31977 31978 30.8° 31979 31980 </div> 31981 31982 31983 31984 31985 31986 31987 <f-bubble id="commentCounter496532" class="disqus-comment-count" data-disqus-url="https://feber.se/496532/" data-sheeturl="/disqus/496532/?inline=true&showheader=true" onClick="loadComments('#showDisqus496532','/disqus/496532/?inline=true');">0</f-bubble> 31988 <!--<a href="http://feber.se/496532/#commentsContainer"></a>--> 31989 31990 31991 31992 </f-basic-tagline> 31993 31994 </f-mediawrapper> 31995 31996 </f-basic-media> 31997 31998</f-basic> 31999 32000 32001 32002 32003 32004 32005 32006 32007 32008 32009 32010 32011 32012 32013 32014 32015 32016 32017 32018 32019 32020 32021 32022 32023 32024 32025 32026 32027 32028 32029 32030 32031 32032 32033 32034 32035 32036 32037 32038 32039 32040 32041 32042 32043 32044 32045 32046 32047 32048 32049 32050 32051 32052 32053 32054 32055 32056 32057 32058 32059 32060 32061 32062 32063 32064 32065 32066 32067 32068 32069 32070 32071 32072 32073 32074 32075 32076 32077 32078 32079 32080 32081 32082 32083 32084 32085 32086 32087 32088 32089<f-basic id="ArticleBasic_496534" 32090 data-id="496534" 32091 data-temp="338" 32092 data-tempstatus=cold 32093 data-basicsite="feber" 32094 32095 32096 class=" feber" 32097 > 32098 32099 32100 32101 32102 32103 <a href="https://feber.se/mobil/tredje-generationens-ray-ban-meta-har-rullat-ut/496534/"> 32104 <f-basic-header> 32105 <f-basic-headline> 32106 <b>Tredje generationens Ray-Ban Meta har rullat ut</b> 32107 </f-basic-headline> 32108 <f-basic-preamble> 32109 Kommer även en billigare version av Metas egna smarta glasögon 32110 </f-basic-preamble> 32111 </f-basic-header> 32112 </a> 32113 32114 32115 <f-basic-body> 32116 <a class="" data-artid="496534" data-title="Tredje generationens Ray-Ban Meta har rullat ut. Kommer även en billigare version av Metas egna smarta glasögon | Feber / Mobil" href="https://feber.se/mobil/tredje-generationens-ray-ban-meta-har-rullat-ut/496534/"> 32117 I samband med att Meta anordnade sin utvecklarkonferens Meta Connect lanserade man den tredje generationen av de smarta glasögon man gör tillsammans med Ray-Ban. Den senaste generationen av Ray-Ban Meta har nio timmars batteritid, en timme längre än föregÃ¥nde generation. De har dessutom försetts med nya mikrofoner som ska hantera bakgrundsbrus bättre samt en knapp som kan knytas till olika funktioner kopplade till Metas AI-assistent Meta AI. Dessutom släpps tredje generationen i nya färger och utförande, nÃ¥got som innebär att de nu gÃ¥r att köpa i 27 olika färg- och linskombinationer. Meta släpper även nya modeller av sina egna Meta Glasses, en linje med kameraförsedda smarta glasögon som är billigare än Ray-Ban Meta-serien. Det innebär att den billigaste modellen, Meta Adventurer, k
32117ommer att kosta cirka 250 dollar, nÃ¥got som kan jämföras med de 450 dollar som man fÃ¥r betala för den billigaste Ray-Ban Meta-modellen. 32118 </a> 32119 </f-basic-body> 32120 32121 32122 <f-basic-media> 32123 <f-basic-mediawrapper> 32124 <a class="" data-artid="496534" data-title="Tredje generationens Ray-Ban Meta har rullat ut. Kommer även en billigare version av Metas egna smarta glasögon | Feber / Mobil" href="https://feber.se/mobil/tredje-generationens-ray-ban-meta-har-rullat-ut/496534/"><img src="https://static.feber.se/article_images/66/81/67/668167_440.jpg" loading="lazy" alt="Tumnagel" /></a> 32125 32126 <f-basic-tagline data-tempstatus=""> 32127 32128 32129 32130 32131 32132 32133 32134 32135 32136 32137 32138 32139 32140 32141 32142 32143 32144 32145 32146 32147<!-- Temptype degrees --> 32148 32149 32150 32151 32152 32153 32154 32155 32156 32157 32158 32159<!-- IDNAME 27 - Feber / Mobil - Feber --> 32160 32161 32162 32163 32164 <div class="temp febercoldBG" id="ikon_thumbs_496534"> 32165 32166 33.8° 32167 32168 </div> 32169 32170 32171 32172 32173 32174 32175 <f-bubble id="commentCounter496534" class="disqus-comment-count" data-disqus-url="https://feber.se/496534/" data-sheeturl="/disqus/496534/?inline=true&showheader=true" onClick="loadComments('#showDisqus496534','/disqus/496534/?inline=true');">0</f-bubble> 32176 <!--<a href="http://feber.se/496534/#commentsContainer"></a>--> 32177 32178 32179 32180 </f-basic-tagline> 32181 32182 </f-mediawrapper> 32183 32184 </f-basic-media> 32185 32186</f-basic> 32187 32188 32189 32190 32191 32192 32193 32194 32195 32196 32197 32198 32199 32200 32201 32202 32203 32204 32205 32206 32207 32208 32209 32210 32211 32212 32213 32214 32215 32216 32217 32218 32219 32220 32221 32222 32223 32224 32225 32226 32227 32228 32229 32230 32231 32232 32233 32234 32235 32236 32237 32238 32239 32240 32241 32242 32243 32244 32245 32246 32247 32248 32249 32250 32251 32252 32253 32254 32255 32256 32257 32258 32259 32260 32261 32262 32263 32264 32265 32266 32267 32268 32269 32270 32271 32272 32273 32274 32275 32276 32277<f-basic id="ArticleBasic_496464" 32278 data-id="496464" 32279 data-temp="366" 32280 data-tempstatus=normal 32281 data-basicsite="feber" 32282 32283 32284 class=" feber" 32285 > 32286 32287 32288 32289 32290 32291 <a href="https://feber.se/bil/reo-ska-ha-fatt-in-over-32500-reservationer--/496464/"> 32292 <f-basic-header> 32293 <f-basic-headline> 32294 <b>Reo ska ha fÃ¥tt in över 32.500 reservationer </b> 32295 </f-basic-headline> 32296 <f-basic-preamble> 32297 Hoppas kunna börja leveranser sent 2028 32298 </f-basic-preamble> 32299 </f-basic-header> 32300 </a> 32301 32302 32303 <f-basic-body> 32304 <a class="" data-artid="496464" data-title="Reo ska ha fÃ¥tt in över 32.500 reservationer . Hoppas kunna börja leveranser sent 2028 | Feber / Bil" href="https://feber.se/bil/reo-ska-ha-fatt-in-over-32500-reservationer--/496464/"> 32305 I somras skrev vi om den amerikanska startupen Reo som har tre bilmodeller pÃ¥ gÃ¥ng. Det handlar om T4X, T4C och S4C där de tvÃ¥ första är pickuper med singel och dubbelcab medan den sistnämnda är en SUV. Alla baseras pÃ¥ samma plattform och pÃ¥ denna finns en fyrcylindrig bensinmotor. Devisen är "simple, honest and built to last". Som designer har man anställt Frank Stephenson som bland annat ligger bakom linjerna pÃ¥ McLaren P1, Ferrari F430 och Maserati MC12. Nu säger Reo att de fÃ¥tt in över 32.500 reservationer av sina bilar. Senare i Ã¥r ska en framtidsplan presenteras och under nästa Ã¥r kommer den första fysiska bilen att visas upp. Först i slutet av 2028 eller i början av 2029 är tanken att de första exemplaren ska kunna levereras till kund. Prislappen kommer sträcka sig frÃ¥n 21.500 till 28.500 dollar. 32306 </a> 32307 </f-basic-body> 32308 32309 32310 <f-basic-media> 32311 <f-basic-mediawrapper> 32312 <a class="" data-artid="496464" data-title="Reo ska ha fÃ¥tt in över 32.500 reservationer . Hoppas kunna börja leveranser sent 2028 | Feber / Bil" href="https://feber.se/bil/reo-ska-ha-fatt-in-over-32500-reservationer--/496464/"><img src="https://static.feber.se/article_images/66/77/87/667787_440.jpg" loading="lazy" alt="Tumnagel" /></a> 32313 32314 <f-basic-tagline data-tempstatus=""> 32315 32316 32317 32318 32319 32320 32321 32322 32323 32324 32325 32326 32327 32328 32329 32330 32331 32332 32333 32334 32335<!-- Temptype degrees --> 32336 32337 32338 32339 32340 32341 32342 32343 32344 32345 32346 32347<!-- IDNAME 6 - Feber / Bil - Feber --> 32348 32349 32350 32351 32352 <div class="temp BG" id="ikon_thumbs_496464"> 32353 32354 36.6° 32355 32356 </div> 32357 32358 32359 32360 32361 32362 32363 <f-bubble id="commentCounter496464" class="disqus-comment-count" data-disqus-url="https://feber.se/496464/" data-sheeturl="/disqus/496464/?inline=true&showheader=true" onClick="loadComments('#showDisqus496464','/disqus/496464/?inline=true');">0</f-bubble> 32364 <!--<a href="http://feber.se/496464/#commentsContainer"></a>--> 32365 32366 32367 32368 </f-basic-tagline> 32369 32370 </f-mediawrapper> 32371 32372 </f-basic-media> 32373 32374</f-basic> 32375 32376 32377 32378 32379 32380 32381 32382 32383 32384 32385 32386 32387 32388 32389 32390 32391 32392 32393 32394 32395 32396 32397 32398 32399 32400 32401 32402 32403 32404 32405 32406 32407 32408 32409 32410 32411 32412 32413 32414 32415 32416 32417 32418 32419 32420 32421 32422 32423 32424 32425 32426 32427 32428 32429 32430 32431 32432 32433 32434 32435 32436 32437 32438 32439 32440 32441 32442 32443 32444 32445 32446 32447 32448 32449 32450 32451 32452 32453 32454 32455 32456 32457 32458 32459 32460 32461 32462 32463 32464 32465<f-basic id="ArticleBasic_496538" 32466 data-id="496538" 32467 data-temp="354" 32468 data-tempstatus=normal 32469 data-basicsite="feber" 32470 32471 32472 class=" feber" 32473 > 32474 32475 32476 32477 32478 32479 <a href="https://feber.se/pryl/humanoida-robotar-deltar-i-fet-dansuppvisning/496538/"> 32480 <f-basic-header> 32481 <f-basic-headline> 32482 <b>Humanoida robotar deltar i fet dansuppvisning</b> 32483 </f-basic-headline> 32484 <f-basic-preamble> 32485 Under invigningen av WorldSkills 32486 </f-basic-preamble> 32487 </f-basic-header> 32488 </a> 32489 32490 32491 <f-basic-body> 32492 <a class="" data-artid="496538" data-title="Humanoida robotar deltar i fet dansuppvisning. Under invigningen av WorldSkills | Feber / Pryl" href="https://feber.se/pryl/humanoida-robotar-deltar-i-fet-dansuppvisning/496538/"> 32493 Den här veckan arrangeras WorldSkills i kinesiska Shanghai, en tävling som arrangeras vartannat Ã¥r och kan ses som ett slags OS för yrkesutbildningar. Givet robotmanin som rÃ¥der i Kina var det kanske inte helt oväntat att ett knippe humanoida robotar dök upp under tävlingens invigning. I klippet ovan kan ni kolla in hur det sÃ¥g ut när dussintals robotar genomförde en rätt sÃ¥ avancerad dansuppvisning tillsammans med mänskliga dansare. De flesta av robotarna som medverkade i dansuppvisningen var tillverkade av Unitree Robotics medan den som syns i slutet är utvecklad av Agibot. BÃ¥da företagen räknas som nÃ¥gra av Kinas, och världens, ledande robotföretag. 32494 </a> 32495 </f-basic-body> 32496 32497 32498 <f-basic-media> 32499 <f-basic-mediawrapper> 32500 <a class="" data-artid="496538" data-title="Humanoida robotar deltar i fet dansuppvisning. Under invigningen av WorldSkills | Feber / Pryl" href="https://feber.se/pryl/humanoida-robotar-deltar-i-fet-dansuppvisning/496538/">
32500<img src="//i.ytimg.com/vi/uhGQ9LYqcFI/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a> 32501 32502 <f-basic-tagline data-tempstatus=""> 32503 32504 32505 32506 32507 32508 32509 32510 32511 32512 32513 32514 32515 32516 32517 32518 32519 32520 32521 32522 32523<!-- Temptype degrees --> 32524 32525 32526 32527 32528 32529 32530 32531 32532 32533 32534 32535<!-- IDNAME 1 - Feber / Pryl - Feber --> 32536 32537 32538 32539 32540 <div class="temp BG" id="ikon_thumbs_496538"> 32541 32542 35.4° 32543 32544 </div> 32545 32546 32547 32548 32549 32550 32551 <f-bubble id="commentCounter496538" class="disqus-comment-count" data-disqus-url="https://feber.se/496538/" data-sheeturl="/disqus/496538/?inline=true&showheader=true" onClick="loadComments('#showDisqus496538','/disqus/496538/?inline=true');">0</f-bubble> 32552 <!--<a href="http://feber.se/496538/#commentsContainer"></a>--> 32553 32554 32555 32556 </f-basic-tagline> 32557 32558 </f-mediawrapper> 32559 32560 </f-basic-media> 32561 32562</f-basic> 32563 32564 32565 32566 32567 32568 32569 32570 32571 32572 32573 32574 32575 32576 32577 32578 32579 32580 32581 32582 32583 32584 32585 32586 32587 32588 32589 32590 32591 32592 32593 32594 32595 32596 32597 32598 32599 32600 32601 32602 32603 32604 32605 32606 32607 32608 32609 32610 32611 32612 32613 32614 32615 32616 32617 32618 32619 32620 32621 32622 32623 32624 32625 32626 32627 32628 32629 32630 32631 32632 32633 32634 32635 32636 32637 32638 32639 32640 32641 32642 32643 32644 32645 32646 32647 32648 32649 32650 32651 32652 32653<f-basic id="ArticleBasic_496525" 32654 data-id="496525" 32655 data-temp="252" 32656 data-tempstatus=cold 32657 data-basicsite="feber" 32658 32659 32660 class=" feber" 32661 > 32662 32663 32664 32665 32666 32667 <a href="https://feber.se/samhalle/mcdonalds-borjar-testa-annonser-pa-drivein-restauranger/496525/"> 32668 <f-basic-header> 32669 <f-basic-headline> 32670 <b>McDonalds börjar testa annonser pÃ¥ drivein-restauranger</b> 32671 </f-basic-headline> 32672 <f-basic-preamble> 32673 Titta pÃ¥ reklam medan du väntar pÃ¥ maten 32674 </f-basic-preamble> 32675 </f-basic-header> 32676 </a> 32677 32678 32679 <f-basic-body> 32680 <a class="" data-artid="496525" data-title="McDonalds börjar testa annonser pÃ¥ drivein-restauranger. Titta pÃ¥ reklam medan du väntar pÃ¥ maten | Feber / Samhälle" href="https://feber.se/samhalle/mcdonalds-borjar-testa-annonser-pa-drivein-restauranger/496525/"> 32681 NyhetsbyrÃ¥n Bloomberg rapporterar att McDonalds i USA ska börja testa att göra reklam riktad till dem som beställer mat direkt frÃ¥n bilen frÃ¥n företagets drivein-restauranger. Tanken är att kunderna kommer att fÃ¥ se reklam för andra företag och tjänster pÃ¥ menyskärmarna efter att de beställt sin mat och väntar pÃ¥ sina beställningar. I vilken omfattning McDonalds kommer att börja testa den nya metoden att visa reklam för sina kunder finns det inga uppgifter om. 32682 </a> 32683 </f-basic-body> 32684 32685 32686 <f-basic-media> 32687 <f-basic-mediawrapper> 32688 <a class="" data-artid="496525" data-title="McDonalds börjar testa annonser pÃ¥ drivein-restauranger. Titta pÃ¥ reklam medan du väntar pÃ¥ maten | Feber / Samhälle" href="https://feber.se/samhalle/mcdonalds-borjar-testa-annonser-pa-drivein-restauranger/496525/"><img src="https://static.feber.se/article_images/66/81/59/668159_440.jpg" loading="lazy" alt="Tumnagel" /></a> 32689 32690 <f-basic-tagline data-tempstatus=""> 32691 32692 32693 32694 32695 32696 32697 32698 32699 32700 32701 32702 32703 32704 32705 32706 32707 32708 32709 32710 32711<!-- Temptype degrees --> 32712 32713 32714 32715 32716 32717 32718 32719 32720 32721 32722 32723<!-- IDNAME 191 - Feber / Samhälle - Feber --> 32724 32725 32726 32727 32728 <div class="temp febercoldBG" id="ikon_thumbs_496525"> 32729 32730 25.2° 32731 32732 </div> 32733 32734 32735 32736 32737 32738 32739 <f-bubble id="commentCounter496525" class="disqus-comment-count" data-disqus-url="https://feber.se/496525/" data-sheeturl="/disqus/496525/?inline=true&showheader=true" onClick="loadComments('#showDisqus496525','/disqus/496525/?inline=true');">0</f-bubble> 32740 <!--<a href="http://feber.se/496525/#commentsContainer"></a>--> 32741 32742 32743 32744 </f-basic-tagline> 32745 32746 </f-mediawrapper> 32747 32748 </f-basic-media> 32749 32750</f-basic> 32751 32752 32753 32754 32755 32756 32757 32758 32759 32760 32761 32762 32763 32764 32765 32766 32767 32768 32769 32770 32771 32772 32773 32774 32775 32776 32777 32778 32779 32780 32781 32782 32783 32784 32785 32786 32787 32788 32789 32790 32791 32792 32793 32794 32795 32796 32797 32798 32799 32800 32801 32802 32803 32804 32805 32806 32807 32808 32809 32810 32811 32812 32813 32814 32815 32816 32817 32818 32819 32820 32821 32822 32823 32824 32825 32826 32827 32828 32829 32830 32831 32832 32833 32834 32835 32836 32837 32838 32839 32840 32841<f-basic id="ArticleBasic_496537" 32842 data-id="496537" 32843 data-temp="365" 32844 data-tempstatus=normal 32845 data-basicsite="feber" 32846 32847 32848 class=" feber" 32849 > 32850 32851 32852 32853 32854 32855 <a href="https://feber.se/fordon/northrop-grumman-har-byggt-en-flygsimulator/496537/"> 32856 <f-basic-header> 32857 <f-basic-headline> 32858 <b>Northrop Grumman har byggt en flygsimulator</b> 32859 </f-basic-headline> 32860 <f-basic-preamble> 32861 "Flyg" bredvid amerikanska stridsflygplan 32862 </f-basic-preamble> 32863 </f-basic-header> 32864 </a> 32865 32866 32867 <f-basic-body> 32868 <a class="" data-artid="496537" data-title="Northrop Grumman har byggt en flygsimulator. "Flyg" bredvid amerikanska stridsflygplan | Feber / Fordon" href="https://feber.se/fordon/northrop-grumman-har-byggt-en-flygsimulator/496537/">
32869 Det amerikanska försvarsföretaget Northrop Grumman har tillsammans med företaget Bridge Studios utvecklat en gigantisk flygsimulator som man kallar för "Sky Tunnel". Den närmare 20 meter lÃ¥nga Sky Tunnel försöker ge användaren en uppfattning om hur det skulle kännas att flyga bredvid ett par av USA:s stridsflygplan. Detta Ã¥stadkommer man med hjälp av välvda skärmar pÃ¥ sammanlagt 11 miljoner pixlar, ett ljudsystem pÃ¥ 6000 watt, stora fläktar och haptiska vibrationer inuti simulatorn. I videoklippet nedan kan ni kolla in hur ett besök i Sky Tunnel kan se ut. Bland flygplansmodellerna som visas upp i Sky Tunnel finns B-21 Raider, E-2 Hawkeye och T-38 Talon som alla utvecklats av Northrop Grumman. 32870 </a> 32871 </f-basic-body> 32872 32873 32874 <f-basic-media> 32875 <f-basic-mediawrapper> 32876 <a class="" data-artid="496537" data-title="Northrop Grumman har byggt en flygsimulator. "Flyg" bredvid amerikanska stridsflygplan | Feber / Fordon" href="https://feber.se/fordon/northrop-grumman-har-byggt-en-flygsimulator/496537/"><img src="https://static.feber.se/article_images/66/81/85/668185_440.jpg" loading="lazy" alt="Tumnagel" /></a> 32877 32878 <f-basic-tagline data-tempstatus=""> 32879 32880 32881 32882 32883 32884 32885 32886 32887 32888 32889 32890 32891 32892 32893 32894 32895 32896 32897 32898 32899<!-- Temptype degrees --> 32900 32901 32902 32903 32904 32905 32906 32907 32908 32909 32910 32911<!-- IDNAME 118 - Feber / Fordon - Feber --> 32912 32913 32914 32915 32916 <div class="temp BG" id="ikon_thumbs_496537"> 32917 32918 36.5° 32919 32920 </div> 32921 32922 32923 32924 32925 32926 32927 <f-bubble id="commentCounter496537" class="disqus-comment-count" data-disqus-url="https://feber.se/496537/" data-sheeturl="/disqus/496537/?inline=true&showheader=true" onClick="loadComments('#showDisqus496537','/disqus/496537/?inline=true');">0</f-bubble> 32928 <!--<a href="http://feber.se/496537/#commentsContainer"></a>--> 32929 32930 32931 32932 </f-basic-tagline> 32933 32934 </f-mediawrapper> 32935 32936 </f-basic-media> 32937 32938</f-basic> 32939 32940 32941 32942 32943 32944 32945 32946 32947 32948 32949 32950 32951 32952 32953 32954 32955 32956 32957 32958 32959 32960 32961 32962 32963 32964 32965 32966 32967 32968 32969 32970 32971 32972 32973 32974 32975 32976 32977 32978 32979 32980 32981 32982 32983 32984 32985 32986 32987 32988 32989 32990 32991 32992 32993 32994 32995 32996 32997 32998 32999 33000 33001 33002 33003 33004 33005 33006 33007 33008 33009 33010 33011 33012 33013 33014 33015 33016 33017 33018 33019 33020 33021 33022 33023 33024 33025 33026 33027 33028 33029<f-basic id="ArticleBasic_496536" 33030 data-id="496536" 33031 data-temp="372" 33032 data-tempstatus=normal 33033 data-basicsite="feber" 33034 33035 33036 class=" feber" 33037 > 33038 33039 33040 33041 33042 33043 <a href="https://feber.se/film/nicolas-cage-spelar-john-madden-i-ny-film/496536/"> 33044 <f-basic-header> 33045 <f-basic-headline> 33046 <b>Nicolas Cage spelar John Madden i ny film</b> 33047 </f-basic-headline> 33048 <f-basic-preamble> 33049 Den legendariske tränare som blev kommentator 33050 </f-basic-preamble> 33051 </f-basic-header> 33052 </a> 33053 33054 33055 <f-basic-body> 33056 <a class="" data-artid="496536" data-title="Nicolas Cage spelar John Madden i ny film. Den legendariske tränare som blev kommentator | Feber / Film & TV" href="https://feber.se/film/nicolas-cage-spelar-john-madden-i-ny-film/496536/"> 33057 Snart kommer det en spelfilm baserad pÃ¥ den legendariske NFL-tränaren John Maddens karriär och här kommer en trailer för den. Förutom Maddens tränarkarriär kommer filmen även följa hans karriär som fotbollskommentator samt namnet bakom EA Sports klassiska spelserie Madden NFL. I rollen som John Madden syns Nicolas Cage och i andra roller syns bland annat Christian Bale, Kathryn Hahn och Sienna Miller. Madden börjar visas pÃ¥ Amazon Prime Video den 19 november. 33058 </a> 33059 </f-basic-body> 33060 33061 33062 <f-basic-media> 33063 <f-basic-mediawrapper> 33064 <a class="" data-artid="496536" data-title="Nicolas Cage spelar John Madden i ny film. Den legendariske tränare som blev kommentator | Feber / Film & TV" href="https://feber.se/film/nicolas-cage-spelar-john-madden-i-ny-film/496536/"><img src="//i.ytimg.com/vi/xzh7HzLXXpk/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a> 33065 33066 <f-basic-tagline data-tempstatus=""> 33067 33068 33069 33070 33071 33072 33073 33074 33075 33076 33077 33078 33079 33080 33081 33082 33083 33084 33085 33086 33087<!-- Temptype degrees --> 33088 33089 33090 33091 33092 33093 33094 33095 33096 33097 33098 33099<!-- IDNAME 58 - Feber / Film & TV - Feber --> 33100 33101 33102 33103 33104 <div class="temp BG" id="ikon_thumbs_496536"> 33105 33106 37.2° 33107 33108 </div> 33109 33110 33111 33112 33113 33114 33115 <f-bubble id="commentCounter496536" class="disqus-comment-count" data-disqus-url="https://feber.se/496536/" data-sheeturl="/disqus/496536/?inline=true&showheader=true" onClick="loadComments('#showDisqus496536','/disqus/496536/?inline=true');">0</f-bubble> 33116 <!--<a href="http://feber.se/496536/#commentsContainer"></a>--> 33117 33118 33119 33120 </f-basic-tagline> 33121 33122 </f-mediawrapper> 33123 33124 </f-basic-media> 33125 33126</f-basic> 33127 33128 33129 33130 33131 33132 33133 33134 33135 33136 33137 33138 33139 33140 33141 33142 33143 33144 33145 33146 33147 33148 33149 33150 33151 33152 33153 33154 33155 33156 33157 33158 33159 33160 33161 33162 33163 33164 33165 33166 33167 33168 33169 33170 33171 33172 33173 33174 33175 33176 33177 33178 33179 33180 33181 33182 33183 33184 33185 33186 33187 33188 33189 33190 33191 33192 33193 33194 33195 33196 33197 33198 33199 33200 33201 33202 33203 33204 33205 33206 33207 33208 33209 33210 33211 33212 33213 33214 33215 33216 33217<f-basic id="ArticleBasic_496517" 33218 data-id="496517" 33219 data-temp="413" 33220 data-tempstatus=hot 33221 data-basicsite="feber" 33222 33223 33224 class=" feber" 33225 > 33226 33227 33228 33229 33230 33231 <a href="https://feber.se/bil/nissan-tar-tillbaka-t-topen/496517/"> 33232 <f-basic-header> 33233 <f-basic-headline> 33234 <b>Nissan tar tillbaka T-topen</b> 33235 </f-basic-headline> 33236 <f-basic-preamble> 33237 Coolt koncept som ger vind i hÃ¥ret 33238 </f-basic-preamble> 33239 </f-basic-header> 33240 </a> 33241 33242 33243 <f-basic-body> 33244 <a class="" data-artid="496517" data-title="Nissan tar tillbaka T-topen. Coolt koncept som ger vind i hÃ¥ret | Feber / Bil" href="https://feber.se/bil/nissan-tar-tillbaka-t-topen/496517/"> 33245 T-top är ett lite fränt pÃ¥hitt i bilsvängen som gör att du kan plocka bort bitar av taket och släppa in lite omvärld. Det blir inte helt öppet och ser ballt ut. Det här var ganska vanligt förr och dÃ¥ fanns det flertalet sportiga modeller som erbjöds med denna lösning. Nu tar Nissan tillbaka stilen med den nya konceptbilen Z Kaze Concept. Kaze är det japanska ordet för vind. Förutom ballare taklösning har bilen fÃ¥tt skärmbreddare och andra bitar i kolfiber, annan interiör, uppgraderad drivlina och omgjord fjädring sÃ¥ att allt sitter lite finare. Tyvärr är detta koncept bara tillverkat i ett enda exemplar och inget som kommer att serietillverkas. 33246 </a> 33247 </f-basic-body> 33248 33249 33250 <f-basic-media> 33251 <f-basic-mediawrapper> 33252 <a class="" data-artid="496517" data-title="Nissan tar tillbaka T-topen. Coolt koncept som ger vind i hÃ¥ret | Feber / Bil" href="https://feber.se/bil/nissan-tar-tillbaka-t-topen/496517/"><img src="https://static.feber.se/article_images/66/81/25/668125_440.jpg" loading="lazy" alt="Tumnagel" /></a> 33253 33254 <f-basic-tagline data-tempstatus=""> 33255 33256 33257 33258 33259 33260 33261 33262 33263 33264 33265 33266 33267 33268 33269 33270 33271 33272 33273 33274 33275<!-- Temptype degrees --> 33276 33277 33278 33279 33280 33281 33282 33283 33284 33285 33286 33287<!-- IDNAME 6 - Feber / Bil - Feber --> 33288 33289 33290 33291 33292 <div class="temp feberhotBG" id="ikon_thumbs_496517"> 33293 33294 41.3° 33295 33296 </div> 33297 33298 33299 33300 33301 33302 33303 <f-bubble id="commentCounter496517" class="disqus-comment-count" data-disqus-url="https://feber.se/496517/" data-sheeturl="/disqus/496517/?inline=true&showheader=true" onClick="loadComments('#showDisqus496517','/disqus/496517/?inline=true');">0</f-bubble> 33304 <!--<a href="http://feber.se/496517/#commentsContainer"></a>--> 33305 33306 33307 33308 </f-basic-tagline> 33309 33310 </f-mediawrapper> 33311 33312 </f-basic-media> 33313 33314</f-basic> 33315 33316 33317 33318 33319 33320 33321 33322 33323 33324 33325 33326 33327 33328 33329 33330 33331 33332 33333 33334 33335 33336 33337 33338 33339 33340 33341 33342 33343 33344 33345 33346 33347 33348 33349 33350 33351 33352 33353 33354 33355 33356 33357 33358 33359 33360 33361 33362 33363 33364 33365 33366 33367 33368 33369 33370 33371 33372 33373 33374 33375 33376 33377 33378 33379 33380 33381 33382 33383 33384 33385 33386 33387 33388 33389 33390 33391 33392 33393 33394 33395 33396 33397 33398 33399 33400 33401 33402 33403 33404 33405<f-basic id="ArticleBasic_496535" 33406 data-id="496535" 33407 data-temp="381" 33408 data-tempstatus=normal 33409 data-basicsite="feber" 33410 33411 33412 class=" feber" 33413 > 33414 33415 33416 33417 33418 33419 <a href="https://feber.se/film/ny-trailer-for-clayface/496535/"> 33420 <f-basic-header> 33421 <f-basic-headline> 33422 <b>Ny trailer för Clayface</b> 33423 </f-basic-headline> 33424 <f-basic-preamble> 33425 Filmen om lermannen har premiär om en mÃ¥nad 33426 </f-basic-preamble> 33427 </f-basic-header> 33428 </a> 33429 33430 33431 <f-basic-body> 33432 <a class="" data-artid="496535" data-title="Ny trailer för Clayface. Filmen om lermannen har premiär om en mÃ¥nad | Feber / Film & TV" href="https://feber.se/film/ny-trailer-for-clayface/496535/"> 33433 Warner Bros. och DC Comics har släppt en sista trailern inför att deras kommande film Clayface har premiär nästa mÃ¥nad. Clayface handlar om hur Hollywood-hunken Matt Hagen (Tom Rhys Harries) blir vanställd efter överdos under en experimentell skönhetsbehandling, vilket leder till att hans kropp antar en lerliknande form. Clayface gÃ¥r upp pÃ¥ svenska biografer den 23 oktober. Ni kan kolla in senaste trailern ovan. 33434 </a> 33435 </f-basic-body> 33436 33437 33438 <f-basic-media> 33439 <f-basic-mediawrapper> 33440 <a class="" data-artid="496535" data-title="Ny trailer för Clayface. Filmen om lermannen har premiär om en mÃ¥nad | Feber / Film & TV" href="https://feber.se/film/ny-trailer-for-clayface/496535/"><img src="//i.ytimg.com/vi/KCR-rz0YfD4/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a> 33441 33442 <f-basic-tagline data-tempstatus=""> 33443 33444 33445 33446 33447 33448 33449 33450 33451 33452 33453 33454 33455 33456 33457 33458 33459 33460 33461 33462 33463<!-- Temptype degrees --> 33464 33465 33466 33467 33468 33469 33470 33471 33472 33473 33474 33475<!-- IDNAME 58 - Feber / Film & TV - Feber --> 33476 33477 33478 33479 33480 <div class="temp BG" id="ikon_thumbs_496535"> 33481 33482 38.1° 33483 33484 </div> 33485 33486 33487 33488 33489 33490 33491 <f-bubble id="commentCounter496535" class="disqus-comment-count" data-disqus-url="https://feber.se/496535/" data-sheeturl="/disqus/496535/?inline=true&showheader=true" onClick="loadComments('#showDisqus496535','/disqus/496535/?inline=true');">0</f-bubble> 33492 <!--<a href="http://feber.se/496535/#commentsContainer"></a>--> 33493 33494 33495 33496 </f-basic-tagline> 33497 33498 </f-mediawrapper> 33499 33500 </f-basic-media> 33501 33502</f-basic> 33503 33504 33505 33506 33507 33508 33509 33510 33511 33512 33513 33514 33515 33516 33517 33518 33519 33520 33521 33522 33523 33524 33525 33526 33527 33528 33529 33530 33531 33532 33533 33534 33535 33536 33537 33538 33539 33540 33541 33542 33543 33544 33545 33546 33547 33548 33549 33550 33551 33552 33553 33554 33555 33556 33557 33558 33559 33560 33561 33562 33563 33564 33565 33566 33567 33568 33569 33570 33571 33572 33573 33574 33575 33576 33577 33578 33579 33580 33581 33582 33583 33584 33585 33586 33587 33588 33589 33590 33591 33592 33593<f-basic id="ArticleBasic_496510" 33594 data-id="496510" 33595 data-temp="377" 33596 data-tempstatus=normal 33597 data-basicsite="feber" 33598 33599 33600 class=" feber" 33601 > 33602 33603 33604 33605 33606 33607 <a href="https://feber.se/pryl/nikon-presenterar-nyborjarvanlig-fullformatare/496510/"> 33608 <f-basic-header> 33609 <f-basic-headline> 33610 <b>Nikon presenterar nybörjarvänlig fullformatare</b> 33611 </f-basic-headline> 33612 <f-basic-preamble> 33613 NÃ¥got för mig med andra ord? 33614 </f-basic-preamble> 33615 </f-basic-header> 33616 </a> 33617 33618 33619 <f-basic-body> 33620 <a class="" data-artid="496510" data-title="Nikon presenterar nybörjarvänlig fullformatare. NÃ¥got för mig med andra ord? | Feber / Pryl" href="https://feber.se/pryl/nikon-presenterar-nyborjarvanlig-fullformatare/496510/"> 33621 Z5IIC är namnet pÃ¥ Nikons nya spegellösa fullformatskamera, som är en riktig kamera för den som vill ha nÃ¥got mindre krÃ¥ngligt. Det där C:et i slutet stÃ¥r enligt Nikon för Casual, men frÃ¥gan är vilket krÃ¥ngel det är som man missar. Vill man göra det enkelt för sig är detta en Nikon Z5II utan sökare och med sämre skärm. Sensorn är en FX-sensor pÃ¥ 24,5 megapixlar och processorn är EXPEED 7, sÃ¥ det är inga amatörspecifikationer utan
33621samma som i Nikon Z5II. Det gör ocksÃ¥ att du kan spela in 4K/60p om du vill filma med kameran. Det finns alltsÃ¥ ingen sökare sÃ¥ skärmen är det som gäller. För att spara pengar har man dock gett skärmen sämre upplösning än pÃ¥ Z5II. Det kan man ju leva med om prislappen är lägre. Problemet är att Z5IIC kostar 18.990 kronor för bara kamerahuset och man kan fÃ¥ en Z5II för 17.790 kronor. Ja, listpriset för Z5II är 22.990 kronor sÃ¥ "egentligen" är flera tusen kronor Z5IIC billigare, men gÃ¥r du in i fotobutiken just nu är Z5II den kamera som ger mest för pengarna. När/om Z5IIC dippar i pris kan det dock bli en riktigt intressant kamera. 33622 </a> 33623 </f-basic-body> 33624 33625 33626 <f-basic-media> 33627 <f-basic-mediawrapper> 33628 <a class="" data-artid="496510" data-title="Nikon presenterar nybörjarvänlig fullformatare. NÃ¥got för mig med andra ord? | Feber / Pryl" href="https://feber.se/pryl/nikon-presenterar-nyborjarvanlig-fullformatare/496510/"><img src="https://static.feber.se/article_images/66/81/69/668169_440.jpg" loading="lazy" alt="Tumnagel" /></a> 33629 33630 <f-basic-tagline data-tempstatus=""> 33631 33632 33633 33634 33635 33636 33637 33638 33639 33640 33641 33642 33643 33644 33645 33646 33647 33648 33649 33650 33651<!-- Temptype degrees --> 33652 33653 33654 33655 33656 33657 33658 33659 33660 33661 33662 33663<!-- IDNAME 1 - Feber / Pryl - Feber --> 33664 33665 33666 33667 33668 <div class="temp BG" id="ikon_thumbs_496510"> 33669 33670 37.7° 33671 33672 </div> 33673 33674 33675 33676 33677 33678 33679 <f-bubble id="commentCounter496510" class="disqus-comment-count" data-disqus-url="https://feber.se/496510/" data-sheeturl="/disqus/496510/?inline=true&showheader=true" onClick="loadComments('#showDisqus496510','/disqus/496510/?inline=true');">0</f-bubble> 33680 <!--<a href="http://feber.se/496510/#commentsContainer"></a>--> 33681 33682 33683 33684 </f-basic-tagline> 33685 33686 </f-mediawrapper> 33687 33688 </f-basic-media> 33689 33690</f-basic> 33691 33692 33693 33694 33695 33696 33697 33698 33699 33700 33701 33702 33703 33704 33705 33706 33707 33708 33709 33710 33711 33712 33713 33714 33715 33716 33717 33718 33719 33720 33721 33722 33723 33724 33725 33726 33727 33728 33729 33730 33731 33732 33733 33734 33735 33736 33737 33738 33739 33740 33741 33742 33743 33744 33745 33746 33747 33748 33749 33750 33751 33752 33753 33754 33755 33756 33757 33758 33759 33760 33761 33762 33763 33764 33765 33766 33767 33768 33769 33770 33771 33772 33773 33774 33775 33776 33777 33778 33779 33780 33781<f-basic id="ArticleBasic_496519" 33782 data-id="496519" 33783 data-temp="384" 33784 data-tempstatus=normal 33785 data-basicsite="feber" 33786 33787 33788 class=" feber" 33789 > 33790 33791 33792 33793 33794 33795 <a href="https://feber.se/mac/podcasts-kommer-till-apple-maps/496519/"> 33796 <f-basic-header> 33797 <f-basic-headline> 33798 <b>Podcasts kommer till Apple Maps</b> 33799 </f-basic-headline> 33800 <f-basic-preamble> 33801 Lyssna pÃ¥ historier om olika platser pÃ¥ kartan 33802 </f-basic-preamble> 33803 </f-basic-header> 33804 </a> 33805 33806 33807 <f-basic-body> 33808 <a class="" data-artid="496519" data-title="Podcasts kommer till Apple Maps. Lyssna pÃ¥ historier om olika platser pÃ¥ kartan | Feber / Mac" href="https://feber.se/mac/podcasts-kommer-till-apple-maps/496519/"> 33809 Apple Maps och Apple Podcasts har inlett ett samarbete som innebär att Apple Maps kommer att länka till podcasts som handlar om specifika platser som visas pÃ¥ Apple Maps. Enligt Apple Insider täcker det som kallas "Hidden Histories" historiska platser och landmärken i de amerikanska städerna San Francisco, Los Angeles, New York City, Chicago och Washington, D.C. I de podcasts som är länkade kan användaren fÃ¥ reda pÃ¥ mer om den aktuella platsens arkitektur, historia och annat om platsen. Bland platserna som inkluderas i Hidden Histories finns bland annat Hollywood-skylten och Hollywood Walk of Fame i Los Angeles, Frihetsgudinnan och Times Square i New York samt Alcatraz och Farallonöarna i San Francisco. 33810 </a> 33811 </f-basic-body> 33812 33813 33814 <f-basic-media> 33815 <f-basic-mediawrapper> 33816 <a class="" data-artid="496519" data-title="Podcasts kommer till Apple Maps. Lyssna pÃ¥ historier om olika platser pÃ¥ kartan | Feber / Mac" href="https://feber.se/mac/podcasts-kommer-till-apple-maps/496519/"><img src="https://static.feber.se/article_images/66/81/45/668145_440.jpg" loading="lazy" alt="Tumnagel" /></a> 33817 33818 <f-basic-tagline data-tempstatus=""> 33819 33820 33821 33822 33823 33824 33825 33826 33827 33828 33829 33830 33831 33832 33833 33834 33835 33836 33837 33838 33839<!-- Temptype degrees --> 33840 33841 33842 33843 33844 33845 33846 33847 33848 33849 33850 33851<!-- IDNAME 2 - Feber / Mac - Feber --> 33852 33853 33854 33855 33856 <div class="temp BG" id="ikon_thumbs_496519"> 33857 33858 38.4° 33859 33860 </div> 33861 33862 33863 33864 33865 33866 33867 <f-bubble id="commentCounter496519" class="disqus-comment-count" data-disqus-url="https://feber.se/496519/" data-sheeturl="/disqus/496519/?inline=true&showheader=true" onClick="loadComments('#showDisqus496519','/disqus/496519/?inline=true');">0</f-bubble> 33868 <!--<a href="http://feber.se/496519/#commentsContainer"></a>--> 33869 33870 33871 33872 </f-basic-tagline> 33873 33874 </f-mediawrapper> 33875 33876 </f-basic-media> 33877 33878</f-basic> 33879 33880 33881 33882 33883 33884 33885 33886 33887 33888 33889 33890 33891 33892 33893 33894 33895 33896 33897 33898 33899 33900 33901 33902 33903 33904 33905 33906 33907 33908 33909 33910 33911 33912 33913 33914 33915 33916 33917 33918 33919 33920 33921 33922 33923 33924 33925 33926 33927 33928 33929 33930 33931 33932 33933 33934 33935 33936 33937 33938 33939 33940 33941 33942 33943 33944 33945 33946 33947 33948 33949 33950 33951 33952 33953 33954 33955 33956 33957 33958 33959 33960 33961 33962 33963 33964 33965 33966 33967 33968 33969<f-basic id="ArticleBasic_496516" 33970 data-id="496516" 33971 data-temp="374" 33972 data-tempstatus=normal 33973 data-basicsite="feber" 33974 33975 33976 class=" feber" 33977 > 33978 33979 33980 33981 33982 33983 <a href="https://feber.se/bil/porsche-haller-pa-med-manuell-dubbelkopplingslada/496516/"> 33984 <f-basic-header> 33985 <f-basic-headline> 33986 Rykte <b>Porsche hÃ¥ller pÃ¥ med manuell dubbelkopplingslÃ¥da</b> 33987 </f-basic-headline> 33988 <f-basic-preamble> 33989 Allt för känslan 33990 </f-basic-preamble> 33991 </f-basic-header> 33992 </a> 33993 33994 33995 <f-basic-body> 33996 <a class="" data-artid="496516" data-title="Porsche hÃ¥ller pÃ¥ med manuell dubbelkopplingslÃ¥da. Allt för känslan | Feber / Bil" href="https://feber.se/bil/porsche-haller-pa-med-manuell-dubbelkopplingslada/496516/"> 33997 Nya patent som Porsche skickat in har fÃ¥tt ryktet att bubbla att de ocksÃ¥ hÃ¥ller pÃ¥ med en sÃ¥n där "manuell" dubbelkopplingslÃ¥da som blivit lite poppis pÃ¥ senaste. Bilen har fortfarande en automatlÃ¥da men med hjälp av teknik och data-prylar kan du vispa runt med spaken manuellt och även koppla med en kopplingspedal. Allt för att ge känslan av en vanlig manuell bil fast det ändÃ¥ inte är det. Vill man inte lÃ¥ter man bara lÃ¥dan vara i automatläge, eller sÃ¥ kan man även köra med paddlar bakom ratten. Som vanligt med patent sÃ¥ Ã¥terstÃ¥r det att se om det blir nÃ¥got av detta och om det kommer att hamna i en b
33997il man kan köpa i framtiden. 33998 </a> 33999 </f-basic-body> 34000 34001 34002 <f-basic-media> 34003 <f-basic-mediawrapper> 34004 <a class="" data-artid="496516" data-title="Porsche hÃ¥ller pÃ¥ med manuell dubbelkopplingslÃ¥da. Allt för känslan | Feber / Bil" href="https://feber.se/bil/porsche-haller-pa-med-manuell-dubbelkopplingslada/496516/"><img src="https://static.feber.se/article_images/66/81/39/668139_440.jpg" loading="lazy" alt="Tumnagel" /></a> 34005 34006 <f-basic-tagline data-tempstatus=""> 34007 34008 34009 34010 34011 34012 34013 34014 34015 34016 34017 34018 34019 34020 34021 34022 34023 34024 34025 34026 34027<!-- Temptype degrees --> 34028 34029 34030 34031 34032 34033 34034 34035 34036 34037 34038 34039<!-- IDNAME 6 - Feber / Bil - Feber --> 34040 34041 34042 34043 34044 <div class="temp BG" id="ikon_thumbs_496516"> 34045 34046 37.4° 34047 34048 </div> 34049 34050 34051 34052 34053 34054 34055 <f-bubble id="commentCounter496516" class="disqus-comment-count" data-disqus-url="https://feber.se/496516/" data-sheeturl="/disqus/496516/?inline=true&showheader=true" onClick="loadComments('#showDisqus496516','/disqus/496516/?inline=true');">0</f-bubble> 34056 <!--<a href="http://feber.se/496516/#commentsContainer"></a>--> 34057 34058 34059 34060 </f-basic-tagline> 34061 34062 </f-mediawrapper> 34063 34064 </f-basic-media> 34065 34066</f-basic> 34067 34068 34069 34070 34071 34072 34073 34074 34075 34076 34077 34078 34079 34080 34081 34082 34083 34084 34085 34086 34087 34088 34089 34090 34091 34092 34093 34094 34095 34096 34097 34098 34099 34100 34101 34102 34103 34104 34105 34106 34107 34108 34109 34110 34111 34112 34113 34114 34115 34116 34117 34118 34119 34120 34121 34122 34123 34124 34125 34126 34127 34128 34129 34130 34131 34132 34133 34134 34135 34136 34137 34138 34139 34140 34141 34142 34143 34144 34145 34146 34147 34148 34149 34150 34151 34152 34153 34154 34155 34156 34157<f-basic id="ArticleBasic_496531" 34158 data-id="496531" 34159 data-temp="283" 34160 data-tempstatus=cold 34161 data-basicsite="feber" 34162 34163 34164 class=" feber" 34165 > 34166 34167 34168 34169 34170 34171 <a href="https://feber.se/samhalle/nu-slapps-nya-nya-testamentet/496531/"> 34172 <f-basic-header> 34173 <f-basic-headline> 34174 <b>Nu släpps nya Nya testamentet</b> 34175 </f-basic-headline> 34176 <f-basic-preamble> 34177 Första nya översättningen sedan 1981 34178 </f-basic-preamble> 34179 </f-basic-header> 34180 </a> 34181 34182 34183 <f-basic-body> 34184 <a class="" data-artid="496531" data-title="Nu släpps nya Nya testamentet. Första nya översättningen sedan 1981 | Feber / Samhälle" href="https://feber.se/samhalle/nu-slapps-nya-nya-testamentet/496531/"> 34185 Idag släpptes en ny översättning av Nya testamentet, en bok som även kallas för "NT 2026" och är den första nya översättningen sedan 1981. Utgivningen av NT 2026 sammanfaller med att det i Ã¥r är 500 Ã¥r sedan bibeln översattes till svenska för första gÃ¥ngen, en utgÃ¥va som gÃ¥r under namnet Gustav Vasas bibel. Svenska bibelsällskapet stÃ¥r bakom översättningen i NT 2026. DN skriver att bland förändringarna i den nya översättningen finns bland annat att Judas "utlämnar" Jesus istället för "förrÃ¥der" honom som i äldre översättningar. Andra förändringar inkluderar att Paulus nu är Jesus "slav" istället för "tjänare" och att Paulus talar till sina "bröder och systrar" istället för bara "bröder". En annan förändring är att bönen "Herrens bön" ("Fader vÃ¥r") nu inleds med "VÃ¥r Far i himlen!" istället för "VÃ¥r Fader, du som är i himlen". Svenska bibelsällskapet har utgÃ¥tt frÃ¥n nio direktiv när man gjorde översättningen till NT 2026. Dessa är god svenska ska användas, konkordans, trohet mot främmande kultur, inkluderande sprÃ¥k, bevarat bibliskt bildsprÃ¥k, bevarad textform, undvika Ã¥lderdomliga ord, Ã¥terspegla stilistiska skillnader samt att öppenhet för olika tolkningar bevaras. 34186 </a> 34187 </f-basic-body> 34188 34189 34190 <f-basic-media> 34191 <f-basic-mediawrapper> 34192 <a class="" data-artid="496531" data-title="Nu släpps nya Nya testamentet. Första nya översättningen sedan 1981 | Feber / Samhälle" href="https://feber.se/samhalle/nu-slapps-nya-nya-testamentet/496531/"><img src="https://static.feber.se/article_images/66/81/63/668163_440.jpg" loading="lazy" alt="Tumnagel" /></a> 34193 34194 <f-basic-tagline data-tempstatus=""> 34195 34196 34197 34198 34199 34200 34201 34202 34203 34204 34205 34206 34207 34208 34209 34210 34211 34212 34213 34214 34215<!-- Temptype degrees --> 34216 34217 34218 34219 34220 34221 34222 34223 34224 34225 34226 34227<!-- IDNAME 191 - Feber / Samhälle - Feber --> 34228 34229 34230 34231 34232 <div class="temp febercoldBG" id="ikon_thumbs_496531"> 34233 34234 28.3° 34235 34236 </div> 34237 34238 34239 34240 34241 34242 34243 <f-bubble id="commentCounter496531" class="disqus-comment-count" data-disqus-url="https://feber.se/496531/" data-sheeturl="/disqus/496531/?inline=true&showheader=true" onClick="loadComments('#showDisqus496531','/disqus/496531/?inline=true');">0</f-bubble> 34244 <!--<a href="http://feber.se/496531/#commentsContainer"></a>--> 34245 34246 34247 34248 </f-basic-tagline> 34249 34250 </f-mediawrapper> 34251 34252 </f-basic-media> 34253 34254</f-basic> 34255 34256 34257 34258 34259 34260 34261 34262 34263 34264 34265 34266 34267 34268 34269 34270 34271 34272 34273 34274 34275 34276 34277 34278 34279 34280 34281 34282 34283 34284 34285 34286 34287 34288 34289 34290 34291 34292 34293 34294 34295 34296 34297 34298 34299 34300 34301 34302 34303 34304 34305 34306 34307 34308 34309 34310 34311 34312 34313 34314 34315 34316 34317 34318 34319 34320 34321 34322 34323 34324 34325 34326 34327 34328 34329 34330 34331 34332 34333 34334 34335 34336 34337 34338 34339 34340 34341 34342 34343 34344 34345<f-basic id="ArticleBasic_496501" 34346 data-id="496501" 34347 data-temp="311" 34348 data-tempstatus=cold 34349 data-basicsite="feber" 34350 34351 34352 class=" feber" 34353 > 34354 34355 34356 34357 34358 34359 <a href="https://feber.se/bil/xpengs-bilar-borjar-saljas-i-umea/496501/"> 34360 <f-basic-header> 34361 <f-basic-headline> 34362 <b>
34362Xpengs bilar börjar säljas i Umeå</b> 34363 </f-basic-headline> 34364 <f-basic-preamble> 34365 Finns snart på 17 platser 34366 </f-basic-preamble> 34367 </f-basic-header> 34368 </a> 34369 34370 34371 <f-basic-body> 34372 <a class="" data-artid="496501" data-title="Xpengs bilar börjar säljas i Umeå. Finns snart på 17 platser | Feber / Bil" href="https://feber.se/bil/xpengs-bilar-borjar-saljas-i-umea/496501/"> 34373 Genom ett nytt samarbete med Motorcentralen i Umeå kommer Xpeng att börja sälja sina bilmodeller på orten. Försäljning och service kommer att erbjudas via NXT by Motorcentralen som är koncernens dotteranläggning. Motorcentralen har runt 150 anställda. "Motorcentralen har en imponerande historia och en mycket stark lokal förankring. De är välkända i Umeå med omnejd och har den erfarenhet och fullserviceverksamhet som krävs för att ge våra kunder en riktigt bra och trygg upplevelse genom hela bilägandet. Det är därför ett naturligt val att Motorcentralen blir vår partner när XPENG nu stärker sin närvaro i norra Sverige." Under andra halvan av fjärde kvartalet i år räknar man med att den nya anläggningen ska vara klar. Xpeng finns efter detta på 17 platser runt om i landet. Modellerna som erbjuds är G6, G9, P7+ och L03. 34374 </a> 34375 </f-basic-body> 34376 34377 34378 <f-basic-media> 34379 <f-basic-mediawrapper> 34380 <a class="" data-artid="496501" data-title="Xpengs bilar börjar säljas i
34380UmeÃ¥. Finns snart pÃ¥ 17 platser | Feber / Bil" href="https://feber.se/bil/xpengs-bilar-borjar-saljas-i-umea/496501/"><img src="https://static.feber.se/article_images/66/80/40/668040_440.jpg" loading="lazy" alt="Tumnagel" /></a> 34381 34382 <f-basic-tagline data-tempstatus=""> 34383 34384 34385 34386 34387 34388 34389 34390 34391 34392 34393 34394 34395 34396 34397 34398 34399 34400 34401 34402 34403<!-- Temptype degrees --> 34404 34405 34406 34407 34408 34409 34410 34411 34412 34413 34414 34415<!-- IDNAME 6 - Feber / Bil - Feber --> 34416 34417 34418 34419 34420 <div class="temp febercoldBG" id="ikon_thumbs_496501"> 34421 34422 31.1° 34423 34424 </div> 34425 34426 34427 34428 34429 34430 34431 <f-bubble id="commentCounter496501" class="disqus-comment-count" data-disqus-url="https://feber.se/496501/" data-sheeturl="/disqus/496501/?inline=true&showheader=true" onClick="loadComments('#showDisqus496501','/disqus/496501/?inline=true');">0</f-bubble> 34432 <!--<a href="http://feber.se/496501/#commentsContainer"></a>--> 34433 34434 34435 34436 </f-basic-tagline> 34437 34438 </f-mediawrapper> 34439 34440 </f-basic-media> 34441 34442</f-basic> 34443 34444 34445 34446 34447 34448 34449 34450 34451 34452 34453 34454 34455 34456 34457 34458 34459 34460 34461 34462 34463 34464 34465 34466 34467 34468 34469 34470 34471 34472 34473 34474 34475 34476 34477 34478 34479 34480 34481 34482 34483 34484 34485 34486 34487 34488 34489 34490 34491 34492 34493 34494 34495 34496 34497 34498 34499 34500 34501 34502 34503 34504 34505 34506 34507 34508 34509 34510 34511 34512 34513 34514 34515 34516 34517 34518 34519 34520 34521 34522 34523 34524 34525 34526 34527 34528 34529 34530 34531 34532 34533<f-basic id="ArticleBasic_496526" 34534 data-id="496526" 34535 data-temp="462" 34536 data-tempstatus=hot 34537 data-basicsite="feber" 34538 34539 34540 class=" feber" 34541 > 34542 34543 34544 34545 34546 34547 <a href="https://feber.se/samhalle/ukraina-far-hjalp-med-cyberforsvar-av-openai/496526/"> 34548 <f-basic-header> 34549 <f-basic-headline> 34550 <b>Ukraina fÃ¥r hjälp med cyberförsvar av OpenAI</b> 34551 </f-basic-headline> 34552 <f-basic-preamble> 34553 Daybreak hittar och lagar sÃ¥rbarheter i IT-system 34554 </f-basic-preamble> 34555 </f-basic-header> 34556 </a> 34557 34558 34559 <f-basic-body> 34560 <a class="" data-artid="496526" data-title="Ukraina fÃ¥r hjälp med cyberförsvar av OpenAI. Daybreak hittar och lagar sÃ¥rbarheter i IT-system | Feber / Samhälle" href="https://feber.se/samhalle/ukraina-far-hjalp-med-cyberforsvar-av-openai/496526/"> 34561 Under det pÃ¥gÃ¥ende FN-toppmötet meddelade AI-företaget OpenAI att man kommer att ge Ukraina gratis tillgÃ¥ng till Daybreak, den säkerhetsplattform som man presenterade tidigare i Ã¥r. OpenAI:s Daybreak-plattform är utvecklad för att identifiera och Ã¥tgärda säkerhetsproblem, validera säkerhetsfixar (patchar) och snabbt kunna lära sig hur en främmande eller gammal kodbas fungerar för att identifiera risker. OpenAI uppger att man tidigare gett bland annat Frankrike, Tyskland och Polen tillgÃ¥ng till sina cybermodeller för att stärka ländernas cyberförsvar. Ukraina utsattes under 2025 för över 6000 cyberattacker mot bland annat sjukhussystem, energisektorn och telekommunikationer. Attackerna tros ha utförts av Ryssland för att pÃ¥ olika sätt destabilisera Ukraina. 34562 </a> 34563 </f-basic-body> 34564 34565 34566 <f-basic-media> 34567 <f-basic-mediawrapper> 34568 <a class="" data-artid="496526" data-title="Ukraina fÃ¥r hjälp med cyberförsvar av OpenAI. Daybreak hittar och lagar sÃ¥rbarheter i IT-system | Feber / Samhälle" href="https://feber.se/samhalle/ukraina-far-hjalp-med-cyberforsvar-av-openai/496526/"><img src="https://static.feber.se/article_images/66/81/60/668160_440.jpg" loading="lazy" alt="Tumnagel" /></a> 34569 34570 <f-basic-tagline data-tempstatus=""> 34571 34572 34573 34574 34575 34576 34577 34578 34579 34580 34581 34582 34583 34584 34585 34586 34587 34588 34589 34590 34591<!-- Temptype degrees --> 34592 34593 34594 34595 34596 34597 34598 34599 34600 34601 34602 34603<!-- IDNAME 191 - Feber / Samhälle - Feber --> 34604 34605 34606 34607 34608 <div class="temp feberhotBG" id="ikon_thumbs_496526"> 34609 34610 46.2° 34611 34612 </div> 34613 34614 34615 34616 34617 34618 34619 <f-bubble id="commentCounter496526" class="disqus-comment-count" data-disqus-url="https://feber.se/496526/" data-sheeturl="/disqus/496526/?inline=true&showheader=true" onClick="loadComments('#showDisqus496526','/disqus/496526/?inline=true');">0</f-bubble> 34620 <!--<a href="http://feber.se/496526/#commentsContainer"></a>--> 34621 34622 34623 34624 </f-basic-tagline> 34625 34626 </f-mediawrapper> 34627 34628 </f-basic-media> 34629 34630</f-basic> 34631 34632 34633 34634 34635 34636 34637 34638 34639 34640 34641 34642 34643 34644 34645 34646 34647 34648 34649 34650 34651 34652 34653 34654 34655 34656 34657 34658 34659 34660 34661 34662 34663 34664 34665 34666 34667 34668 34669 34670 34671 34672 34673 34674 34675 34676 34677 34678 34679 34680 34681 34682 34683 34684 34685 34686 34687 34688 34689 34690 34691 34692 34693 34694 34695 34696 34697 34698 34699 34700 34701 34702 34703 34704 34705 34706 34707 34708 34709 34710 34711 34712 34713 34714 34715 34716 34717 34718 34719 34720 34721<f-basic id="ArticleBasic_496515" 34722 data-id="496515" 34723 data-temp="458" 34724 data-tempstatus=hot 34725 data-basicsite="feber" 34726 34727 34728 class=" feber" 34729 > 34730 34731 34732 34733 34734
34735 <a href="https://feber.se/bil/renault-hyllar-8-gordini-med-elbilskoncept/496515/"> 34736 <f-basic-header> 34737 <f-basic-headline> 34738 <b>Renault hyllar 8 Gordini med elbilskoncept</b> 34739 </f-basic-headline> 34740 <f-basic-preamble> 34741 Retrotuff! 34742 </f-basic-preamble> 34743 </f-basic-header> 34744 </a> 34745 34746 34747 <f-basic-body> 34748 <a class="" data-artid="496515" data-title="Renault hyllar 8 Gordini med elbilskoncept. Retrotuff! | Feber / Bil" href="https://feber.se/bil/renault-hyllar-8-gordini-med-elbilskoncept/496515/"> 34749 Renault 8 Gordini är en klassisk sportvagn frÃ¥n 1964. Den har en motor bak som ger 95 hästar och som driver pÃ¥ bakhjulen. BlÃ¥ lack är ett mÃ¥ste och sÃ¥ tvÃ¥ vita snabb-stripes över hela bilen. Nu har Renault gjort en modern tolkning av denna klassiker och nu är det givetvis bara eldrift som gäller. Den nya coupén har en elmotor som ger 270 hästar. Bilen mäter 4,12 meter pÃ¥ längden, 1,88 pÃ¥ bredden och den är bara 1,27 meter hög. Karossen har rejäla höfter och breda framskärmar och där innanför döljer sig 20-tumsfälgar bak och 19 tum fram. PÃ¥ insidan är det minimalistiskt och föraren är i fokus. Som tur är finns det inga stora skärmar utan dessa är istället inkapslade i mindre runda mätare. Till detta fÃ¥r man snygga fysiska reglage mellan de skÃ¥lade sportstolarna. Det här projektet började som en intern designtävling där över 300 förslag lämnades in, och detta är det som vann. Bilen är helt och hÃ¥llet utvecklad av Renault Design och den kommer att visas upp pÃ¥ bilmässan i Paris som pÃ¥gÃ¥r mellan den 12e: och 18:e oktober. 34750 </a> 34751 </f-basic-body> 34752 34753 34754 <f-basic-media> 34755 <f-basic-mediawrapper> 34756 <a class="" data-artid="496515" data-title="Renault hyllar 8 Gordini med elbilskoncept. Retrotuff! | Feber / Bil" href="https://feber.se/bil/renault-hyllar-8-gordini-med-elbilskoncept/496515/"><img src="https://static.feber.se/article_images/66/80/60/668060_440.jpg" loading="lazy" alt="Tumnagel" /></a> 34757 34758 <f-basic-tagline data-tempstatus=""> 34759 34760 34761 34762 34763 34764 34765 34766 34767 34768 34769 34770 34771 34772 34773 34774 34775 34776 34777 34778 34779<!-- Temptype degrees --> 34780 34781 34782 34783 34784 34785 34786 34787 34788 34789 34790 34791<!-- IDNAME 6 - Feber / Bil - Feber --> 34792 34793 34794 34795 34796 <div class="temp feberhotBG" id="ikon_thumbs_496515"> 34797 34798 45.8° 34799 34800 </div> 34801 34802 34803 34804 34805 34806 34807 <f-bubble id="commentCounter496515" class="disqus-comment-count" data-disqus-url="https://feber.se/496515/" data-sheeturl="/disqus/496515/?inline=true&showheader=true" onClick="loadComments('#showDisqus496515','/disqus/496515/?inline=true');">0</f-bubble> 34808 <!--<a href="http://feber.se/496515/#commentsContainer"></a>--> 34809 34810 34811 34812 </f-basic-tagline> 34813 34814 </f-mediawrapper> 34815 34816 </f-basic-media> 34817 34818</f-basic> 34819 34820 34821 34822 34823 34824 34825 34826 34827 34828 34829 34830 34831 34832 34833 34834 34835 34836 34837 34838 34839 34840 34841 34842 34843 34844 34845 34846 34847 34848 34849 34850 34851 34852 34853 34854 34855 34856 34857 34858 34859 34860 34861 34862 34863 34864 34865 34866 34867 34868 34869 34870 34871 34872 34873 34874 34875 34876 34877 34878 34879 34880 34881 34882 34883 34884 34885 34886 34887 34888 34889 34890 34891 34892 34893 34894 34895 34896 34897 34898 34899 34900 34901 34902 34903 34904 34905 34906 34907 34908 34909<f-basic id="ArticleBasic_496512" 34910 data-id="496512" 34911 data-temp="370" 34912 data-tempstatus=normal 34913 data-basicsite="feber" 34914 34915 34916 class=" feber" 34917 > 34918 34919 34920 34921 34922 34923 <a href="https://feber.se/film/gremlins-3-forsenas/496512/"> 34924 <f-basic-header> 34925 <f-basic-headline> 34926 <b>Gremlins 3 försenas</b> 34927 </f-basic-headline> 34928 <f-basic-preamble> 34929 Till 2028 34930 </f-basic-preamble> 34931 </f-basic-header> 34932 </a> 34933 34934 34935 <f-basic-body> 34936 <a class="" data-artid="496512" data-title="Gremlins 3 försenas. Till 2028 | Feber / Film & TV" href="https://feber.se/film/gremlins-3-forsenas/496512/"> 34937 Warner Bros. har bestämt sig för att senarelägga premiärdatumet för Gremlins 3 frÃ¥n den 19 november 2027 till den 6 oktober 2028. Filmen kommer att regisseras av Chris Columbus, som skrev manuset till den första filmen frÃ¥n 1984, och Steven Spielberg kommer att agera som exekutiv producent. Men trots att produktionen är i full gÃ¥ng är detaljerna kring filmens handling, officiella titel och rollista fortfarande väldigt oklara. En liten teaser-video kan hittas nedan. 34938 </a> 34939 </f-basic-body> 34940 34941 34942 <f-basic-media> 34943 <f-basic-mediawrapper> 34944 <a class="" data-artid="496512" data-title="Gremlins 3 försenas. Till 2028 | Feber / Film & TV" href="https://feber.se/film/gremlins-3-forsenas/496512/"><img src="https://static.feber.se/article_images/66/80/49/668049_440.jpg" loading="lazy" alt="Tumnagel" /></a> 34945 34946 <f-basic-tagline data-tempstatus=""> 34947 34948 34949 34950 34951 34952 34953 34954 34955 34956 34957 34958 34959 34960 34961 34962 34963 34964 34965 34966 34967<!-- Temptype degrees --> 34968 34969 34970 34971 34972 34973 34974 34975 34976 34977 34978 34979<!-- IDNAME 58 - Feber / Film & TV - Feber --> 34980 34981 34982 34983 34984 <div class="temp BG" id="ikon_thumbs_496512"> 34985 34986 37.0° 34987 34988 </div> 34989 34990 34991 34992 34993 34994 34995 <f-bubble id="commentCounter496512" class="disqus-comment-count" data-disqus-url="https://feber.se/496512/" data-sheeturl="/disqus/496512/?inline=true&showheader=true" onClick="loadComments('#showDisqus496512','/disqus/496512/?inline=true');">0</f-bubble> 34996 <!--<a href="http://feber.se/496512/#commentsContainer"></a>--> 34997 34998 34999 35000 </f-basic-tagline> 35001 35002 </f-mediawrapper> 35003 35004 </f-basic-media> 35005 35006</f-basic> 35007 35008 35009 35010 35011 35012 35013 35014 35015 35016 35017 35018 35019 35020 35021 35022 35023 35024 35025 35026 35027 35028 35029 35030 35031 35032 35033 35034 35035 35036 35037 35038 35039 35040 35041 35042 35043 35044 35045 35046 35047 35048 35049 35050 35051 35052 35053 35054 35055 35056 35057 35058 35059 35060 35061 35062 35063 35064 35065 35066 35067 35068 35069 35070 35071 35072 35073 35074 35075 35076 35077 35078 35079 35080 35081 35082 35083 35084 35085 35086 35087 35088 35089 35090 35091 35092 35093 35094 35095 35096 35097<f-basic id="ArticleBasic_496508" 35098 data-id="496508" 35099 data-temp="58" 35100 data-tempstatus=cold 35101 data-basicsite="feber" 35102 35103 35104 class=" feber" 35105 > 35106 35107 35108 35109 35110 35111 <a href="https://feber.se/film/i-ar-kor-tv4-en-egen-julkalender/496508/"> 35112 <f-basic-header> 35113 <f-basic-headline> 35114 <b>I Ã¥r kör TV4 en egen julkalender</b> 35115 </f-basic-headline> 35116 <f-basic-preamble> 35117 Svenska kändisar ska leka och tävla 35118 </f-basic-preamble> 35119 </f-basic-header> 35120 </a> 35121 35122 35123 <f-basic-body> 35124 <a class="" data-artid="496508" data-title="I Ã¥r kör TV4 en egen julkalender. Svenska kändisar ska leka och tävla | Feber / Film & TV" href="https://feber.se/film/i-ar-kor-tv4-en-egen-julkalender/496508/">
35125 En tradition när december mÃ¥nad är här är att följa julkalendern i SVT. I Ã¥r finns det dock fler alternativ eftersom TV4 valt att göra en egen kalender. Den handlar dock inte om nÃ¥got spännande juläventyr eller liknande utan om svenska kändisar som ska göra upp i lekfulla och juliga utmaningar. Kul va?! Kalendern som sÃ¥ pÃ¥hittigt heter "24 Stjärnors julkalender" leds av Behrouz Badreh och deltagarna ska utmanas i allt frÃ¥n julsÃ¥ng, paketöppning, nötknäckning till julgranspyntning i snöstorm och pepparkakshusbygge. I varje avsnitt mÃ¥ste en deltagare lämna och till slut finns det bara en kvar som dÃ¥ blir julens mästare. Vilka kändisar som kommer att medverka kommer att presenteras längre fram. Den nya julkalendern har premiär den 1 december pÃ¥ TV4 Play. NÃ¥got du kommer att titta pÃ¥? 35126 </a> 35127 </f-basic-body> 35128 35129 35130 <f-basic-media> 35131 <f-basic-mediawrapper> 35132 <a class="" data-artid="496508" data-title="I Ã¥r kör TV4 en egen julkalender. Svenska kändisar ska leka och tävla | Feber / Film & TV" href="https://feber.se/film/i-ar-kor-tv4-en-egen-julkalender/496508/"><img src="https://static.feber.se/article_images/66/80/39/668039_440.jpg" loading="lazy" alt="Tumnagel" /></a> 35133 35134 <f-basic-tagline data-tempstatus=""> 35135 35136 35137 35138 35139 35140 35141 35142 35143 35144 35145 35146 35147 35148 35149 35150 35151 35152 35153 35154 35155<!-- Temptype degrees --> 35156 35157 35158 35159 35160 35161 35162 35163 35164 35165 35166 35167<!-- IDNAME 58 - Feber / Film & TV - Feber --> 35168 35169 35170 35171 35172 <div class="temp febercoldBG" id="ikon_thumbs_496508"> 35173 35174 5.8° 35175 35176 </div> 35177 35178 35179 35180 35181 35182 35183 <f-bubble id="commentCounter496508" class="disqus-comment-count" data-disqus-url="https://feber.se/496508/" data-sheeturl="/disqus/496508/?inline=true&showheader=true" onClick="loadComments('#showDisqus496508','/disqus/496508/?inline=true');">0</f-bubble> 35184 <!--<a href="http://feber.se/496508/#commentsContainer"></a>--> 35185 35186 35187 35188 </f-basic-tagline> 35189 35190 </f-mediawrapper> 35191 35192 </f-basic-media> 35193 35194</f-basic> 35195 35196 35197 35198 35199 35200 35201 35202 35203 35204 35205 35206 35207 35208 35209 35210 35211 35212 35213 35214 35215 35216 35217 35218 35219 35220 35221 35222 35223 35224 35225 35226 35227 35228 35229 35230 35231 35232 35233 35234 35235 35236 35237 35238 35239 35240 35241 35242 35243 35244 35245 35246 35247 35248 35249 35250 35251 35252 35253 35254 35255 35256 35257 35258 35259 35260 35261 35262 35263 35264 35265 35266 35267 35268 35269 35270 35271 35272 35273 35274 35275 35276 35277 35278 35279 35280 35281 35282 35283 35284 35285<f-basic id="ArticleBasic_496499" 35286 data-id="496499" 35287 data-temp="84" 35288 data-tempstatus=normal 35289 data-basicsite="tjock" 35290 35291 35292 class=" tjock" 35293 > 35294 35295 35296 35297 35298 35299 <a href="https://tjock.se/strupen/hang-med-till-restaurangen-vyn/496499/"> 35300 <f-basic-header> 35301 <f-basic-headline> 35302 <b>Häng med till restaurangen Vyn</b> 35303 </f-basic-headline> 35304 <f-basic-preamble> 35305 Verkar smarrigt 35306 </f-basic-preamble> 35307 </f-basic-header> 35308 </a> 35309 35310 35311 <f-basic-body> 35312 <a class="" data-artid="496499" data-title="Häng med till restaurangen Vyn. Verkar smarrigt | Tjock / Strupen" href="https://tjock.se/strupen/hang-med-till-restaurangen-vyn/496499/"> 35313 Daniel Berlin har utsetts till Sveriges bästa kock sju gÃ¥nger. Han driver restaurangen Vyn som ligger i Simrishamn och den har YouTube-kanalen Alexander The Guest nu varit och besökt. Har du varit pÃ¥ Vyn? 35314 </a> 35315 </f-basic-body> 35316 35317 35318 <f-basic-media> 35319 <f-basic-mediawrapper> 35320 <a class="" data-artid="496499" data-title="Häng med till restaurangen Vyn. Verkar smarrigt | Tjock / Strupen" href="https://tjock.se/strupen/hang-med-till-restaurangen-vyn/496499/"><img src="//i.ytimg.com/vi/6gTn2XT1kAg/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a> 35321 35322 <f-basic-tagline data-tempstatus=""> 35323 35324 35325 35326 35327 35328 35329 35330 35331 35332 35333 35334 35335 35336 35337 35338 35339 35340 35341 35342 35343<!-- Temptype kg --> 35344 35345 35346 35347 35348 35349 35350 35351 35352 35353 35354 35355<!-- IDNAME 155 - Tjock / Strupen - Feber --> 35356 35357 35358 35359 35360 <div class="temp BG" id="ikon_thumbs_496499"> 35361 35362 84kg 35363 35364 </div> 35365 35366 35367 35368 35369 35370 35371 <f-bubble id="commentCounter496499" class="disqus-comment-count" data-disqus-url="https://tjock.se/496499/" data-sheeturl="/disqus/496499/?inline=true&showheader=true" onClick="loadComments('#showDisqus496499','/disqus/496499/?inline=true');">0</f-bubble> 35372 <!--<a href="http://feber.se/496499/#commentsContainer"></a>--> 35373 35374 35375 35376 </f-basic-tagline> 35377 35378 </f-mediawrapper> 35379 35380 </f-basic-media> 35381 35382</f-basic> 35383 35384 35385 35386 35387 35388 35389 35390 35391 35392 35393 35394 35395 35396 35397 35398 35399 35400 35401 35402 35403 35404 35405 35406 35407 35408 35409 35410 35411 35412 35413 35414 35415 35416 35417 35418 35419 35420 35421 35422 35423 35424 35425 35426 35427 35428 35429 35430 35431 35432 35433 35434 35435 35436 35437 35438 35439 35440 35441 35442 35443 35444 35445 35446 35447 35448 35449 35450 35451 35452 35453 35454 35455 35456 35457 35458 35459 35460 35461 35462 35463 35464 35465 35466 35467 35468 35469 35470 35471 35472 35473<f-basic id="ArticleBasic_496503" 35474 data-id="496503" 35475 data-temp="302" 35476 data-tempstatus=cold 35477 data-basicsite="feber" 35478 35479 35480 class=" feber" 35481 > 35482 35483 35484 35485 35486 35487 <a href="https://feber.se/internet/discord-infor-automatisk-alderskontroll/496503/"> 35488 <f-basic-header> 35489 <f-basic-headline> 35490 <b>Discord inför automatisk Ã¥lderskontroll</b> 35491 </f-basic-headline> 35492 <f-basic-preamble> 35493 Nytt försök att Ã¥ldersbestämma sina användare 35494 </f-basic-preamble> 35495 </f-basic-header> 35496 </a> 35497 35498 35499 <f-basic-body> 35500 <a class="" data-artid="496503" data-title="Discord inför automatisk Ã¥lderskontroll. Nytt försök att Ã¥ldersbestämma sina användare | Feber / Internet" href="https://feber.se/internet/discord-infor-automatisk-alderskontroll/496503/"> 35501 Tidigare i Ã¥r tvingades Discord pausa sina planer pÃ¥ striktare Ã¥lderskontroller efter att användarna visade sitt missnöje dÃ¥ förslaget innebar att man behövde ladda upp ID-handlingar eller göra ansiktsskanningar via externa företag. Nu gör Discord ett nytt försök att Ã¥ldersbestämma sina användare, men i en betydligt mer diskret och automatisk form. Istället för att kräva legitimation kommer Discord nu att använda nÃ¥gon form av automatisk Ã¥ldersuppskattning. Detta kommer att göras bland annat genom att analysera signaler som hur gammalt ditt konto är, vilka servrar du är med i och vilka spel du spelar. Discord säger att de inte läser privata meddelanden eller lyssnar pÃ¥ samtal för att göra denna bedömning. Efter analysen placeras man automatiskt i en Ã¥lderskategori. Enligt Discord kommer nio av tio användare inte ens märka av systemet, dÃ¥ de automatiskt identifieras som vuxna. För de som ändÃ¥ hamnar i fel kategori, eller där systemet tvekar, finns nu alternativ som är mindre integritetskränkande än den tidigare lösningen. I stället för ansiktsskanning kan man nu verifiera sin Ã¥lder via kontokort eller genom information frÃ¥n Apple App Store och Google Play. Anledningen till att man slänger in detta är pÃ¥ grund av nya lagar världen över som kräver att digitala plattformar tar större ansvar för minderÃ¥riga. Genom att rulla ut systemet globalt hoppas Discord kunna skydda användare mellan 13 och 17 Ã¥r genom att automatiskt dölja känsligt innehÃ¥ll och begränsa tillgÃ¥ngen till vuxna miljöer. 35502 </a> 35503 </f-basic-body> 35504 35505 35506 <f-basic-media> 35507 <f-basic-mediawrapper> 35508 <a class="" data-artid="496503" data-title="Discord inför automatisk Ã¥lderskontroll. Nytt försök att Ã¥ldersbestämma sina användare | Feber / Internet" href="https://feber.se/internet/discord-infor-automatisk-alderskontroll/496503/"><img src="https://static.feber.se/article_images/66/80/25/668025_440.jpg" loading="lazy" alt="Tumnagel" /></a> 35509 35510 <f-basic-tagline data-tempstatus=""> 35511 35512 35513 35514 35515 35516 35517 35518 35519 35520 35521 35522 35523 35524 35525 35526 35527 35528 35529 35530 35531<!-- Temptype degrees --> 35532 35533 35534 35535 35536 35537 35538 35539 35540 35541 35542 35543<!-- IDNAME 198 - Feber / Internet - Feber --> 35544 35545 35546 35547 35548 <div class="temp febercoldBG" id="ikon_thumbs_496503"> 35549 35550 30.2° 35551 35552 </div> 35553 35554 35555 35556 35557 35558 35559 <f-bubble id="commentCounter496503" class="disqus-comment-count" data-disqus-url="https://feber.se/496503/" data-sheeturl="/disqus/496503/?inline=true&showheader=true" onClick="loadComments('#showDisqus496503','/disqus/496503/?inline=true');">0</f-bubble> 35560 <!--<a href="http://feber.se/496503/#commentsContainer"></a>--> 35561 35562 35563 35564 </f-basic-tagline> 35565 35566 </f-mediawrapper> 35567 35568 </f-basic-media> 35569 35570</f-basic> 35571 35572 35573 35574 35575 35576 35577 35578 35579 35580 35581 35582 35583 35584 35585 35586 35587 35588 35589 35590 35591 35592 35593 35594 35595 35596 35597 35598 35599 35600 35601 35602 35603 35604 35605 35606 35607 35608 35609 35610 35611 35612 35613 35614 35615 35616 35617 35618 35619 35620 35621 35622 35623 35624 35625 35626 35627 35628 35629 35630 35631 35632 35633 35634 35635 35636 35637 35638 35639 35640 35641 35642 35643 35644 35645 35646 35647 35648 35649 35650 35651 35652 35653 35654 35655 35656 35657 35658 35659 35660 35661<f-basic id="ArticleBasic_496507" 35662 data-id="496507" 35663 data-temp="349" 35664 data-tempstatus=normal 35665 data-basicsite="feber" 35666 35667 35668 class=" feber" 35669 > 35670 35671 35672 35673 35674 35675 <a href="https://feber.se/samhalle/for-forsta-gangen-ar-fler-pojkar-an-flickor-gymnasiebehoriga/496507/"> 35676 <f-basic-header> 35677 <f-basic-headline> 35678 <b>För första gÃ¥ngen är fler pojkar än flickor gymnasiebehöriga</b> 35679 </f-basic-headline> 35680 <f-basic-preamble> 35681 Och mattebetygen dippar 35682 </f-basic-preamble> 35683 </f-basic-header> 35684 </a> 35685 35686 35687 <f-basic-body> 35688 <a class="" data-artid="496507" data-title="För första gÃ¥ngen är fler pojkar än flickor gymnasiebehöriga. Och mattebetygen dippar | Feber / Samhälle" href="https://feber.se/samhalle/for-forsta-gangen-ar-fler-pojkar-an-flickor-gymnasiebehoriga/496507/"> 35689 Skolverket meddelar nu att det för första gÃ¥ngen är fler pojkar än flickor som är behöriga för gymnasiet sedan man började mäta 1998. Skillnaderna är dock smÃ¥ - 83,6 mot 83,4 procent. Totalt har behörigheten minskat frÃ¥n 84,1 till 83,5 procent. VÃ¥ren 2026 saknade var sjätte elev som avslutade Ã¥rskurs 9 behörighet till gymnasieskolans
35689nationella program. Anna Castberg som är analyschef pÃ¥ Skolverket säger följande: "Skillnaden i behörighet till gymnasieskolan mellan pojkar och flickor har minskat under de senaste tio Ã¥ren. Den skillnad statistiken nu visar med större andel behöriga pojkar är dock liten, och utvecklingen ser olika ut i olika grupper. Därför är det viktigt att inte dra för stora slutsatser av ett enskilt Ã¥rs resultat. Det är först när vi följer resultaten över tid som vi kan se om den här förändringen hÃ¥ller i sig." Andelen behöriga elever är större bland de som har minst en förälder med eftergymnasial utbildning än bland elever vars föräldrar har lägre utbildningsnivÃ¥. Det här gäller oavsett om eleverna har svensk eller utländsk bakgrund. Andelen behöriga till gymnasieskolan är 16 procentenheter lägre bland elever pÃ¥ skolor i omrÃ¥den med stora socioekonomiska utmaningar än bland elever pÃ¥ skolor i omrÃ¥den med mycket goda socioekonomiska förutsättningar. I ämnet matematik har andelen elever med godkända betyg minskat med 1,1 procentenheter och det är den största minskningen bland de obligatoriska ämnena. Man mÃ¥ste ha godkänt i matte för att bli behörig till gymnasieskolan. Läs mer pÃ¥ länken nedan. 35690 </a> 35691 </f-basic-body> 35692 35693 35694 <f-basic-media> 35695 <f-basic-mediawrapper> 35696 <a class="" data-artid="496507" data-title="För första gÃ¥ngen är fler pojkar än flickor gymnasiebehöriga. Och mattebetygen dippar | Feber / Samhälle" href="https://feber.se/samhalle/for-forsta-gangen-ar-fler-pojkar-an-flickor-gymnasiebehoriga/496507/"><img src="https://static.feber.se/article_images/66/80/50/668050_440.jpg" loading="lazy" alt="Tumnagel" /></a> 35697 35698 <f-basic-tagline data-tempstatus=""> 35699 35700 35701 35702 35703 35704 35705 35706 35707 35708 35709 35710 35711 35712 35713 35714 35715 35716 35717 35718 35719<!-- Temptype degrees --> 35720 35721 35722 35723 35724 35725 35726 35727 35728 35729 35730 35731<!-- IDNAME 191 - Feber / Samhälle - Feber --> 35732 35733 35734 35735 35736 <div class="temp BG" id="ikon_thumbs_496507"> 35737 35738 34.9° 35739 35740 </div> 35741 35742 35743 35744 35745 35746 35747 <f-bubble id="commentCounter496507" class="disqus-comment-count" data-disqus-url="https://feber.se/496507/" data-sheeturl="/disqus/496507/?inline=true&showheader=true" onClick="loadComments('#showDisqus496507','/disqus/496507/?inline=true');">0</f-bubble> 35748 <!--<a href="http://feber.se/496507/#commentsContainer"></a>--> 35749 35750 35751 35752 </f-basic-tagline> 35753 35754 </f-mediawrapper> 35755 35756 </f-basic-media> 35757 35758</f-basic> 35759 35760 35761 35762 35763 35764 35765 35766 35767 35768 35769 35770 35771 35772 35773 35774 35775 35776 35777 35778 35779 35780 35781 35782 35783 35784 35785 35786 35787 35788 35789 35790 35791 35792 35793 35794 35795 35796 35797 35798 35799 35800 35801 35802 35803 35804 35805 35806 35807 35808 35809 35810 35811 35812 35813 35814 35815 35816 35817 35818 35819 35820 35821 35822 35823 35824 35825 35826 35827 35828 35829 35830 35831 35832 35833 35834 35835 35836 35837 35838 35839 35840 35841 35842 35843 35844 35845 35846 35847 35848 35849<f-basic id="ArticleBasic_496520" 35850 data-id="496520" 35851 data-temp="341" 35852 data-tempstatus=normal 35853 data-basicsite="feber" 35854 35855 35856 class=" feber" 35857 > 35858 35859 35860 35861 35862 35863 <a href="https://feber.se/samhalle/hackergrupp-uppger-att-man-kommit-over-data-fran-fbi/496520/"> 35864 <f-basic-header> 35865 <f-basic-headline> 35866 <b>Hackergrupp uppger att man kommit över data frÃ¥n FBI</b> 35867 </f-basic-headline> 35868 <f-basic-preamble> 35869 Som ska innehÃ¥lla uppgifter om myndighetens personal och uppdrag 35870 </f-basic-preamble> 35871 </f-basic-header> 35872 </a> 35873 35874 35875 <f-basic-body> 35876 <a class="" data-artid="496520" data-title="Hackergrupp uppger att man kommit över data frÃ¥n FBI. Som ska innehÃ¥lla uppgifter om myndighetens personal och uppdrag | Feber / Samhälle" href="https://feber.se/samhalle/hackergrupp-uppger-att-man-kommit-over-data-fran-fbi/496520/"> 35877 Den kriminella hackergruppen ShinyHunters uppger att man kommit över 2TBâ3TB data frÃ¥n den amerikanska polismyndigheten FBI som verkar innehÃ¥lla en hel del känslig information. NyhetsbyrÃ¥n Reuters har fÃ¥tt ta del av ett utdrag pÃ¥ 5000 rader frÃ¥n ShinyHunters och uppger att dessa bland annat innehÃ¥ller personuppgifter som namn, adresser, telefonnummer, födelsedatum, social security-nummer och kontaktuppgifter till anhöriga till anställda pÃ¥ FBI. Vidare ska datan innehÃ¥lla specifika uppdrag som vissa agenter har gjort vilket bland annat inkluderar uppdrag som rör Kina och Ryssland. ShinyHunters krav för att inte läcka ut den stulna FBI-datan publikt verkar handla om att man vill att FBI ska dra tillbaka ett uttalande som myndigheten gjorde i maj dÃ¥ hackergruppen anser att man beskrevs som "osmickrande" i det. I uttalandet skrev FBI bland annat att ShinyHunters ofta överdrev sina bedrifter och att de använde metoder som trakasserier mot enskilda privatpersoner och hotfulla SMS/telefonsamtal till offer och deras familjemedlemmar. FBI utreder FBI bekräftar att man fÃ¥tt uppgifter om att ShinyHunters kommit över data frÃ¥n deras jobbportal och att man "utreder ärendet aktivt och kraftfullt". ShinyHunters är vad man vet inte kopplad till nÃ¥gon stat utan agerar enbart pÃ¥ grund av ekonomiska motiv. Gruppen har tidigare tagit pÃ¥ sig ansvaret för datorintrÃ¥ng och dataläckage mot bland annat Rockstar, Microsoft, AT&T, Banco Santander, Ticketmaster, Pizza Hut, Zara, Canvas och 7-Eleven. 35878 </a> 35879 </f-basic-body> 35880 35881 35882 <f-basic-media> 35883 <f-basic-mediawrapper> 35884 <a class="" data-artid="496520" data-title="Hackergrupp uppger att man kommit över data frÃ¥n FBI. Som ska innehÃ¥lla uppgifter om myndighetens personal och uppdrag | Feber / Samhälle" href="https://feber.se/samhalle/hackergrupp-uppger-att-man-kommit-over-data-fran-fbi/496520/"><img src="https://static.feber.se/article_images/66/81/46/668146_440.jpg" loading="lazy" alt="Tumnagel" /></a> 35885 35886 <f-basic-tagline data-tempstatus=""> 35887 35888 35889 35890 35891 35892 35893 35894 35895 35896 35897 35898 35899 35900 35901 35902 35903 35904 35905 35906 35907<!-- Temptype degrees --> 35908 35909 35910 35911 35912 35913 35914 35915 35916 35917 35918 35919<!-- IDNAME 191 - Feber / Samhälle - Feber --> 35920 35921 35922 35923 35924 <div class="temp BG" id="ikon_thumbs_496520"> 35925 35926 34.1° 35927 35928 </div> 35929 35930 35931 35932 35933 35934 35935 <f-bubble id="commentCounter496520" class="disqus-comment-count" data-disqus-url="https://feber.se/496520/" data-sheeturl="/disqus/496520/?inline=true&showheader=true" onClick="loadComments('#showDisqus496520','/disqus/496520/?inline=true');">0</f-bubble> 35936 <!--<a href="http://feber.se/496520/#commentsContainer"></a>--> 35937 35938 35939 35940 </f-basic-tagline> 35941 35942 </f-mediawrapper> 35943 35944 </f-basic-media> 35945 35946</f-basic> 35947 35948 35949 35950 35951 35952 35953 35954 35955 35956 35957 35958 35959 35960 35961 35962 35963 35964 35965 35966 35967 35968 35969 35970 35971 35972 35973 35974 35975 35976 35977 35978 35979 35980 35981 35982 35983 35984 35985 35986 35987 35988 35989 35990 35991 35992 35993 35994 35995 35996 35997 35998 35999 36000 36001 36002 36003 36004 36005 36006 36007 36008 36009 36010 36011 36012 36013 36014 36015 36016 36017 36018 36019 36020 36021 36022 36023 36024 36025 36026 36027 36028 36029 36030 36031 36032 36033 36034 36035 36036 36037<f-basic id="ArticleBasic_496502" 36038 data-id="496502" 36039 data-temp="379" 36040 data-tempstatus=normal 36041 data-basicsite="feber" 36042 36043 36044 class=" feber" 36045 > 36046 36047 36048 36049 36050 36051 <a href="https://feber.se/spel/microsoft-verkar-lansera-sina-mythic-achievements-snart/496502/"> 36052 <f-basic-header> 36053 <f-basic-headline> 36054 <b>Microsoft verkar lansera sina Mythic Achievements snart</b> 36055 </f-basic-headline> 36056 <f-basic-preamble> 36057 Xbox motsvarighet till PlayStations platinatroféer 36058 </f-basic-preamble> 36059 </f-basic-header> 36060 </a> 36061 36062 36063 <f-basic-body> 36064 <a class="" data-artid="496502" data-title="Microsoft verkar lansera sina Mythic Achievements snart. Xbox motsvarighet till PlayStations platinatroféer | Feber / Spel" href="https://feber.se/spel/microsoft-verkar-lansera-sina-mythic-achievements-snart/496502/"> 36065 Vi har tidigare rapporterat om att Microsoft skulle släppa nÃ¥gon form av motsvarighet till PlayStations Platinum-troféer, det vill säga ett litet digitalt emblem som man fÃ¥r när man gjort alla prestationer i spelet. Nya läckor visar nu att systemet k
36065ommer fÃ¥ namnet Mythic Achievements och att de kommer att släppas relativt snart. Det är via uppdateringar i Xbox PC-app som man har hittat spÃ¥r av detta. Enligt sajten TrueAchievements har bÃ¥de logotyper och ljudeffekter för Mythic Achievements dykt upp i koden. Precis som för PlayStation-spelare kommer dessa lÃ¥sas upp när man har tagit samtliga grundprestationer i ett spel. Till skillnad frÃ¥n vanliga achievements verkar Mythic-varianten inte ut att ge nÃ¥gon extra Gamerscore. Istället handlar det om status och visuell bekräftelse. För när du har lÃ¥st upp en Mythic-utmärkelse kommer spelet att prydas av en grön ram och en speciell logotyp pÃ¥ din profil. En välkommen detalj är att systemet sägs vara retroaktivt, vilket innebär att du som redan har gjort allt man kan göra i Achievement-väg i dina favoritspel kommer fÃ¥ utmärkelserna direkt när uppdateringen rullas ut. 36066 </a> 36067 </f-basic-body> 36068 36069 36070 <f-basic-media> 36071 <f-basic-mediawrapper> 36072 <a class="" data-artid="496502" data-title="Microsoft verkar lansera sina Mythic Achievements snart. Xbox motsvarighet till PlayStations platinatroféer | Feber / Spel" href="https://feber.se/spel/microsoft-verkar-lansera-sina-mythic-achievements-snart/496502/"><img src="https://static.feber.se/article_images/66/80/24/668024_440.jpg" loading="lazy" alt="Tumnagel" /></a> 36073 36074 <f-basic-tagline data-tempstatus=""> 36075 36076 36077 36078 36079 36080 36081 36082 36083 36084 36085 36086 36087 36088 36089 36090 36091 36092 36093 36094 36095<!-- Temptype degrees --> 36096 36097 36098 36099 36100 36101 36102 36103 36104 36105 36106 36107<!-- IDNAME 4 - Feber / Spel - Feber --> 36108 36109 36110 36111 36112 <div class="temp BG" id="ikon_thumbs_496502"> 36113 36114 37.9° 36115 36116 </div> 36117 36118 36119 36120 36121 36122 36123 <f-bubble id="commentCounter496502" class="disqus-comment-count" data-disqus-url="https://feber.se/496502/" data-sheeturl="/disqus/496502/?inline=true&showheader=true" onClick="loadComments('#showDisqus496502','/disqus/496502/?inline=true');">0</f-bubble> 36124 <!--<a href="http://feber.se/496502/#commentsContainer"></a>--> 36125 36126 36127 36128 </f-basic-tagline> 36129 36130 </f-mediawrapper> 36131 36132 </f-basic-media> 36133 36134</f-basic> 36135 36136 36137 36138 36139 36140 36141 36142 36143 36144 36145 36146 36147 36148 36149 36150 36151 36152 36153 36154 36155 36156 36157 36158 36159 36160 36161 36162 36163 36164 36165 36166 36167 36168 36169 36170 36171 36172 36173 36174 36175 36176 36177 36178 36179 36180 36181 36182 36183 36184 36185 36186 36187 36188 36189 36190 36191 36192 36193 36194 36195 36196 36197 36198 36199 36200 36201 36202 36203 36204 36205 36206 36207 36208 36209 36210 36211 36212 36213 36214 36215 36216 36217 36218 36219 36220 36221 36222 36223 36224 36225<f-basic id="ArticleBasic_496489" 36226 data-id="496489" 36227 data-temp="299" 36228 data-tempstatus=cold 36229 data-basicsite="feber" 36230 36231 36232 class=" feber" 36233 > 36234 36235 36236 36237 36238 36239 <a href="https://feber.se/film/toy-story-5-och-nhl-pa-disney/496489/"> 36240 <f-basic-header> 36241 <f-basic-headline> 36242 <b>Toy Story 5 och NHL pÃ¥ Disney+</b> 36243 </f-basic-headline> 36244 <f-basic-preamble> 36245 Och priserna i Nordamerika höjs 36246 </f-basic-preamble> 36247 </f-basic-header> 36248 </a> 36249 36250 36251 <f-basic-body> 36252 <a class="" data-artid="496489" data-title="Toy Story 5 och NHL pÃ¥ Disney+. Och priserna i Nordamerika höjs | Feber / Film & TV" href="https://feber.se/film/toy-story-5-och-nhl-pa-disney/496489/"> 36253 Det händer mycket hos Disney+ just nu, pÃ¥ gott och ont. När det gäller det goda sÃ¥ kan man frÃ¥n och med i dag se Toy Story 5 pÃ¥ streamingplattformen, vilket ju är kul om man väntat pÃ¥ den. Filmen har gjort dundersuccé pÃ¥ bio och dragit in över en miljard dollar, vilket är väldigt mÃ¥nga fler kronor. Som vi rapporterat tidigare sÃ¥ har Disney+ ocksÃ¥ plockat upp fler NHL-matcher. Under oktober mÃ¥nad kommer de bjuda pÃ¥ 27 direktsända matcher vilket blir startskottet ett samarbete som sträcker sig ända fram till 2031. För den som inte vill sitta uppe pÃ¥ nätterna finns matcherna tillgängliga i repris i 48 timmar efterÃ¥t. Men allt är ju inte gott dÃ¥ Disney följer trenden med att höja sina priser igen. Initialt verkar det endast gälla Nordamerika, men det brukar ju ofta innebära att vi fÃ¥r se nÃ¥got liknande här inom en snar framtid. 36254 </a> 36255 </f-basic-body> 36256 36257 36258 <f-basic-media> 36259 <f-basic-mediawrapper> 36260 <a class="" data-artid="496489" data-title="Toy Story 5 och NHL pÃ¥ Disney+. Och priserna i Nordamerika höjs | Feber / Film & TV" href="https://feber.se/film/toy-story-5-och-nhl-pa-disney/496489/"><img src="https://static.feber.se/article_images/66/79/79/667979_440.jpg" loading="lazy" alt="Tumnagel" /></a> 36261 36262 <f-basic-tagline data-tempstatus=""> 36263 36264 36265 36266 36267 36268 36269 36270 36271 36272 36273 36274 36275 36276 36277 36278 36279 36280 36281 36282 36283<!-- Temptype degrees --> 36284 36285 36286 36287 36288 36289 36290 36291 36292 36293 36294 36295<!-- IDNAME 58 - Feber / Film & TV - Feber --> 36296 36297 36298 36299 36300 <div class="temp febercoldBG" id="ikon_thumbs_496489"> 36301 36302 29.9° 36303 36304 </div> 36305 36306 36307 36308 36309 36310 36311 <f-bubble id="commentCounter496489" class="disqus-comment-count" data-disqus-url="https://feber.se/496489/" data-sheeturl="/disqus/496489/?inline=true&showheader=true" onClick="loadComments('#showDisqus496489','/disqus/496489/?inline=true');">0</f-bubble> 36312 <!--<a href="http://feber.se/496489/#commentsContainer"></a>--> 36313 36314 36315 36316 </f-basic-tagline> 36317 36318 </f-mediawrapper> 36319 36320 </f-basic-media> 36321 36322</f-basic> 36323 36324 36325 36326 36327 36328 36329 36330 36331 36332 36333 36334 36335 36336 36337 36338 36339 36340 36341 36342 36343 36344 36345 36346 36347 36348 36349 36350 36351 36352 36353 36354 36355 36356 36357 36358 36359 36360 36361 36362 36363 36364 36365 36366 36367 36368 36369 36370 36371 36372 36373 36374 36375 36376 36377 36378 36379 36380 36381 36382 36383 36384 36385 36386 36387 36388 36389 36390 36391 36392 36393 36394 36395 36396 36397 36398 36399 36400 36401 36402 36403 36404 36405 36406 36407 36408 36409 36410 36411 36412 36413<f-basic id="ArticleBasic_496511" 36414 data-id="496511" 36415 data-temp="215" 36416 data-tempstatus=cold 36417 data-basicsite="feber" 36418 36419 36420 class=" feber" 36421 > 36422 36423 36424 36425 36426 36427 <a href="https://feber.se/internet/meta-visar-upp-muse-charm/496511/"> 36428 <f-basic-header> 36429 <f-basic-headline> 36430 <b>Meta visar upp Muse Charm</b> 36431 </f-basic-headline> 36432 <f-basic-preamble> 36433 En liten AI-dosa för Metas AI-agent Muse 36434 </f-basic-preamble> 36435 </f-basic-header> 36436 </a> 36437 36438 36439 <f-basic-body> 36440 <a class="" data-artid="496511" data-title="Meta visar upp Muse Charm. En liten AI-dosa för Metas AI-agent Muse | Feber / Internet" href="https://feber.se/internet/meta-visar-upp-muse-charm/496511/"> 36441 Under Meta Connect visade företaget upp nÃ¥got som man kallar för Muse Charm, en hÃ¥rdvara som är specifikt utvecklad för att använda tillsammans med Metas nyligen släppta AI-agent Muse. Muse Charm är försedd med en f
36441ingeravtrycksläsare som aktiverar den handhÃ¥llna enheten och har även en skärm där en liten animerad version av Muse verkar husera. Den lilla AI-dosan tros även innehÃ¥lla en kamera, högtalare och mikrofoner. Tanken bakom dosan är att man ska kunna styra Muse och be den utföra olika uppgifter utan att behöva använda Muse-appen pÃ¥ mobilen eller datorn. Metas vd Mark Zuckerberg uppger att man fortfarande finslipar pÃ¥ detaljerna runt Muse Charm, men den förväntas ändÃ¥ kunna släppas redan till jul. Tekniska specifikationer och pris saknas än sÃ¥ länge för enheten. 36442 </a> 36443 </f-basic-body> 36444 36445 36446 <f-basic-media> 36447 <f-basic-mediawrapper> 36448 <a class="" data-artid="496511" data-title="Meta visar upp Muse Charm. En liten AI-dosa för Metas AI-agent Muse | Feber / Internet" href="https://feber.se/internet/meta-visar-upp-muse-charm/496511/"><img src="https://static.feber.se/article_images/66/80/46/668046_440.jpg" loading="lazy" alt="Tumnagel" /></a> 36449 36450 <f-basic-tagline data-tempstatus=""> 36451 36452 36453 36454 36455 36456 36457 36458 36459 36460 36461 36462 36463 36464 36465 36466 36467 36468 36469 36470 36471<!-- Temptype degrees --> 36472 36473 36474 36475 36476 36477 36478 36479 36480 36481 36482 36483<!-- IDNAME 198 - Feber / Internet - Feber --> 36484 36485 36486 36487 36488 <div class="temp febercoldBG" id="ikon_thumbs_496511"> 36489 36490 21.5° 36491 36492 </div> 36493 36494 36495 36496 36497 36498 36499 <f-bubble id="commentCounter496511" class="disqus-comment-count" data-disqus-url="https://feber.se/496511/" data-sheeturl="/disqus/496511/?inline=true&showheader=true" onClick="loadComments('#showDisqus496511','/disqus/496511/?inline=true');">0</f-bubble> 36500 <!--<a href="http://feber.se/496511/#commentsContainer"></a>--> 36501 36502 36503 36504 </f-basic-tagline> 36505 36506 </f-mediawrapper> 36507 36508 </f-basic-media> 36509 36510</f-basic> 36511 36512 36513 36514 36515 36516 36517 36518 36519 36520 36521 36522 36523 36524 36525 36526 36527 36528 36529 36530 36531 36532 36533 36534 36535 36536 36537 36538 36539 36540 36541 36542 36543 36544 36545 36546 36547 36548 36549 36550 36551 36552 36553 36554 36555 36556 36557 36558 36559 36560 36561 36562 36563 36564 36565 36566 36567 36568 36569 36570 36571 36572 36573 36574 36575 36576 36577 36578 36579 36580 36581 36582 36583 36584 36585 36586 36587 36588 36589 36590 36591 36592 36593 36594 36595 36596 36597 36598 36599 36600 36601<f-basic id="ArticleBasic_496498" 36602 data-id="496498" 36603 data-temp="478" 36604 data-tempstatus=hot 36605 data-basicsite="feber" 36606 36607 36608 class=" feber" 36609 > 36610 36611 36612 36613 36614 36615 <a href="https://feber.se/bil/geelys-nya-laddteknik-ar-helt-galet-snabb/496498/"> 36616 <f-basic-header> 36617 <f-basic-headline> 36618 <b>Geelys nya laddteknik är helt galet snabb</b> 36619 </f-basic-headline> 36620 <f-basic-preamble> 36621 Styrs med hjälp av AI, sÃ¥klart 36622 </f-basic-preamble> 36623 </f-basic-header> 36624 </a> 36625 36626 36627 <f-basic-body> 36628 <a class="" data-artid="496498" data-title="Geelys nya laddteknik är helt galet snabb. Styrs med hjälp av AI, sÃ¥klart | Feber / Bil" href="https://feber.se/bil/geelys-nya-laddteknik-ar-helt-galet-snabb/496498/"> 36629 Snaddladdningstekniken av elbilar gÃ¥r hela tiden framÃ¥t och det blir mer och mer effekt i grejerna. Nu visar Geely upp ny teknik som med hjälp av AI kan ladda upp till hela 2250 kW. Det gör att man kan gÃ¥ frÃ¥n 10-70 procent pÃ¥ bara 4 1/2 minut. Att ladda 10-97 procent tog inte mer än 8,40 minuter vid tester. AI-tekniken i detta är att den kan hÃ¥lla koll pÃ¥ temperaturen i batteriet och förutse batteritemperaturen upp till 30 sekunder i förväg och efter det anpassa laddeffekten. Man vill hÃ¥lla 55 grader i snitt-temperatur när man laddar och vill inte att tempen gÃ¥r över 65 grader nÃ¥gon gÃ¥ng. AI:n känner även av batteriets skick och anpassar allt frÃ¥n strömstyrka till laddtid ocvh kylning efter det. Laddstationen med den höga effekten är Geelys femte generation av laddare. Den använder sig av vätskekylning i alla delar. Batteripacket vid laddstationen, laddstolpen och laddkabeln är alla vattenkylda, precis som laddkontakten i bilen och bilens batteripack. 36630 </a> 36631 </f-basic-body> 36632 36633 36634 <f-basic-media> 36635 <f-basic-mediawrapper> 36636 <a class="" data-artid="496498" data-title="Geelys nya laddteknik är helt galet snabb. Styrs med hjälp av AI, sÃ¥klart | Feber / Bil" href="https://feber.se/bil/geelys-nya-laddteknik-ar-helt-galet-snabb/496498/"><img src="https://static.feber.se/article_images/66/80/42/668042_440.jpg" loading="lazy" alt="Tumnagel" /></a> 36637 36638 <f-basic-tagline data-tempstatus=""> 36639 36640 36641 36642 36643 36644 36645 36646 36647 36648 36649 36650 36651 36652 36653 36654 36655 36656 36657 36658 36659<!-- Temptype degrees --> 36660 36661 36662 36663 36664 36665 36666 36667 36668 36669 36670 36671<!-- IDNAME 6 - Feber / Bil - Feber --> 36672 36673 36674 36675 36676 <div class="temp feberhotBG" id="ikon_thumbs_496498"> 36677 36678 47.8° 36679 36680 </div> 36681 36682 36683 36684 36685 36686 36687 <f-bubble id="commentCounter496498" class="disqus-comment-count" data-disqus-url="https://feber.se/496498/" data-sheeturl="/disqus/496498/?inline=true&showheader=true" onClick="loadComments('#showDisqus496498','/disqus/496498/?inline=true');">0</f-bubble> 36688 <!--<a href="http://feber.se/496498/#commentsContainer"></a>--> 36689 36690 36691 36692 </f-basic-tagline> 36693 36694 </f-mediawrapper> 36695 36696 </f-basic-media> 36697 36698</f-basic> 36699 36700 36701 36702 36703 36704 36705 36706 36707 36708 36709 36710 36711 36712 36713 36714 36715 36716 36717 36718 36719 36720 36721 36722 36723 36724 36725 36726 36727 36728 36729 36730 36731 36732 36733 36734 36735 36736 36737 36738 36739 36740 36741 36742 36743 36744 36745 36746 36747 36748 36749 36750 36751 36752 36753 36754 36755 36756 36757 36758 36759 36760 36761 36762 36763 36764 36765 36766 36767 36768 36769 36770 36771 36772 36773 36774 36775 36776 36777 36778 36779 36780 36781 36782 36783 36784 36785 36786 36787 36788 36789<f-basic id="ArticleBasic_496454" 36790 data-id="496454" 36791 data-temp="389" 36792 data-tempstatus=normal 36793 data-basicsite="feber" 36794 36795 36796 class=" feber" 36797 > 36798 36799 36800 36801 36802 36803 <a href="https://feber.se/samhalle/nu-borjar-det-randiga-flygbolaget-flyga-till-arlanda/496454/"> 36804 <f-basic-header> 36805 <f-basic-headline> 36806 <b>Nu börjar det randiga flygbolaget flyga till Arlanda</b> 36807 </f-basic-headline> 36808 <f-basic-preamble> 36809 Condor kommer! 36810 </f-basic-preamble> 36811 </f-basic-header> 36812 </a> 36813 36814 36815 <f-basic-body> 36816 <a class="" data-artid="496454" data-title="Nu börjar det randiga flygbolaget flyga till Arlanda. Condor kommer! | Feber / Samhälle" href="https://feber.se/samhalle/nu-borjar-det-randiga-flygbolaget-flyga-till-arlanda/496454/"> 36817 Om man hänger pÃ¥ Frankfurts flygplats, vilket jag gör en del, ser man en massa randig flygplan. De är roliga och tillhör bolaget Condor. Bolaget var tidigare en del av Thomas Co
36817ok, men fick stÃ¥ pÃ¥ egna ben efter att Thomas Cook gick i konkurs 2019. Bolaget fokuserar pÃ¥ semesterresor och flyger bland annat till närmare resmÃ¥l som Kanarieöarna, Spanien, Grekland och vidare. Men man flyger även en hel del lÃ¥ngdistans till ställen som Karibien, USA, Mexiko och Centralamerika. Nu berättar man att man kommer att öppna upp en ny linje till Sverige och flyga mellan Frankfurt och Stockholm tvÃ¥ gÃ¥nger om dagen. Det betyder att svenskar fÃ¥r tillgÃ¥ng till Condors lite udda men roliga nätverk. Flygningarna startar den 13 maj 2027. 36818 </a> 36819 </f-basic-body> 36820 36821 36822 <f-basic-media> 36823 <f-basic-mediawrapper> 36824 <a class="" data-artid="496454" data-title="Nu börjar det randiga flygbolaget flyga till Arlanda. Condor kommer! | Feber / Samhälle" href="https://feber.se/samhalle/nu-borjar-det-randiga-flygbolaget-flyga-till-arlanda/496454/"><img src="https://static.feber.se/article_images/66/80/22/668022_440.jpg" loading="lazy" alt="Tumnagel" /></a> 36825 36826 <f-basic-tagline data-tempstatus=""> 36827 36828 36829 36830 36831 36832 36833 36834 36835 36836 36837 36838 36839 36840 36841 36842 36843 36844 36845 36846 36847<!-- Temptype degrees --> 36848 36849 36850 36851 36852 36853 36854 36855 36856 36857 36858 36859<!-- IDNAME 191 - Feber / Samhälle - Feber --> 36860 36861 36862 36863 36864 <div class="temp BG" id="ikon_thumbs_496454"> 36865 36866 38.9° 36867 36868 </div> 36869 36870 36871 36872 36873 36874 36875 <f-bubble id="commentCounter496454" class="disqus-comment-count" data-disqus-url="https://feber.se/496454/" data-sheeturl="/disqus/496454/?inline=true&showheader=true" onClick="loadComments('#showDisqus496454','/disqus/496454/?inline=true');">0</f-bubble> 36876 <!--<a href="http://feber.se/496454/#commentsContainer"></a>--> 36877 36878 36879 36880 </f-basic-tagline> 36881 36882 </f-mediawrapper> 36883 36884 </f-basic-media> 36885 36886</f-basic> 36887 36888 36889 36890 36891 36892 36893 36894 36895 36896 36897 36898 36899 36900 36901 36902 36903 36904 36905 36906 36907 36908 36909 36910 36911 36912 36913 36914 36915 36916 36917 36918 36919 36920 36921 36922 36923 36924 36925 36926 36927 36928 36929 36930 36931 36932 36933 36934 36935 36936 36937 36938 36939 36940 36941 36942 36943 36944 36945 36946 36947 36948 36949 36950 36951 36952 36953 36954 36955 36956 36957 36958 36959 36960 36961 36962 36963 36964 36965 36966 36967 36968 36969 36970 36971 36972 36973 36974 36975 36976 36977<f-basic id="ArticleBasic_496506" 36978 data-id="496506" 36979 data-temp="375" 36980 data-tempstatus=normal 36981 data-basicsite="feber" 36982 36983 36984 class=" feber" 36985 > 36986 36987 36988 36989 36990 36991 <a href="https://feber.se/pryl/meta-visar-upp-vr-glasogonen-meta-vr-glasses/496506/"> 36992 <f-basic-header> 36993 <f-basic-headline> 36994 <b>Meta visar upp VR-glasögonen Meta VR Glasses</b> 36995 </f-basic-headline> 36996 <f-basic-preamble> 36997 Ãr det här framtiden för VR? 36998 </f-basic-preamble> 36999 </f-basic-header> 37000 </a> 37001 37002 37003 <f-basic-body> 37004 <a class="" data-artid="496506" data-title="Meta visar upp VR-glasögonen Meta VR Glasses. Ãr det här framtiden för VR? | Feber / Pryl" href="https://feber.se/pryl/meta-visar-upp-vr-glasogonen-meta-vr-glasses/496506/"> 37005 Inför Metas utvecklarkonferens Meta Connect har det ryktats om att Meta skulle presentera ett lite mindre otympligt VR-headset, och dessa rykten visade sig stämma. Under nattens presentation pÃ¥ Meta Connect visade man upp Meta VR Glasses, vilka mer pÃ¥minner om ett par glasögon än ett traditionellt VR-headset. Meta VR Glasses har ett externt batteri och de är försedda med interna och externa kameror som kan registrera användarens ögon- och handrörelser. Det kommer att gÃ¥ att ta del av VR-appar som finns till Meta Quest och det kommer även att släppas 75 spel som gÃ¥r att styra direkt med händerna. Det kommer även att bli möjligt att titta pÃ¥ tv och film i jätteformat samt koppla dem till en dator om man vill arbeta med applikationer. Glasögonen drivs av Qualcomms nya Snapdragon Reality Elite XR2 Gen 3-processor och är försedda med 5K-OLED-skärmar med upplösningen 2412 x 2288 pixlar som har synfält (FoV) pÃ¥ 70 grader. Vidare har de 12GB RAM och 128GB lagringsminne vilket gÃ¥r att utöka med ett microSD-kort. De väger cirka 100 gram, ungefär en femtedel av vikten pÃ¥ Metas VR-headset Quest. Meta planerar att släppa Meta VR Glasses under vÃ¥ren 2027 och de kommer dÃ¥ att kosta 1300 dollar i USA, motsvarande cirka 12.900 kronor. 37006 </a> 37007 </f-basic-body> 37008 37009 37010 <f-basic-media> 37011 <f-basic-mediawrapper> 37012 <a class="" data-artid="496506" data-title="Meta visar upp VR-glasögonen Meta VR Glasses. Ãr det här framtiden för VR? | Feber / Pryl" href="https://feber.se/pryl/meta-visar-upp-vr-glasogonen-meta-vr-glasses/496506/"><img src="https://static.feber.se/article_images/66/80/31/668031_440.jpg" loading="lazy" alt="Tumnagel" /></a> 37013 37014 <f-basic-tagline data-tempstatus=""> 37015 37016 37017 37018 37019 37020 37021 37022 37023 37024 37025 37026 37027 37028 37029 37030 37031 37032 37033 37034 37035<!-- Temptype degrees --> 37036 37037 37038 37039 37040 37041 37042 37043 37044 37045 37046 37047<!-- IDNAME 1 - Feber / Pryl - Feber --> 37048 37049 37050 37051 37052 <div class="temp BG" id="ikon_thumbs_496506"> 37053 37054 37.5° 37055 37056 </div> 37057 37058 37059 37060 37061 37062 37063 <f-bubble id="commentCounter496506" class="disqus-comment-count" data-disqus-url="https://feber.se/496506/" data-sheeturl="/disqus/496506/?inline=true&showheader=true" onClick="loadComments('#showDisqus496506','/disqus/496506/?inline=true');">0</f-bubble> 37064 <!--<a href="http://feber.se/496506/#commentsContainer"></a>--> 37065 37066 37067 37068 </f-basic-tagline> 37069 37070 </f-mediawrapper> 37071 37072 </f-basic-media> 37073 37074</f-basic> 37075 37076 37077 37078 37079 37080 37081 37082 37083 37084 37085 37086 37087 37088 37089 37090 37091 37092 37093 37094 37095 37096 37097 37098 37099 37100 37101 37102 37103 37104 37105 37106 37107 37108 37109 37110 37111 37112 37113 37114 37115 37116 37117 37118 37119 37120 37121 37122 37123 37124 37125 37126 37127 37128 37129 37130 37131 37132 37133 37134 37135 37136 37137 37138 37139 37140 37141 37142 37143 37144 37145 37146 37147 37148 37149 37150 37151 37152 37153 37154 37155 37156 37157 37158 37159 37160 37161 37162 37163 37164 37165<f-basic id="ArticleBasic_496497" 37166 data-id="496497" 37167 data-temp="402" 37168 data-tempstatus=normal 37169 data-basicsite="feber" 37170 37171 37172 class=" feber" 37173 > 37174 37175 37176 37177 37178 37179 <a href="https://feber.se/bil/id-buzz-cargo-kommer-i-langre-version/496497/"> 37180 <f-basic-header> 37181 <f-basic-headline> 37182 <b>ID. Buzz Cargo kommer i längre version</b> 37183 </f-basic-headline> 37184 <f-basic-preamble> 37185 25 centimeter längre hjulbas 37186 </f-basic-preamble> 37187 </f-basic-header> 37188 </a> 37189 37190 37191 <f-basic-body> 37192 <a class="" data-artid="496497" data-title="ID. Buzz Cargo kommer i längre version. 25 centimeter längre hjulbas | Feber / Bil" href="https://feber.se/bil/id-buzz-cargo-kommer-i-langre-version/496497/"> 37193 Den variant av ID. Buzz som fraktar människor finns ju i tvÃ¥ versioner, en lÃ¥ng och en kort. Nu växer även ID. Buzz Cargo till sig med en längre version. 25 centimeter längre hjulbas fÃ¥r den nya modellen, vilket gör att lastvolymen ökar till 4,4 kubikmeter, vilket är en halv kubikmeter mer än den korta versionen. Den bakhjulsdrivna versionen fÃ¥r lasta 700 kg och den fyrhjulsdrivna versionen 606 kg. Den lÃ¥nga versionen kommer med dubbla skjutdörrar som standard och öppningen är 19 centimeter bredare än den korta versionen, enklare att lasta in saker i med andra ord. Precis som den korta kan man välja att fÃ¥ denna med tvÃ¥ eller tre sittplatser där fram. 37194 </a> 37195 </f-basic-body> 37196 37197 37198 <f-basic-media> 37199 <f-basic-mediawrapper> 37200 <a class="" data-artid="496497" data-title="ID. Buzz Cargo kommer i längre version. 25 centimeter längre hjulbas | Feber / Bil" href="https://feber.se/bil/id-buzz-cargo-kommer-i-langre-version/496497/"><img src="https://static.feber.se/article_images/66/80/20/668020_440.jpg" loading="lazy" alt="Tumnagel" /></a> 37201 37202 <f-basic-tagline data-tempstatus=""> 37203 37204 37205 37206 37207 37208 37209 37210 37211 37212 37213 37214 37215 37216 37217 37218 37219 37220 37221 37222 37223<!-- Temptype degrees --> 37224 37225 37226 37227 37228 37229 37230 37231 37232 37233 37234 37235<!-- IDNAME 6 - Feber / Bil - Feber --> 37236 37237 37238 37239 37240 <div class="temp BG" id="ikon_thumbs_496497"> 37241 37242 40.2° 37243 37244 </div> 37245 37246 37247 37248 37249 37250 37251 <f-bubble id="commentCounter496497" class="disqus-comment-count" data-disqus-url="https://feber.se/496497/" data-sheeturl="/disqus/496497/?inline=true&showheader=true" onClick="loadComments('#showDisqus496497','/disqus/496497/?inline=true');">0</f-bubble> 37252 <!--<a href="http://feber.se/496497/#commentsContainer"></a>--> 37253 37254 37255 37256 </f-basic-tagline> 37257 37258 </f-mediawrapper> 37259 37260 </f-basic-media> 37261 37262</f-basic> 37263 37264 37265 37266 37267 37268 37269 37270 37271 37272 37273 37274 37275 37276 37277 37278 37279 37280 37281 37282 37283 37284 37285 37286 37287 37288 37289 37290 37291 37292 37293 37294 37295 37296 37297 37298 37299 37300 37301 37302 37303 37304 37305 37306 37307 37308 37309 37310 37311 37312 37313 37314 37315 37316 37317 37318 37319 37320 37321 37322 37323 37324 37325 37326 37327 37328 37329 37330 37331 37332 37333 37334 37335 37336 37337 37338 37339 37340 37341 37342 37343 37344 37345 37346 37347 37348 37349 37350 37351 37352 37353<f-basic id="ArticleBasic_496505" 37354 data-id="496505" 37355 data-temp="304" 37356 data-tempstatus=cold 37357 data-basicsite="feber" 37358 37359 37360 class=" feber" 37361 > 37362 37363 37364 37365 37366 37367 <a href="https://feber.se/mobil/meta-lanserar-smarta-glasogon-utan-kamera/496505/"> 37368 <f-basic-header> 37369 <f-basic-headline> 37370 <b>Meta lanserar smarta glasögon utan kamera</b> 37371 </f-basic-headline> 37372 <f-basic-preamble> 37373 Tillsammans med Ray-Ban 37374 </f-basic-preamble> 37375 </f-basic-header> 37376 </a> 37377 37378 37379 <f-basic-body> 37380 <a class="" data-artid="496505" data-title="Meta lanserar smarta glasögon utan kamera. Tillsammans med Ray-Ban | Feber / Mobil" href="https://feber.se/mobil/meta-lanserar-smarta-glasogon-utan-kamera/496505/"> 37381 Precis som det tidigare ryktats om släpper Meta nu smarta glasögon utan kameror, nÃ¥got som kanske kan vara intressant för dem som tycker att glasögon med inbyggda kameror är integritetskränkande. Metas nya kameralösa glasögon lanseras tillsammans med Ray-Ban och kallas för Ray-Ban Meta Audio. Glasögonen har inbyggda mikrofoner och högtalare som används för att kommunicera med med Metas AI-assistent Meta AI. Det gÃ¥r även att använda glasögonen för att ta emot telefonsamtal samt lyssna pÃ¥ musik eller annat. Ray-Ban Meta Audio släpps initialt i modellerna Burbank och Clubmaster. De finns tillgängliga i en handfull olika utföranden och priserna ligger pÃ¥ cirka 4240-5220 kronor. De gÃ¥r att förbeställa nu och leveranserna ska dra igÃ¥ng den 16 oktober. 37382 </a> 37383 </f-basic-body> 37384 37385 37386 <f-basic-media> 37387 <f-basic-mediawrapper> 37388 <a class="" data-artid="496505" data-title="Meta lanserar smarta glasögon utan kamera. Tillsammans med Ray-Ban | Feber / Mobil" href="https://feber.se/mobil/meta-lanserar-smarta-glasogon-utan-kamera/496505/"><img src="https://static.feber.se/article_images/66/80/26/668026_440.jpg" loading="lazy" alt="Tumnagel" /></a> 37389 37390 <f-basic-tagline data-tempstatus=""> 37391 37392 37393 37394 37395 37396 37397 37398 37399 37400 37401 37402 37403 37404 37405 37406 37407 37408 37409 37410 37411<!-- Temptype degrees --> 37412 37413 37414 37415 37416 37417 37418 37419 37420 37421 37422 37423<!-- IDNAME 27 - Feber / Mobil - Feber --> 37424 37425 37426 37427 37428 <div class="temp febercoldBG" id="ikon_thumbs_496505"> 37429 37430 30.4° 37431 37432 </div> 37433 37434 37435 37436 37437 37438 37439 <f-bubble id="commentCounter496505" class="disqus-comment-count" data-disqus-url="https://feber.se/496505/" data-sheeturl="/disqus/496505/?inline=true&showheader=true" onClick="loadComments('#showDisqus496505','/disqus/496505/?inline=true');">0</f-bubble> 37440 <!--<a href="http://feber.se/496505/#commentsContainer"></a>--> 37441 37442 37443 37444 </f-basic-tagline> 37445 37446 </f-mediawrapper> 37447 37448 </f-basic-media> 37449 37450</f-basic> 37451 37452 37453 37454 37455 37456 37457 37458 37459 37460 37461 37462 37463 37464 37465 37466 37467 37468 37469 37470 37471 37472 37473 37474 37475 37476 37477 37478 37479 37480 37481 37482 37483 37484 37485 37486 37487 37488 37489 37490 37491 37492 37493 37494 37495 37496 37497 37498 37499 37500 37501 37502 37503 37504 37505 37506 37507 37508 37509 37510 37511 37512 37513 37514 37515 37516 37517 37518 37519 37520 37521 37522 37523 37524 37525 37526 37527 37528 37529 37530 37531 37532 37533 37534 37535 37536 37537 37538 37539 37540 37541<f-basic id="ArticleBasic_496500" 37542 data-id="496500" 37543 data-temp="376" 37544 data-tempstatus=normal 37545 data-basicsite="feber" 37546 37547 37548 class=" feber" 37549 > 37550 37551 37552 37553 37554
37555 <a href="https://feber.se/mobil/hur-manga-bilder-har-du-i-telefonen/496500/"> 37556 <f-basic-header> 37557 <f-basic-headline> 37558 <b>Hur mÃ¥nga bilder har du i telefonen?</b> 37559 </f-basic-headline> 37560 <f-basic-preamble> 37561 Kvinnor har nästan dubbelt sÃ¥ mÃ¥nga som män 37562 </f-basic-preamble> 37563 </f-basic-header> 37564 </a> 37565 37566 37567 <f-basic-body> 37568 <a class="" data-artid="496500" data-title="Hur mÃ¥nga bilder har du i telefonen? Kvinnor har nästan dubbelt sÃ¥ mÃ¥nga som män | Feber / Mobil" href="https://feber.se/mobil/hur-manga-bilder-har-du-i-telefonen/496500/"> 37569 Refurbed har gjort en ny undersökning och den visar att svenskarna i genomsnitt har 10.000 bilder sparade i telefonen. 23 procent har fler än sÃ¥, och kvinnor har i snitt nästan dubbelt sÃ¥ mÃ¥nga bilder sparade som män. Snittet för männen ligger pÃ¥ 7100 medan snittet för kvinnorna ligger pÃ¥ 12.900. Yngre personer har oftare betydligt fler bilder än äldre. Antalet minskar kraftigt frÃ¥n 55 Ã¥r och uppÃ¥t och personer över 66 Ã¥r har ofta färre än 1000 bilder i telefonen. Var tionde svensk har över 30.000 bilder och runt fyra procent över 60.000. 37570 </a> 37571 </f-basic-body> 37572 37573 37574 <f-basic-media> 37575 <f-basic-mediawrapper> 37576 <a class="" data-artid="496500" data-title="Hur mÃ¥nga bilder har du i telefonen? Kvinnor har nästan dubbelt sÃ¥ mÃ¥nga som män | Feber / Mobil" href="https://feber.se/mobil/hur-manga-bilder-har-du-i-telefonen/496500/"><img src="https://static.feber.se/article_images/66/80/23/668023_440.jpg" loading="lazy" alt="Tumnagel" /></a> 37577 37578 <f-basic-tagline data-tempstatus=""> 37579 37580 37581 37582 37583 37584 37585 37586 37587 37588 37589 37590 37591 37592 37593 37594 37595 37596 37597 37598 37599<!-- Temptype degrees --> 37600 37601 37602 37603 37604 37605 37606 37607 37608 37609 37610 37611<!-- IDNAME 27 - Feber / Mobil - Feber --> 37612 37613 37614 37615 37616 <div class="temp BG" id="ikon_thumbs_496500"> 37617 37618 37.6° 37619 37620 </div> 37621 37622 37623 37624 37625 37626 37627 <f-bubble id="commentCounter496500" class="disqus-comment-count" data-disqus-url="https://feber.se/496500/" data-sheeturl="/disqus/496500/?inline=true&showheader=true" onClick="loadComments('#showDisqus496500','/disqus/496500/?inline=true');">0</f-bubble> 37628 <!--<a href="http://feber.se/496500/#commentsContainer"></a>--> 37629 37630 37631 37632 </f-basic-tagline> 37633 37634 </f-mediawrapper> 37635 37636 </f-basic-media> 37637 37638</f-basic> 37639 37640 37641 37642 37643 37644 37645 37646 37647 37648 37649 37650 37651 37652 37653 37654 37655 37656 37657 37658 37659 37660 37661 37662 37663 37664 37665 37666 37667 37668 37669 37670 37671 37672 37673 37674 37675 37676 37677 37678 37679 37680 37681 37682 37683 37684 37685 37686 37687 37688 37689 37690 37691 37692 37693 37694 37695 37696 37697 37698 37699 37700 37701 37702 37703 37704 37705 37706 37707 37708 37709 37710 37711 37712 37713 37714 37715 37716 37717 37718 37719 37720 37721 37722 37723 37724 37725 37726 37727 37728 37729<f-basic id="ArticleBasic_496495" 37730 data-id="496495" 37731 data-temp="441" 37732 data-tempstatus=hot 37733 data-basicsite="feber" 37734 37735 37736 class=" feber" 37737 > 37738 37739 37740 37741 37742 37743 <a href="https://feber.se/pc/snapdragon-x2-far-stod-for-linux/496495/"> 37744 <f-basic-header> 37745 <f-basic-headline> 37746 <b>Snapdragon X2 fÃ¥r stöd för Linux</b> 37747 </f-basic-headline> 37748 <f-basic-preamble> 37749 Kör Debian och Ubuntu pÃ¥ ARM 37750 </f-basic-preamble> 37751 </f-basic-header> 37752 </a> 37753 37754 37755 <f-basic-body> 37756 <a class="" data-artid="496495" data-title="Snapdragon X2 fÃ¥r stöd för Linux. Kör Debian och Ubuntu pÃ¥ ARM | Feber / PC" href="https://feber.se/pc/snapdragon-x2-far-stod-for-linux/496495/"> 37757 Om du är en Linux-fanboy och vill kunna köra Debian eller Ubuntu pÃ¥ en ARM-baserad maskin har vi glada nyheter! Qualcomm berättade nämligen idag att deras Snapdragon X2-processorer kommer att fÃ¥ stöd för Linux. Först ut är Debian, men även Ubuntu är med pÃ¥ tÃ¥get och arbetar pÃ¥ att bli certifierade för plattformen, som just nu är i en ti
37757dig utvecklarversion. Planen verkar vara att fÃ¥ till bra stöd för chipets alla funktioner och fÃ¥ in dessa i Linux-kärnan, istället för att lappa ovanpÃ¥ med extra drivrutiner eller vad det nu kan vara. PÃ¥ sÃ¥ sätt hoppas man kunna fÃ¥ snabbare stöd för nya distar av Linux. Man börjar med Debian 13. En första milstolpe kommer i november och fortsätter sedan in i 2027. En gissning är att man kommer att lansera nÃ¥got nästa höst. Läs mer nördiga detaljer pÃ¥ länken nedan! Transparens: Qualcomm har betalat resa och boende till Snapdragon Summit. 37758 </a> 37759 </f-basic-body> 37760 37761 37762 <f-basic-media> 37763 <f-basic-mediawrapper> 37764 <a class="" data-artid="496495" data-title="Snapdragon X2 fÃ¥r stöd för Linux. Kör Debian och Ubuntu pÃ¥ ARM | Feber / PC" href="https://feber.se/pc/snapdragon-x2-far-stod-for-linux/496495/"><img src="https://static.feber.se/article_images/66/80/15/668015_440.jpg" loading="lazy" alt="Tumnagel" /></a> 37765 37766 <f-basic-tagline data-tempstatus=""> 37767 37768 37769 37770 37771 37772 37773 37774 37775 37776 37777 37778 37779 37780 37781 37782 37783 37784 37785 37786 37787<!-- Temptype degrees --> 37788 37789 37790 37791 37792 37793 37794 37795 37796 37797 37798 37799<!-- IDNAME 16 - Feber / PC - Feber --> 37800 37801 37802 37803 37804 <div class="temp feberhotBG" id="ikon_thumbs_496495"> 37805 37806 44.1° 37807 37808 </div> 37809 37810 37811 37812 37813 37814 37815 <f-bubble id="commentCounter496495" class="disqus-comment-count" data-disqus-url="https://feber.se/496495/" data-sheeturl="/disqus/496495/?inline=true&showheader=true" onClick="loadComments('#showDisqus496495','/disqus/496495/?inline=true');">0</f-bubble> 37816 <!--<a href="http://feber.se/496495/#commentsContainer"></a>--> 37817 37818 37819 37820 </f-basic-tagline> 37821 37822 </f-mediawrapper> 37823 37824 </f-basic-media> 37825 37826</f-basic> 37827 37828 37829 37830 37831 37832 37833 37834 37835 37836 37837 37838 37839 37840 37841 37842 37843 37844 37845 37846 37847 37848 37849 37850 37851 37852 37853 37854 37855 37856 37857 37858 37859 37860 37861 37862 37863 37864 37865 37866 37867 37868 37869 37870 37871 37872 37873 37874 37875 37876 37877 37878 37879 37880 37881 37882 37883 37884 37885 37886 37887 37888 37889 37890 37891 37892 37893 37894 37895 37896 37897 37898 37899 37900 37901 37902 37903 37904 37905 37906 37907 37908 37909 37910 37911 37912 37913 37914 37915 37916 37917<f-basic id="ArticleBasic_496496" 37918 data-id="496496" 37919 data-temp="341" 37920 data-tempstatus=normal 37921 data-basicsite="feber" 37922 37923 37924 class=" feber" 37925 > 37926 37927 37928 37929 37930 37931 <a href="https://feber.se/pc/manchester-united-fans-far-specialutgava-av-surface-laptop/496496/"> 37932 <f-basic-header> 37933 <f-basic-headline> 37934 <b>Manchester United-fans fÃ¥r specialutgÃ¥va av Surface Laptop</b> 37935 </f-basic-headline> 37936 <f-basic-preamble> 37937 SÃ¥ gör du för att vinna den! 37938 </f-basic-preamble> 37939 </f-basic-header> 37940 </a> 37941 37942 37943 <f-basic-body> 37944 <a class="" data-artid="496496" data-title="Manchester United-fans fÃ¥r specialutgÃ¥va av Surface Laptop. SÃ¥ gör du för att vinna den! | Feber / PC" href="https://feber.se/pc/manchester-united-fans-far-specialutgava-av-surface-laptop/496496/"> 37945 Snapdragon är sponsorer av fotbollsklubben Manchester United och har sin logga pÃ¥ lagets tröjor. Nu fÃ¥r man sällskap av kompisen Microsoft, som sätter sin Surface-logga pÃ¥ ryggen pÃ¥ tröjorna. För att fira detta har man tagit fram en specialutgÃ¥va av Surface Laptop med Manchester United-logga pÃ¥ baksidan och Snapdragon-logga vid tangentbordet. Maskinen har X2 Elite pÃ¥ insidan, 16 GB RAM och 512 GB SSD. Tangentbordet är sÃ¥klart i engelsk layout. Det enda sättet att fÃ¥ tag pÃ¥ denna verkar vara att vinna den, och det gör man genom att fylla i formuläret nedan. Transparens: Qualcomm har betalat resa och boende till Snapdragon Summit. 37946 </a> 37947 </f-basic-body> 37948 37949 37950 <f-basic-media> 37951 <f-basic-mediawrapper> 37952 <a class="" data-artid="496496" data-title="Manchester United-fans fÃ¥r specialutgÃ¥va av Surface Laptop. SÃ¥ gör du för att vinna den! | Feber / PC" href="https://feber.se/pc/manchester-united-fans-far-specialutgava-av-surface-laptop/496496/"><img src="https://static.feber.se/article_images/66/80/08/668008_440.jpg" loading="lazy" alt="Tumnagel" /></a> 37953 37954 <f-basic-tagline data-tempstatus=""> 37955 37956 37957 37958 37959 37960 37961 37962 37963 37964 37965 37966 37967 37968 37969 37970 37971 37972 37973 37974 37975<!-- Temptype degrees --> 37976 37977 37978 37979 37980 37981 37982 37983 37984 37985 37986 37987<!-- IDNAME 16 - Feber / PC - Feber --> 37988 37989 37990 37991 37992 <div class="temp BG" id="ikon_thumbs_496496"> 37993 37994 34.1° 37995 37996 </div> 37997 37998 37999 38000 38001 38002 38003 <f-bubble id="commentCounter496496" class="disqus-comment-count" data-disqus-url="https://feber.se/496496/" data-sheeturl="/disqus/496496/?inline=true&showheader=true" onClick="loadComments('#showDisqus496496','/disqus/496496/?inline=true');">0</f-bubble> 38004 <!--<a href="http://feber.se/496496/#commentsContainer"></a>--> 38005 38006 38007 38008 </f-basic-tagline> 38009 38010 </f-mediawrapper> 38011 38012 </f-basic-media> 38013 38014</f-basic> 38015 38016 38017 38018 38019 38020 38021 38022 38023 38024 38025 38026 38027 38028 38029 38030 38031 38032 38033 38034 38035 38036 38037 38038 38039 38040 38041 38042 38043 38044 38045 38046 38047 38048 38049 38050 38051 38052 38053 38054 38055 38056 38057 38058 38059 38060 38061 38062 38063 38064 38065 38066 38067 38068 38069 38070 38071 38072 38073 38074 38075 38076 38077 38078 38079 38080 38081 38082 38083 38084 38085 38086 38087 38088 38089 38090 38091 38092 38093 38094 38095 38096 38097 38098 38099 38100 38101 38102 38103 38104 38105<f-basic id="ArticleBasic_496494" 38106 data-id="496494" 38107 data-temp="429" 38108 data-tempstatus=hot 38109 data-basicsite="feber" 38110 data-feature="true" 38111 38112 class=" feber" 38113 > 38114 38115 38116 38117 38118 38119 <a href="https://feber.se/pc/microsofts-nya-mus-ger-haptisk-feedback/496494/"> 38120 <f-basic-header> 38121 <f-basic-headline> 38122 <b>Microsofts nya mus ger haptisk feedback</b> 38123 </f-basic-headline> 38124 <f-basic-preamble> 38125 Vi har känt pÃ¥ den! 38126 </f-basic-preamble> 38127 </f-basic-header> 38128 </a> 38129 38130 38131 <f-basic-body> 38132 <a class="" data-artid="496494" data-title="Microsofts nya mus ger haptisk feedback. Vi har känt pÃ¥ den! | Feber / PC" href="https://feber.se/pc/microsofts-nya-mus-ger-haptisk-feedback/496494/"> 38133 Den trevligaste nyheten frÃ¥n Microsoft under Snapdragon Summit kan vara nya Surface Mouse. Den lilla rackaren kommer i tvÃ¥ färger och har ett litet trick som kanske kan uppskattas. Men vi börjar med formen, som jag tycker ska uppskattas i sin enkelhet. Som användare av Logitech MX Master är jag van vid högre möss, men känslan i Surface Mouse är bra. Förutom själva formen är gummiytan pÃ¥ musen extremt mysig att röra och bÃ¥de hjulet och den inställbara knappen framför hjulet har bra känsla och de är i metall. Själva knapparna är fysiska sÃ¥dana, jag trodde först att den haptiska feedbacken var fokuserad kring dessa. Men de är alltsÃ¥ helt vanliga knappar som ligger under gummit. Den haptiska feedbacken sker istället när man använder musen. Det kan handla om att du drar ett fönster sÃ¥ att det ska fästa vid vänsterkanten pÃ¥ skärmen och när det kommer pÃ¥ plats fÃ¥r du feedback. Eller att du drar i ett inst
38133ällningshjul och fÃ¥r feedback vid varje steg. Stödet ska finnas i Windows och Microsoft sa pÃ¥ plats att det kommer stöd i flertalet appar ocksÃ¥. Prislappen ligger pÃ¥ 80 dollar och man börjar sälja musen den 13 oktober pÃ¥ utvalda marknader. 38134 </a> 38135 </f-basic-body> 38136 38137 38138 <f-basic-media> 38139 <f-basic-mediawrapper> 38140 <a class="" data-artid="496494" data-title="Microsofts nya mus ger haptisk feedback. Vi har känt pÃ¥ den! | Feber / PC" href="https://feber.se/pc/microsofts-nya-mus-ger-haptisk-feedback/496494/"><img src="https://static.feber.se/article_images/66/79/99/667999_440.jpg" loading="lazy" alt="Tumnagel" /></a> 38141 38142 <f-basic-tagline data-tempstatus=""> 38143 38144 38145 38146 38147 38148 38149 38150 38151 38152 38153 38154 38155 38156 38157 38158 38159 38160 38161 38162 38163<!-- Temptype degrees --> 38164 38165 38166 38167 38168 38169 38170 38171 38172 38173 38174 38175<!-- IDNAME 16 - Feber / PC - Feber --> 38176 38177 38178 38179 38180 <div class="temp feberhotBG" id="ikon_thumbs_496494"> 38181 38182 42.9° 38183 38184 </div> 38185 38186 38187 38188 38189 38190 38191 <f-bubble id="commentCounter496494" class="disqus-comment-count" data-disqus-url="https://feber.se/496494/" data-sheeturl="/disqus/496494/?inline=true&showheader=true" onClick="loadComments('#showDisqus496494','/disqus/496494/?inline=true');">0</f-bubble> 38192 <!--<a href="http://feber.se/496494/#commentsContainer"></a>--> 38193 38194 38195 38196 </f-basic-tagline> 38197 38198 </f-mediawrapper> 38199 38200 </f-basic-media> 38201 38202</f-basic> 38203 38204 38205 38206 38207 38208 38209 38210 38211 38212 38213 38214 38215 38216 38217 38218 38219 38220 38221 38222 38223 38224<!-- end cacheKey = day-today-#sites@1,2,4,5,6,9,12,13,16,27,48,58,61,62,65,67,100,104,118,127,139,191,198,212,213,148,152,153,154,155,156,157,159#count@160#start@0#categories@#statuses@1# --> 38225 </f-basic-container-thumbs> 38226 38227 38228 38229 38230 38231 38232 38233 38234 38235 38236 38237 38238 38239 38240 38241<svg style="display: none;"> 38242 <symbol id="YouTube_Icon_Player" viewBox="0 0 1024 721"> 38243 <path fill="white" class="ytIconTriangle" id="Triangle" d="M407,493l276-143L407,206V493z"/> 38244 <g id="Lozenge"> 38245 <g> 38246 <path fill="red" class="ytIconRectangle" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3 h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5 C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3 s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5 C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"/> 38247 </g> 38248 </g> 38249 </symbol> 38250</svg> 38251 38252 38253<!-- SITENAME Feber --> 38254 38255 38256 38257 38258 38259<style> 38260 38261 f-footer-spons { 38262 display: flex; flex-direction: column; padding: 30px; background-color: rgba(255,255,255,0.05); width: calc(var(--f-article-width) - 60px); margin: var(--f-margins); max-width: calc(var(--f-article-maxwidth) - 60px); 38263 color: #aaa; 38264 } 38265 38266 f-footer-spons b { 38267 font-family: var(--f-suisse-semibold); font-weight: 300; 38268 } 38269 38270 f-footer-spons a { 38271 font-family: var(--f-suisse-semibold); font-weight: 300; color: #ccc; 38272 } 38273 38274 f-footer { 38275 display: flex; flex-direction: column; padding: 30px; background-color: rgba(0,0,0,0.3); width: calc(var(--f-article-width) - 60px); margin: var(--f-margins); max-width: calc(var(--f-article-maxwidth) - 60px); margin-bottom: -50px; 38276 } 38277 38278 f-footer-logo { 38279 margin-bottom: 20px; 38280 } 38281 38282 f-footer-link-container { 38283 display: flex; gap: 20px; justify-content: space-between; 38284 } 38285 38286 f-footer-links { 38287 display: flex; 38288 flex-direction: column; 38289 color: white; 38290 font-size: 15px; 38291 line-height: 20px; 38292 } 38293 38294 f-footer-links b { 38295 font-family: SuisseSemiBold; 38296 } 38297 38298 f-footer-links a { 38299 color: #777; 38300 } 38301 38302f-footer-links a:hover { 38303 color: #bbb; 38304} 38305 38306@media only screen and (max-width: 980px) { 38307 38308 f-footer svg { 38309 width: 40px; 38310 height: 27px; 38311 } 38312 f-footer-link-container { 38313 flex-direction: column; 38314 gap: 10px; 38315 38316 } 38317 38318 f-footer-links { 38319 flex-direction: row; 38320 flex-wrap: wrap; 38321 gap: 10px; 38322 font-size: 13px; 38323 line-height: 17px; 38324 row-gap: 0px; 38325 } 38326} 38327 38328 38329</style> 38330 38331 38332 38333 38334 38335 38336 38337 38338 38339 38340 38341 38342 38343 38344 38345 38346 38347 38348 38349 38350 38351 38352 38353 38354 38355 38356 38357 38358 38359 38360 38361 38362
38362<script id="dsq-count-scr" src="//feber.disqus.com/count.js" async></script>
38362 38363 38364 38365 38366 38367 38368 38369 38370 38371 38372 38373 38374 38375 38376 38377 38378 38379 38380 38381 38382 38383 38384 38385 38386 38387 38388 38389 38390 38391 38392 38393 38394 38395 38396 38397 38398 38399 38400 38401 38402 38403
38403<script> 38404 window.nativesFrontPageOne = window.nativesFrontPageOne || {}; 38405 38406 function addtonativesFrontPageOne(articleId, frequency) { 38407 window.nativesFrontPageOne[articleId] = frequency; 38408 } 38409 38410 window.nativesFrontPageOneArray = window.nativesFrontPageOneArray || []; 38411 let nativesFrontPageOne = window.nativesFrontPageOne; 38412 let nativesFrontPageOneArray = window.nativesFrontPageOneArray; 38413 38414 function addtonativesFrontPageOneArray(articleId, frequency) { 38415 window.nativesFrontPageOneArray.push({ articleId, frequency }); 38416 } 38417 </script>
38417 38418 38419 38420 38421 38422 38423 38424 38425 38426 38427 38428 38429 38430 38431 38432 38433 38434 38435 38436 38437 38438 38439 38440 38441 38442 38443 38444
38444<script> 38445 addtonativesFrontPageOne('495941', 1); 38446 addtonativesFrontPageOneArray('495941', 1); 38447 //console.log('Nu la vi till 495941 - Lanseringserbjudande på Huawei Watch GT 7 Pro - i nativesFrontPageOneArray'); 38448 </script>
38448 38449 38450 38451 38452 38453 38454 38455 38456 38457 38458 38459 38460 38461 38462 38463 38464 38465 38466 38467 38468 38469 38470 38471 38472
38472<script> 38473 addtonativesFrontPageOne('495068', 1); 38474 addtonativesFrontPageOneArray('495068', 1); 38475 //console.log('Nu la vi till 495068 - Midnattssol, fjordar, fjäll och framtidens folkelbilar - i nativesFrontPageOneArray'); 38476 </script>
38476 38477 38478 38479 38480 38481 38482
38482<script> 38483 //console.log('nativesFrontPageOne innehÃÂ¥ll:', nativesFrontPageOne); 38484 //console.log('nativesFrontPageOneArray innehÃÂ¥ll:', nativesFrontPageOneArray); 38485 </script>
38485 38486 38487 38488 38489 38490 38491 38492 38493 38494 38495 38496 38497 38498 38499 38500 38501 38502 38503 38504 38505 38506 38507 38508 38509 38510 38511 38512 38513 38514 38515
38515<script> 38516 window.nativesFrontPageTwo = window.nativesFrontPageTwo || {}; 38517 38518 function addtonativesFrontPageTwo(articleId, frequency) { 38519 window.nativesFrontPageTwo[articleId] = frequency; 38520 } 38521 38522 window.nativesFrontPageTwoArray = window.nativesFrontPageTwoArray || []; 38523 let nativesFrontPageTwo = window.nativesFrontPageTwo; 38524 let nativesFrontPageTwoArray = window.nativesFrontPageTwoArray; 38525 38526 function addtonativesFrontPageTwoArray(articleId, frequency) { 38527 window.nativesFrontPageTwoArray.push({ articleId, frequency }); 38528 } 38529 </script>
38529 38530 38531 38532 38533 38534 38535 38536 38537 38538
38538<script> 38539 //console.log('nativesFrontPageTwo innehÃÂ¥ll:', nativesFrontPageTwo); 38540 //console.log('nativesFrontPageTwoArray innehÃÂ¥ll:', nativesFrontPageTwoArray); 38541 </script>
38541 38542 38543 38544 38545 38546 38547 38548 38549 38550 38551 38552 38553 38554 38555 38556 38557 38558 38559 38560 38561 38562 38563 38564 38565 38566 38567 38568 38569 38570 38571
38571<script> 38572 window.nativesFrontPageThree = window.nativesFrontPageThree || {}; 38573 38574 function addtonativesFrontPageThree(articleId, frequency) { 38575 window.nativesFrontPageThree[articleId] = frequency; 38576 } 38577 38578 window.nativesFrontPageThreeArray = window.nativesFrontPageThreeArray || []; 38579 let nativesFrontPageThree = window.nativesFrontPageThree; 38580 let nativesFrontPageThreeArray = window.nativesFrontPageThreeArray; 38581 38582 function addtonativesFrontPageThreeArray(articleId, frequency) { 38583 window.nativesFrontPageThreeArray.push({ articleId, frequency }); 38584 } 38585 </script>
38585 38586 38587 38588 38589 38590 38591 38592 38593 38594
38594<script> 38595 //console.log('nativesFrontPageThree innehÃÂ¥ll:', nativesFrontPageThree); 38596 //console.log('nativesFrontPageThreeArray innehÃÂ¥ll:', nativesFrontPageThreeArray); 38597 </script>
38597 38598 38599 38600 38601 38602 38603 38604 38605 38606 38607 38608
38608<script src="https://scripts.sesamy.com/s/feber/bundle.js" type="text/javascript" defer crossorigin="anonymous"></script>
38608 38609 38610 38611 38612 38613 38614 38615 38616 38617 38618 38619 38620 38621 38622 38623 38624 38625 38626 38627 38628 38629 38630 38631 38632 38633 38634 38635 38636 38637 38638 38639 38640 38641 38642 38643 38644 <style> 38645 f-plus-background, f-plus-offer { opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; } 38646 f-plus-background.visible, f-plus-offer.visible { opacity: 1; visibility: visible; } 38647 38648 f-plus-background { 38649 position: fixed; left: 0px; top: 0px; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); transition: all .2s; 38650 } 38651 f-plus-offer { 38652 z-index: 2001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 38653 display: flex; gap: 20px; flex-direction: column; 38654 width: calc(100% - 60px); max-width: 980px; max-height: calc(100vh - 60px); padding: 20px; 38655 background-color: #fff; overflow: auto; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); 38656 font-family: "SuisseRegular"; font-weight: 300; -webkit-font-smoothing: antialiased; overflow: visible; 38657 } 38658 38659 f-plus-header { 38660 background-color: #333; 38661 display: block; 38662 height: 90px; 38663 } 38664 38665 f-plus-header svg { width: 100%; height: 100%; } 38666 38667 f-plus-offer .row { 38668 display: grid; margin: 0 20px 0px 20px; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding-bottom: 20px; 38669 } 38670 38671 f-plus-offer button { 38672 display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; 38673 width: 100%; height: 50px; padding: 10px; 38674 cursor: pointer; border-radius: 6px; border: 0px; transition: all 0.5s; 38675 background-color: rgba(0,0,0,0.07); 38676 color: rgba(0,0,0,0.5); 38677 font-size: 18px; font-family: "SuisseRegular"; line-height: 20px; -webkit-font-smoothing: antialiased; 38678 } 38679 38680 f-plus-offer button b {
38681 color: rgba(0,0,0,0.9); white-space: nowrap; font-family: SuisseSemiBold; font-weight: 300; 38682 } 38683 38684 f-plus-offer button.selected { 38685 background-color: rgba(0,0,0,0.8); color: rgba(255,255,255,0.6); 38686 } 38687 f-plus-offer button.selected b { color: rgba(255,255,255,1); } 38688 38689 p { margin: 0; } 38690 38691 38692 38693 f-plus-offer #next { color: white; background-color: rgb(255, 69, 0); font-size: 18px; } 38694 38695 f-plus-offer button#next b { color: white; } 38696 38697 f-plus-offer .header { 38698 font-size: 30px; font-family: SuisseLight; font-weight: 300; line-height: 30px; color: rgb(255, 69, 0); 38699 } 38700 38701 f-plus-offer .header b { 38702 white-space: nowrap; font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9); 38703 } 38704 38705 f-plus-offer .text { font-size: 15px; line-height: 20px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; } 38706 f-plus-offer .text b { font-size: 20px; font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9); } 38707 38708 f-plus-offer .line { border-top: 1px solid #e7e7e7; height: 1px; } 38709 38710 f-plus-offer .lineitem { 38711 border-top: 1px solid #e7e7e7; 38712 padding: 12px 15px; 38713 width: calc(33% - 30px); 38714 float: left; 38715 line-height: 24px; 38716 background-color: rgba(0,0,0,0.03); 38717 } 38718 38719 f-plus-offer .lineitem:before { 38720 content: '+'; 38721 font-family: var(--f-suisse-bold); 38722 color: var(--f-hot-color); 38723 font-size: 20px; 38724 display: block; 38725 float: left; 38726 line-height: 20px; 38727 margin-right: 6px; 38728 } 38729 38730 @media screen and (max-width: 600px) { 38731 f-plus-offer .lineitem { 38732 width: calc(100% - 30px); 38733 float: none; 38734 padding: 7px 15px; 38735 } 38736 } 38737 38738 f-plus-offer .lineitem .plus { 38739 font-family: var(--f-suisse-bold); 38740 color: var(--f-hot-color); 38741 font-size: 25px; 38742 } 38743 38744 f-plus-offer i { 38745 color: var(--f-article-text-color); 38746 display: inline-block; 38747 margin: 0px; 38748 padding: 12px 15px; 38749 width: calc(100% - 40px); 38750 font-style: normal; 38751 font-family: var(--f-suisse-regular); 38752 border-left: none; 38753 background-color: var(--f-article-background-inline); 38754 border-radius: 0px; 38755 } 38756 38757 f-plus-offer hr { 38758 background-color: #eee; 38759 } 38760 38761 38762 f-plus-offer #price { float:left; font-size: 18px; line-height: 22px; color: rgba(0,0,0,0.6); } 38763 f-plus-offer #price b { font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9); } 38764 38765 38766 38767 38768 38769 38770 38771 @media screen and (max-width: 600px) { 38772 f-plus-offer .header { 38773 font-size: 22px; line-height: 22px; 38774 } 38775 38776 f-plus-offer button { 38777 font-size: 13px; 38778 height: 45px; 38779 } 38780 f-plus-offer #next { 38781 font-size: 15px; 38782 } 38783 f-plus-offer #price { 38784 font-size: 14px; 38785 } 38786 38787 f-plus-offer .text { 38788 font-size: 14px; line-height: 18px; 38789 } 38790 } 38791 38792 @media screen and (min-width: 600px) { 38793 38794 f-plus-close { 38795 display: none; 38796 position: absolute; 38797 background-color: var(--f-hot-color); 38798 top: -15px; 38799 right: -15px; 38800 width: 24px; 38801 height: 24px; 38802 display: block; 38803 border-radius: 12px; 38804 color: white; 38805 font-family: var(--f-suisse-bold); 38806 text-align: center; 38807 font-size: 20px; 38808 line-height: 21px; 38809 transform: rotate(-45deg); 38810 padding: 0px; 38811 box-shadow: 0px 0px 15px rgba(0,0,0,0.3); 38812 cursor: pointer; 38813 } 38814 f-plus-offer.visible { 38815 overflow: visible; 38816 } 38817 f-plus-offer.visible f-plus-close { 38818 display: block; 38819 } 38820 } 38821 38822 @media screen and (max-width: 600px) { 38823 38824 f-plus-close { 38825 display: none; 38826 } 38827 f-plus-offer.visible f-plus-close { 38828 display: none; 38829 } 38830 } 38831 38832 38833 38834 38835 </style> 38836 38837 38838 38839 38840 <f-plus-background></f-plus-background> 38841 38842 <f-plus-offer> 38843 38844 <f-plus-close onclick="hidePremiumContent();">+</f-plus-close> 38845 38846 38847 38848 38849 <f-plus-offer-packages data-direction="column"> 38850 <f-plus-offer-package> 38851 <f-plus-offer-package-header> 38852 <f-plus-offer-package-header-name> 38853 Per månad 38854 </f-plus-offer-package-header-name> 38855 <f-plus-offer-package-header-price> 38856 39 kr 38857 </f-plus-offer-package-header-price> 38858 </f-plus-offer-package-header> 38859 <f-plus-offer-package-desc> 38860 Betala löpande per månad. <b>Ingen bindningstid</b>. 38861 </f-plus-offer-package-desc> 38862 38863 <f-plus-offer-package-cta> 38864 <a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=3bQHc0k-jGWk7haZ2pgiZ&lang=sv" target="_blank" data-se
38864samy-checkout-option="3bQHc0k-jGWk7haZ2pgiZ"> 38865 Starta prenumeration 38866 </a> 38867 </f-plus-offer-package-cta> 38868 </a> 38869 38870 </f-plus-offer-package> 38871 38872 <f-plus-offer-package> 38873 <f-plus-offer-package-header> 38874 <f-plus-offer-package-header-name> 38875 Per år 38876 </f-plus-offer-package-header-name> 38877 <f-plus-offer-package-header-price> 38878 299 kr 38879 </f-plus-offer-package-header-price> 38880 </f-plus-offer-package-header> 38881 <f-plus-offer-package-desc> 38882 Enklast och billigast, bara 25 kronor i månaden. Betala löpande per år. <b>Ingen bindningstid</b>. 38883 Prova <b>14 dagar gratis</b> innan du bestämmer dig. 38884 </f-plus-offer-package-desc> 38885 38886 <f-plus-offer-package-cta> 38887 <a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=3EQsEYTfOqVCw_v631rNf&lang=sv" class="hotbutton" target="_blank" data-sesamy-checkout-option="3EQsEYTfOqVCw_v631rNf"> 38888 Starta gratis provperiod 38889 </a> 38890 </f-plus-offer-package-cta> 38891 38892 38893 </f-plus-offer-package> 38894 38895 38896 <f-plus-offer-package> 38897 <f-plus-offer-package-header> 38898 <f-plus-offer-package-header-name> 38899 Engångsköp 38900 </f-plus-offer-package-header-name> 38901 <f-plus-offer-package-header-price> 38902 349 kr 38903 </f-plus-offer-package-header-price> 38904 </f-plus-offer-package-header> 38905 <f-plus-offer-package-desc> 38906 Slipp återkommande betalningar, betala ett år i taget. Betala med kort eller Swish. 38907 </f-plus-offer-package-desc> 38908 38909 <f-plus-offer-package-cta> 38910 <a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=0imMN6J-46ihVB8ykJA9j&lang=sv" target="_blank" data-sesamy-checkout-option="0imMN6J-46ihVB8ykJA9j"> 38911 Köp utan prenumeration 38912 </a> 38913 </f-plus-offer-package-cta> 38914 38915 38916 </f-plus-offer-package> 38917 </f-plus-offer-packages> 38918 38919 38920 38921 38922 38923 38924 </f-plus-offer> 38925 38926 38927 38928 38929
38929<script> 38930 const fPremiumBackground = document.querySelector('f-plus-background'); 38931 const fPremiumOfferNew = document.querySelector('f-plus-offer'); 38932 38933 // Funktion för att visa premiuminnehÃÂ¥ll 38934 function showPremiumContent() { 38935 if (window.innerWidth < 600) { 38936 window.location.href = 'https://feber.se/plus/'; 38937 } else { 38938 window.location.href = 'https://feber.se/plus/'; 38939 //fPremiumBackground.classList.add('visible'); 38940 //fPremiumOfferNew.classList.add('visible'); 38941 } 38942 } 38943 38944 // Funktion för att dölja premiuminnehÃÂ¥ll 38945 function hidePremiumContent() { 38946 fPremiumBackground.classList.remove('visible'); 38947 fPremiumOfferNew.classList.remove('visible'); 38948 } 38949 38950 document.querySelectorAll('[data-sesamy-checkout-option]').forEach(function(link) { 38951 link.addEventListener('click', function(event) { 38952 if (typeof openFeberCheckout !== 'function') { 38953 return; 38954 } 38955 38956 event.preventDefault(); 38957 openFeberCheckout(link.getAttribute('data-sesamy-checkout-option'), link.getAttribute('target')); 38958 }); 38959 }); 38960 38961 </script>
38961 38962 38963 38964 38965 38966<f-stat-catcher></f-stat-catcher> 38967 38968 38969 38970 38971 38972 38973 38974 38975 38976 38977 38978 38979 38980 38981 38982 38983 <f-search-overlay> 38984 <f-search-overlay-backdrop></f-search-overlay-backdrop> 38985 <f-search-overlay-content> 38986 <f-search-overlay-form> 38987 <form onsubmit="redirectToSearchUrl(event)"> 38988 <input type="text" id="searchOverlayInput" placeholder="Sökord..." required> 38989 <input type="submit" value="Go!"> 38990 </form> 38991 </f-search-overlay-form> 38992 </f-search-overlay-content> 38993 </f-search-overlay> 38994 38995 <style> 38996 f-search-overlay { 38997 position: fixed; 38998 top: 0; 38999 left: 0; 39000 width: 100%; 39001 height: 100%; 39002 z-index: 9999; 39003 display: none; /* Dold som standard */ 39004 align-items: center; 39005 justify-content: center; 39006 } 39007 39008 f-search-overlay.show { 39009 display: flex; /* Visa när .show-klassen läggs till */ 39010 } 39011 39012 f-search-overlay-backdrop { 39013 position: absolute; 39014 top: 0; 39015 left: 0; 39016 width: 100%; 39017 height: 100%; 39018 background-color: rgba(0, 0, 0, 0.7); 39019 backdrop-filter: blur(5px); 39020 } 39021 39022 f-search-overlay-content { 39023 position: relative; 39024 z-index: 10000; 39025 width: 90%; 39026 max-width: 600px; 39027 } 39028 39029 f-search-overlay-form { 39030 display: block; 39031 background-color: var(--f-article-background-inline); 39032 padding: var(--f-article-padding); 39033 border-radius: 10px; 39034 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); 39035 } 39036 39037 f-search-overlay-form form { 39038 display: flex; 39039 flex-direction: row; 39040 justify-content: space-between; 39041 align-items: center; 39042 gap: 10px; 39043 } 39044 39045 f-search-overlay-form form input[type="text"] { 39046 width: calc(100% - 120px); 39047 font-size: 24px; 39048 padding: 20px 24px; 39049 margin: 0; 39050 border-radius: 10px; 39051 border: 0; 39052 font-family: var(--f-suisse-regular); 39053 } 39054 39055 f-search-overlay-form form input[type="text"]:focus { 39056 outline: none; 39057 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 39058 } 39059 39060 f-search-overlay-form form input[type="submit"] { 39061 background-color: var(--f-article-button-background-active); 39062 color: var(--f-article-button-text-active); 39063 border: 0; 39064 border-radius: 10px; 39065 font-size: 24px; 39066 padding: 20px 30px; 39067 font-family: var(--f-suisse-semibold); 39068 cursor: pointer; 39069 white-space: nowrap; 39070 } 39071 39072 f-search-overlay-form form input[type="submit"]:hover { 39073 opacity: 0.9; 39074 } 39075 </style> 39076 39077
39077<script> 39078 function redirectToSearchUrl(event) { 39079 event.preventDefault(); 39080 var input = document.getElementById('searchOverlayInput').value; 39081 var formattedInput = encodeURIComponent(input); 39082 formattedInput = formattedInput.replace(/%20/g, '+'); 39083 var baseUrl = window.location.protocol + '//' + window.location.host; 39084 var url = baseUrl + '/om/' + formattedInput + '/?search=true'; 39085 window.location.href = url; 39086 } 39087 39088 // Stäng overlay när man klickar pÃÂ¥ backdrop 39089 document.addEventListener('DOMContentLoaded', function() { 39090 var backdrop = document.querySelector('f-search-overlay-backdrop'); 39091 if (backdrop) { 39092 backdrop.addEventListener('click', function() { 39093 // Dölj overlay genom att ta bort .show-klassen 39094 var overlay = document.querySelector('f-search-overlay'); 39095 if (overlay) { 39096 overlay.classList.remove('show'); 39097 } 39098 }); 39099 } 39100 }); 39101 </script>
39101 39102 39103 39104 39105</body> 39106 39107</html> 39108 39109
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.