1 2<!DOCTYPE html> 3<html class="no-js" lang="nb"> 4<head> 5 <meta charset="utf-8"/> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 7 <link rel="shortcut icon" href="/dist/assets/favicon/favicon.ico"> 8<link rel="icon" type="image/png" sizes="16x16" href="/dist/assets/favicon/favicon-16x16.png"> 9<link rel="icon" type="image/png" sizes="32x32" href="/dist/assets/favicon/favicon-32x32.png"> 10<link rel="icon" type="image/png" sizes="48x48" href="/dist/assets/favicon/favicon-48x48.png"> 11<link rel="manifest" href="/dist/assets/favicon/manifest.json"> 12<meta name="mobile-web-app-capable" content="yes"> 13<meta name="theme-color" content="#000"> 14<meta name="application-name"> 15<link rel="apple-touch-icon" sizes="57x57" href="/dist/assets/favicon/apple-touch-icon-57x57.png"> 16<link rel="apple-touch-icon" sizes="60x60" href="/dist/assets/favicon/apple-touch-icon-60x60.png"> 17<link rel="apple-touch-icon" sizes="72x72" href="/dist/assets/favicon/apple-touch-icon-72x72.png"> 18<link rel="apple-touch-icon" sizes="76x76" href="/dist/assets/favicon/apple-touch-icon-76x76.png"> 19<link rel="apple-touch-icon" sizes="114x114" href="/dist/assets/favicon/apple-touch-icon-114x114.png"> 20<link rel="apple-touch-icon" sizes="120x120" href="/dist/assets/favicon/apple-touch-icon-120x120.png"> 21<link rel="apple-touch-icon" sizes="144x144" href="/dist/assets/favicon/apple-touch-icon-144x144.png"> 22<link rel="apple-touch-icon" sizes="152x152" href="/dist/assets/favicon/apple-touch-icon-152x152.png"> 23<link rel="apple-touch-icon" sizes="167x167" href="/dist/assets/favicon/apple-touch-icon-167x167.png"> 24<link rel="apple-touch-icon" sizes="180x180" href="/dist/assets/favicon/apple-touch-icon-180x180.png"> 25<link rel="apple-touch-icon" sizes="1024x1024" href="/dist/assets/favicon/apple-touch-icon-1024x1024.png"> 26<meta name="apple-mobile-web-app-capable" content="yes"> 27<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 28<meta name="apple-mobile-web-app-title"> 29<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-640x1136.png"> 30<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-750x1334.png"> 31<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-828x1792.png"> 32<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1125x2436.png"> 33<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1242x2208.png"> 34<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1242x2688.png"> 35<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1536x2048.png"> 36<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1668x2224.png"> 37<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1668x2388.png"> 38<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-2048x2732.png"> 39<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/dist/assets/favicon/apple-touch-startup-image-1620x2
39160.png"> 40<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-1136x640.png"> 41<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-1334x750.png"> 42<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-1792x828.png"> 43<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2436x1125.png"> 44<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2208x1242.png"> 45<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2688x1242.png"> 46<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2048x1536.png"> 47<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2224x1668.png"> 48<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2388x1668.png"> 49<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2732x2048.png"> 50<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/dist/assets/favicon/apple-touch-startup-image-2160x1620.png"> 51<link rel="icon" type="image/png" sizes="228x228" href="/dist/assets/favicon/coast-228x228.png"> 52<meta name="msapplication-TileColor" content="#000"> 53<meta name="msapplication-TileImage" content="/dist/assets/favicon/mstile-144x144.png"> 54<meta name="msapplication-config" content="/dist/assets/favicon/browserconfig.xml"> 55<link rel="yandex-tableau-widget" href="/dist/assets/favicon/yandex-browser-manifest.json"> 56 <!-- Mustasj change to no zoom for mobile --> 57 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 58 <meta name="google-site-verification" content="k_JtE1ocpROK0YPlwoY9oQTiQMry1T7YVSb7N6-BrNw"/> 59 <meta name="google-site-verification" content="y5etC_Vu0enZneDqVxrsrOiKVjwwzgMpai9Dhdr4DmE"/> 60
60<script src="https://browser.sentry-cdn.com/7.36.0/bundle.tracing.replay.min.js" integrity="sha384-7tfJTi5j94hjodX3ESndyn59/88CYVw9kwwqXDzVHJH1FOT9KB/FAie508nQlJXJ" crossorigin="anonymous"></script>
60 61
61<script> 62 Sentry.init({ 63 debug: false, 64 environment: "production", 65 dsn: "https://[email protected]/5671126", 66 release: "[email protected]", 67 integrations: [new Sentry.Integrations.BrowserTracing({ enableLongTask: false })], 68 tracesSampleRate: 0.02, 69 // SDK 7.x kan ikke slÃ¥ av resource-spans â fjernes her. Web Vitals ligger i measurements og beholdes. 70 beforeSendTransaction: function (event) { 71 if (event.spans) { 72 event.spans = event.spans.filter(function (span) { 73 return !(span.op && (span.op.indexOf('resource.') === 0 || span.op === 'ui.long-task')); 74 }); 75 } 76 return event; 77 }, 78 allowUrls: ["https://www.olavshallen.no/"], 79 ignoreErrors: ["Can't find variable: _AutofillCallbackHandler"] 80 }); 81 </script>
81 82 <style type="text/css"> 83 [x-cloak] { 84 display: none !important; 85 } 86 </style> 87 <style>@font-face{font-family:Area;src:url(/dist/assets/Area-Black-CHqPxoWZ.otf) format("opentype"),url(/dist/assets/Area-Black-5rFt6sKX.woff) format("woff"),url(/dist/assets/Area-Black-CGceyaxE.woff2) format("woff2"),local(Area);font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Area;src:url(/dist/assets/Area-Bold-DIbDReIY.eot) format("eot"),url(/dist/assets/Area-Bold-CKnA0LuK.woff) format("woff"),url(/dist/assets/Area-Bold-Cd-EzzYj.woff2) format("woff2"),local(Area);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Area;src:url(/dist/assets/Area-BoldItalic-DCQff5Tn.eot) format("eot"),url(/dist/assets/Area-BoldItalic-Bc30zaVQ.woff) format("woff"),url(/dist/assets/Area-BoldItalic-zzwS6Jfs.woff2) format("woff2"),local(Area);font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Area;src:url(/dist/assets/Area-Italic-DTgD--Nt.eot) format("eot"),url(/dist/assets/Area-Italic-Dxl3X4US.woff) format("woff"),url(/dist/assets/Area-Italic-DKLcbfSS.woff2) format("woff2"),local(Area);font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Area;src:url(/dist/assets/Area-Normal-C-rhEDlF.eot) format("eot"),url(/dist/assets/Area-Normal-DjDOgtI8.woff) format("woff"),url(/dist/assets/Area-Normal-B1WPwFvC.woff2) format("woff2"),local(Area);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Area Inktrap;src:url(/dist/assets/Area-NormalInktrap-B8eylgyf.eot) format("eot"),url(/dist/assets/Area-NormalInktrap-DscwxPuT.woff) format("woff"),url(/dist/assets/Area-NormalInktrap-Bf7Fmvwi.woff2) format("woff2"),local(Area Inktrap);font-weight:400;font-style:normal;font-display:swap}body{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity,1));font-family:Area,Helvetica Neue,Arial,sans-serif}.kundeservice a{text-decoration-line:underline}:root{--swiper-theme-color:#007aff}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(109,93,254,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e5e5}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}button,input{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}figure,h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}input::-moz-placeholder{opacity:1;color:#a3a3a3}iframe,img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}
87input:where([type=search]){-webkit-appearance:none;appearance:none;--tw-shadow:0 0 transparent;background-color:#fff;border-width:1px;border-color:#737373;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}input::-moz-placeholder{color:#737373;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}body{background:#8fbc8f}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;bottom:0;left:0;right:0}.inset-x-0{left:0;right:0}.-right-1{right:-.25rem}.-top-2{top:-.5rem}.-top-full{top:-100%}.bottom-4{bottom:1rem}.left-0{left:0}.left-1{left:.25rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-\[41\]{z-index:41}.z-n1{z-index:-1}.order-first{order:-9999}.order-last{order:9999}.m-auto{margin:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mr-4{margin-right:1rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[24px\]{height:24px}.h-full{height:100%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[187px\]{width:187px}.w-\[5px\]{width:5px}.w-full{width:100%}.max-w-\[500px\]{max-width:500px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-\[calc\(100\%-20px\)\]{max-width:calc(100% - 20px)}.flex-none{flex:none}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-3\/4{--tw-translate-y:75%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.appearance-none{-webkit-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}
87.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-current{border-color:currentColor}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-green-300{--tw-bg-opacity:1;background-color:rgba(128,255,194,var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgba(233,93,59,var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2px}.stroke-4{stroke-width:4px}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-5{padding-right:1.25rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-px{padding-top:1px}.text-left{text-align:left}.font-heading{font-family:Area Inktrap,Helvetica Neue,Arial,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.leading-5{line-height:1.25rem}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgba(141,156,255,var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:rgba(128,255,194,var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgba(233,93,59,var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgba(190,128,255,var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgba(255,128,168,var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:rgba(255,216,128,var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}@media (min-width:640px){.sm\:px-20{padding-left:5rem;padding-right:5rem}}@media (min-width:768px){.md\:top-0{top:0}.md\:ml-1\/12{margin-left:8.33333%}.md\:ml-1\/6{margin-left:16.6667%}.md\:mt-0{margin-top:0}.md\:mt-20{margin-top:5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:w-4\/6{width:66.6667%}.md\:w-\[550px\]{width:550px}.md\:w-\[680px\]{width:680px}.md\:w-full{width:100%}.md\:max-w-\[400px\]{max-width:400px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:px-9{padding-left:2.25rem;padding-right:2.25rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pb-28{padding-bottom:7rem}.md\:pr-4{padding-right:1rem}.md\:pt-10{padding-top:2.5rem}}@media (min-width:1024px){.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:my-16{margin-top:4rem;margin-bottom:4rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/3{width:33.3333%}.lg\:w-2\/3{width:66.6667%}.lg\:max-w-\[500px\]{max-width:500px}.lg\:flex-auto{flex:auto}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-10{gap:2.5rem}.lg\:px-24{padding-left:6rem;padding-right:6rem}.lg\:pt-10{padding-top:2.5rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}</style> 88
88<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 88
88
89<script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();</script>
vendor: 2 bytes, line 89
89
90<script src="https://www.olavshallen.no/dist/assets/polyfills-legacy-BqleSabp.js" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'vite/legacy-polyfills-legacy'}});document.dispatchEvent(e);"></script>
vendor: 2 bytes, line 90
90
91<script type="module" src="https://www.olavshallen.no/dist/assets/app-uQngsjYz.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/app.ts'}});document.dispatchEvent(e);"></script>
91 92<link href="https://www.olavshallen.no/dist/assets/app-tN7ceU7c.css" rel="stylesheet" media="print" onload="this.media='all'">
93<script src="https://www.olavshallen.no/dist/assets/app-legacy-DcMnoLCl.js" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/app-legacy.ts'}});document.dispatchEvent(e);"></script>
93 94 <title>Olavshallen | Crispin Glover</title>
95<script>dataLayer = [];
vendor: 328 bytes, lines 95-100
95 96(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 97new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 98j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 99'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 100})(window,document,'script','dataLayer','
100GTM-P5VTTJX
vendor: 4 bytes, line 100
100');
101</script>
vendor: 1 bytes, line 101
101
102<script></script>
102 103<meta name="facebook-domain-verification" content="9hn0uk0tgew7iilclhkauhk45d72l3" />
104<script></script>
104<meta name="generator" content="SEOmatic"> 105<meta name="keywords" content="glover, record, crispin, shop, facebook, eller, artister, label, ambitious, records, vinyl, lørdager, plateslipp, tillegg, band"> 106<meta name="description" content="Olavshallen er Trondheims største kulturhus hvor levende kunst stÃ¥r i sentrum. PÃ¥ vÃ¥re to scener finner du kultur i alle sjangre - pop/rock, stand up,â¦"> 107<meta name="referrer" content="no-referrer-when-downgrade"> 108<meta name="robots" content="all"> 109<meta content="149127815110411" property="fb:profile_id"> 110<meta content="nb_NO" property="og:locale"> 111<meta content="Olavshallen" property="og:site_name"> 112<meta content="article" property="og:type"> 113<meta content="https://www.olavshallen.no/hva-finnes-her/man-frecrispin-glover-record-shop" property="og:url"> 114<meta content="Crispin Glover" property="og:title"> 115<meta content="Olavshallen er Trondheims største kulturhus hvor levende kunst stÃ¥r i sentrum. PÃ¥ vÃ¥re to scener finner du kultur i alle sjangre - pop/rock, stand up,â¦" property="og:description"> 116<meta content="https://www.olavshallen.no/dynamic/upload/bilder/Forestillinger-og-arrangementer/TiligereForestillinger/For2024/_1200x630_crop_center-center_82_none/Madrugada_Olavshallen_Kamstrup_1850_2022-10-19-074736_rmxv.jpg?mtime=1725975693" property="og:image"> 117<meta content="1200" property="og:image:width"> 118<meta content="630" property="og:image:height"> 119<meta content="Olavshallen er Trondheims største kulturhus hvor levende kunst stÃ¥r i sentrum. PÃ¥ vÃ¥re to scener finner du kultur i alle sjangre - pop/rock, stand up, show, klassisk musikk, teater, revy, vise, jazz av bÃ¥de nasjonalt og internasjonalt kaliber. Velkommen innom vÃ¥r nettside eller finn oss i sosiale medier!" property="og:image:alt"> 120<meta content="https://www.tiktok.com/@olavshallen" property="og:see_also"> 121<meta content="https://www.instagram.com/olavshallen" property="og:see_also"> 122<meta content="https://www.facebook.com/olavshallenas" property="og:see_also"> 123<meta name="twitter:card" content="summary_large_image"> 124<meta name="twitter:creator" content="@"> 125<meta name="twitter:title" content="Crispin Glover"> 126<meta name="twitter:description" content="Olavshallen er Trondheims største kulturhus hvor levende kunst stÃ¥r i sentrum. PÃ¥ vÃ¥re to scener finner du kultur i alle sjangre - pop/rock, stand up,â¦"> 127<meta name="twitter:image" content="https://www.olavshallen.no/dynamic/upload/bilder/Forestillinger-og-arrangementer/TiligereForestillinger/For2024/_800x418_crop_center-center_82_none/Madrugada_Olavshallen_Kamstrup_1850_2022-10-19-074736_rmxv.jpg?mtime=1725975693"> 128<meta name="twitter:image:width" content="800"> 129<meta name="twitter:image:height" content="418"> 130<meta name="twitter:image:alt" content="Olavshallen er Trondheims største kulturhus hvor levende kunst stÃ¥r i sentrum. PÃ¥ vÃ¥re to scener finner du kultur i alle sjangre - pop/rock, stand up, show, klassisk musikk, teater, revy, vise, jazz av bÃ¥de nasjonalt og internasjonalt kaliber. Velkommen innom vÃ¥r nettside eller finn oss i sosiale medier!"> 131<link href="https://www.olavshallen.no/hva-finnes-her/man-frecrispin-glover-record-shop" rel="canonical"> 132<link href="https://www.olavshallen.no/" rel="home"> 133<link type="text/plain" href="https://www.olavshallen.no/humans.txt" rel="author"></head> 134<body x-data="{editId: 11856054,activeChatbot: true,...app.hentSession(), ...app.initQuickShop()}" x-init="setup();">
vendor: 67 bytes, line 134
134<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
134GTM-P5VTTJX
vendor: 85 bytes, lines 134-137
134" 135height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 136 137
137<div x-data="app.header()" class="absolute h-full w-full z-30 pointer-events-none print:hidden" x-cloak> 138 <header x-data="{small: false}" class="top-0 inset-x-0 p-4 z-40 flex justify-between fixed items-center pointer-events-auto bg-black text-white" @scroll.window="small = window.pageYOffset > 25"> 139 <a href="https://www.olavshallen.no/"> 140 <svg aria-hidden="true" class="w-[187px] h-[24px] transition duration-500 ease-out"> 141 <use href="#icon-logo"/> 142 </svg> 143 </a> 144 <div class="flex items-center gap-4"> 145 <ul class="hidden lg:flex items-center gap-8 mr-4 transition-colors"> 146 <li> 147 <a href="/forestillinger" class="flex gap-3 items-center hover:underline"> 148 <svg class="w-6 h-6"> 149 <use href="#icon-arrangement"/> 150 </svg> 151 <span class="hidden xl:inline">Program</span> 152 </a> 153 </li> 154 <li> 155 <a href="/arrangere/konferanse" class="flex gap-3 items-center hover:underline"> 156 <svg class="w-8 h-8"> 157 <use href="#icon-calendar"/> 158 </svg> 159 <span class="hidden xl:inline">Event og Konferanse</span> 160 </a> 161 </li> 162 <li> 163 <a href="/praktisk-info/planlegg-ditt-besøk" class="flex gap-3 items-center hover:underline"> 164 <svg class="w-6 h-6"> 165 <use href="#icon-door"/> 166 </svg> 167 <span class="hidden xl:inline">Ditt besøk</span> 168 </a> 169 </li> 170 <li> 171 <a href="/kontakt/ofte-stilte-spørsmÃ¥l" class="flex gap-3 items-center hover:underline"> 172 <svg class="w-6 h-6"> 173 <use href="#icon-faq"/> 174 </svg> 175 <span class="hidden xl:inline">FAQ</span> 176 </a> 177 </li> 178 </ul> 179 <button type="button" class="px-2 md:pr-4 rounded-full text-sm bg-white text-black flex items-center gap-2 transition-opacity duration-300 delay-100 group relative" @click="openMenu = false; vis();"> 180 <span class=" transition-transform duration-500" :class="visNotis ? 'rotate-180' : ''"> 181 <svg class="w-5 h-5 stroke-current stroke-2 my-2"> 182 <use href="#icon-klokke"/> 183 </svg> 184 </span> 185 <span class="overflow-hidden relative hidden md:block"> 186 <span class="block py-2 group-hover:-translate-y-3/4 group-hover:opacity-0 transition duration-500">à pningstider & info</span> 187 <span aria-hidden="true" class="absolute py-2 top-0 left-0 translate-y-3/4 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition duration-500">à pningstider & info</span> 188 </span> 189 <span x-text="unseen" x-show="unseen > 0" class="absolute -top-2 -right-1 w-5 h-5 text-xs leading-5 font-bold pt-px bg-orange-500 text-black rounded-full"></span> 190 </button> 191 192 <button type="button" class="bottom-4 right-4 bg-white text-black rounded-full px-4 py-2 flex items-center gap-2 group" x-data="app.initForm('#000', 'meny')" @click="openMenu = !openMenu; visNotis = false;" x-effect="form = (openMenu ? 'kryss' : 'meny')"> 193 <span class="inline text-sm">Meny</span> 194 <span class="flex-none z-10 pointer-events-none w-4 h-4 transition duration-700 group-hover:rotate-180" x-init="svg('duration-700 group-hover:rotate-180')"></span> 195 </button> 196 </div> 197 <a href="https://www.olavshallen.no/praktisk-info/gavekort" class="fixed bottom-4 left-4 bg-black text-white text-sm rounded-full px-4 flex transition-opacity overflow-hidden group" :class="openMenu ? 'opacity-0 pointer-events-none' : ''"> 198 <span class="py-3 group-hover:-translate-y-3/4 group-hover:opacity-0 transition duration-500">Kjøp gavekort</span> 199 <span aria-hidden="true" class="absolute py-3 translate-y-3/4 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition duration-500">Kjøp gavekort</span> 200 </a> 201 <div class="fixed inset-0 h-full text-white z-n1 overflow-y-auto xl:overflow-hidden transition-all duration-700 ease-in-out -top-full flex flex-col xl:flex-row" :class="{ [bgColor]: true, '-top-full pointer-events-none': !openMenu }"> 202 <nav class="px-9 xl:p-20 xl:w-2/3 order-last xl:order-first xl:h-full xl:overflow-x-auto xl:bg-black" :class="{'hidden xl:inline': searchMode}"> 203 <ul class="lg:pt-10 md:grid md:grid-cols-2 lg:grid-cols-3"> 204 <li class="transition-opacity text-3xl py-3 relative font-heading underline hover:opacity-50 transition-opacity" :class="openNode === 0 || openNode === -1 ? '' : 'opacity-70'" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.0ms> 205 <a href="/forestillinger" 206 class="font-bold block text-red-300" 207 > 208 <span>Program</span> 209 </a> 210 211 </li> 212 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 1 || openNode === -1 ? '' : 'opacity-70'" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.200ms> 213 <a @click="toggleNode(1)" 214 class="font-bold block cursor-pointer md:cursor-default text-blue-300" 215 > 216 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 217 <use href="#icon-expand"/> 218 </svg> 219 220 <span>Ditt besøk</span> 221 </a> 222 223 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="[openNode === 1 ? 'block' : 'hidden']"> 224 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.400ms> 225 <a href="https://www.olavshallen.no/kontakt/publikumsservice" 226 class=" block " 227 > 228 <span>Publikumsservice</span> 229 </a> 230 231 </li> 232 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.600ms> 233 <a href="https://www.olavshallen.no/praktisk-info/planlegg-ditt-besøk" 234 class=" block " 235 > 236 <span>Praktisk informasjon</span> 237 </a> 238 239 </li> 240 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.800ms> 241 <a href="https://www.olavshallen.no/kontakt/ofte-stilte-spørsmÃ¥l" 242 class=" block " 243 > 244 <span>Ofte stilte spørsmÃ¥l</span> 245 </a> 246 247 </li> 248 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.1000ms> 249 <a href="https://www.olavshallen.no/praktisk-info/gavekort" 250 class=" block " 251 > 252 <span>Gavekort</span> 253 </a> 254 255 </li> 256 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.1200ms> 257 <a href="https://olavshallen.eventim-billetter.no/webshop/webticket/shop?page=customerlogin.secure" 258 class=" block " 259 > 260 <span>Dine billetter â</span> 261 </a> 262 263 </li> 264 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.1400ms> 265 <a href="https://www.olavshallen.no/nyhetsbrev" 266 class=" block " 267 > 268 <span>
268Meld deg på nyhetsbrevet</span> 269 </a> 270 271 </li> 272 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.1600ms> 273 <a href="https://www.olavshallen.no/artikler/tilgjengelighetsmerket" 274 class=" block " 275 > 276 <span>Tilgjengelighetsmerket</span> 277 </a> 278 279 </li> 280 </ul> 281 </li> 282 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 9 || openNode === -1 ? '' : 'opacity-70'" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.1800ms> 283 <a @click="toggleNode(9)" 284 class="font-bold block cursor-pointer md:cursor-default text-green-300" 285 > 286 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 287 <use href="#icon-expand"/> 288 </svg> 289 290 <span>Om oss</span> 291 </a> 292 293 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="[openNode === 9 ? 'block' : 'hidden']"> 294 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.2000ms> 295 <a href="https://www.olavshallen.no/kontakt/olavshallen" 296 class=" block " 297 > 298 <span>Om Olavshallen</span> 299 </a> 300 301 </li> 302 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.2200ms> 303 <a href="https://www.olavshallen.no/bærekraft" 304 class=" block " 305 > 306 <span>Bærekraft</span> 307 </a> 308 309 </li> 310 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.2400ms> 311 <a href="https://www.olavshallen.no/kontakt/nytt-styre-i-olavshallen" 312 class=" block " 313 > 314 <span>Styret i Olavshallen</span> 315 </a> 316 317 </li> 318 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.2600ms> 319 <a href="https://www.olavshallen.no/personvern-og-kjøpsbetingelser" 320 class=" block " 321 > 322 <span>Personvernerklæring</span> 323 </a> 324 325 </li> 326 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.2800ms> 327 <a href="https://www.olavshallen.no/personvern-og-kjøpsbetingelser/informasjonskapsler" 328 class=" block " 329 > 330 <span>Cookies og sporing</span> 331 </a> 332 333 </li> 334 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.3000ms> 335 <a href="https://www.olavshallen.no/kontakt/bli-samarbeidspartner-med-olavshallen" 336 class=" block " 337 > 338 <span>Samarbeidspartner</span> 339 </a> 340 341 </li> 342 </ul> 343 </li> 344 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 16 || openNode === -1 ? '' : 'opacity-70'" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.3200ms> 345 <a @click="toggleNode(16)" 346 class="font-bold block cursor-pointer md:cursor-default text-purple-300" 347 > 348 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 349 <use href="#icon-expand"/> 350 </svg> 351 352 <span>Leie lokaler</span> 353 </a> 354 355 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="[openNode === 16 ? 'block' : 'hidden']"> 356 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.3400ms> 357 <a href="https://www.olavshallen.no/arrangere/konferanse" 358 class=" block " 359 > 360 <span>Planlegger du et arrangement?</span> 361 </a> 362 363 </li> 364 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.3600ms> 365 <a href="https://www.olavshallen.no/arrangere/store-sal" 366 class=" block " 367 > 368 <span>Leie Store sal</span> 369 </a> 370 371 </li> 372 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.3800ms> 373 <a href="https://www.olavshallen.no/arrangere/lille-sal" 374 class=" block " 375 > 376 <span>Leie Lille sal</span> 377 </a> 378 379 </li> 380 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.4000ms> 381 <a href="https://www.olavshallen.no/arrangere/arrangørinformasjon" 382 class=" block " 383 > 384 <span>Event, møte, kurs & konferanse</span> 385 </a> 386 387 </li> 388 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.4200ms> 389 <a href="https://www.olavshallen.no/arrangere/tekniske-spesifikasjoner-for-storesal-og-lillesal" 390 class=" block " 391 > 392 <span>
392Tekniske spesifikasjoner</span> 393 </a> 394 395 </li> 396 </ul> 397 </li> 398 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 22 || openNode === -1 ? '' : 'opacity-70'" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.4400ms> 399 <a @click="toggleNode(22)" 400 class="font-bold block cursor-pointer md:cursor-default text-yellow-300" 401 > 402 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 403 <use href="#icon-expand"/> 404 </svg> 405 406 <span>English</span> 407 </a> 408 409 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="[openNode === 22 ? 'block' : 'hidden']"> 410 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.4600ms> 411 <a href="https://www.olavshallen.no/english" 412 class=" block " 413 > 414 <span>About Us</span> 415 </a> 416 417 </li> 418 </ul> 419 </li> 420 </ul> 421 <ul class="flex flex-wrap lg:hidden items-center justify-center gap-8 mr-4 my-10 lg:my-0"> 422 <li> 423 <a href="/forestillinger" class="flex flex-col lg:flex-row gap-3 items-center"> 424 <svg class="w-6 h-6"> 425 <use href="#icon-arrangement"/> 426 </svg> 427 <span>Program</span> 428 </a> 429 </li> 430 <li> 431 <a href="/arrangere/konferanse" class="flex flex-col lg:flex-row gap-3 items-center"> 432 <svg class="w-8 h-8"> 433 <use href="#icon-calendar"/> 434 </svg> 435 <span>Leie lokaler</span> 436 </a> 437 </li> 438 <li> 439 <a href="/praktisk-info/planlegg-ditt-besøk" class="flex flex-col lg:flex-row gap-3 items-center"> 440 <svg class="w-6 h-6"> 441 <use href="#icon-door"/> 442 </svg> 443 <span>Ditt besøk</span> 444 </a> 445 </li> 446 <li> 447 <a href="/kontakt/ofte-stilte-spørsmål" class="flex flex-col lg:flex-row gap-3 items-center"> 448 <svg class="w-6 h-6"> 449 <use href="#icon-faq"/> 450 </svg> 451 <span>FAQ</span> 452 </a> 453 </li> 454 </ul> 455 </nav> 456 <aside class="pt-20 pb-10 px-9 xl:h-full overflow-x-auto xl:px-20 xl:pt-36 xl:w-1/3 order-first flex-none xl:order-last transition-all duration-500" :class="{ 'h-[100vh]': searchMode}"> 457 <form class="block relative max-w-[500px] m-auto" @submit="search" x-show="openMenu" x-transition x-transition:leave.duration.500ms x-transition:enter.duration.2000ms> 458 <input x-ref="searchBox" type="search" placeholder="Søk i alt innhold" class="w-full bg-white text-black appearance-none border-none rounded-lg pr-5 pl-10 py-3"> 459 <button type="submit" class="absolute p-3 left-1 top-1/2 transform -translate-y-1/2"> 460 <span class="w-5 h-5 block text-black"> <svg aria-hidden="true" class="w-full h-full"> 461 <use href="#icon-sok"/> 462 </svg> 463</span> 464 </button> 465 </form> 466 <div x-show="searchHits.length" x-transition class="text-black"> 467 <template x-for="(group, i) in searchHits" :key="`group-${i}`"> 468 <div class="pt-20 grid grid-cols-2 gap-4"> 469 <h2 x-text="group.header" class="w-full mb-4 text-sm col-span-2"></h2> 470 <template x-for="(item, j) in group.items" :key="`item-${j}-${i}`"> 471 <div :class="{ 'col-span-2': item.type === 'personer' }"> 472 <template x-if="item.type === 'personer'"> 473 <div class="flex items-center"> 474 <figure class="flex-none w-20 2xl:w-32 mr-4"> 475 <picture class="relative block"> 476 <img :alt="item.alt" :src="item.bilde" class="rounded-full lazyload w-full"/> 477 </picture> 478 </figure> 479 <div class="flex-1 w-auto text-sm"> 480 <span class="block text-lg leading-6 font-bold" x-text="item.title"></span> 481 <span x-show="item.jobbTittel" class="block mb-2" x-text="item.jobbTittel"></span> 482 <span x-show="item.selskap" class="block" x-text="item.selskap"></span> 483 <a x-show="item.ePost" :href="`mailto:${item.ePost}`" :aria-label="`Send e-post til: ${item.title}`" class="underline hover:opacity-50 transition-opacity block">E-post</a> 484 <a x-show="item.telefon" :href="`tel: ${item.telefon.replace(' ', '')}`" class="underline hover:opacity-50 transition-opacity" x-text="item.telefon"></a> 485 <span x-show="item.telefon && item.mobil">/</span> 486 <a x-show="item.mobil" :href="`tel:${item.mobil.replace(' ', '')}`" class="underline hover:opacity-50 transition-opacity" x-text="item.mobil"></a> 487 </div> 488 </div> 489 </template> 490 <template x-if="item.type !== 'personer'"> 491 <a x-else :href="item.url" class="mb-6"> 492 <span x-text="item.title" class="text-lg font-bold underline"></span> 493 <template x-if="item.date"> 494 <div class="flex text-xs mt-3 pb-4"> 495 <span x-text="app.formatDate(item.date, 'ddd. DD.MM')" class="w-1/2"></span> 496 <span x-text="'Kl. ' + app.formatDate(item.date, 'HH:mm')" class="w-1/2"></span> 497 </div> 498 </template> 499 </a> 500 </template> 501 </div> 502 </template> 503 </div> 504 </template>
505 </div> 506 </aside> 507 </div> 508 </header> 509 <aside class="fixed top-0 h-full right-0 w-full md:w-[550px] bg-black text-white p-12 pt-24 px-4 sm:px-20 lg:px-26 z-30 transform transition duration-300 overflow-auto" :class="visNotis ? 'translate-x-0 pointer-events-auto' : 'translate-x-full opacity-0'"> 510 <div class="bg-green-300 text-black rounded-2xl p-6 kundeservice"> 511 <div class="mb-1 text-lg">Kundeservice</div> 512 <ul class="flex flex-col gap-2"> 513 <li class="flex gap-2"> 514 <div class="w-1/3">Billettluka</div> 515 <div class="w-2/3"><p>Alltid én time før forestilling<br /><br /></p></div> 516 </li> 517 <li class="flex gap-2"> 518 <div class="w-1/3">Kundeservice</div> 519 <div class="w-2/3"><p><strong>SpørsmÃ¥l om billetter og billettkjøp?<br /> 520</strong>Kontakt oss pÃ¥: <a href="mailto:[email protected]">[email protected]</a><br /> 521<br /> 522Eller billettselskapet <strong>Eventim</strong><br /> 523Mail: <a href="mailto:[email protected]">[email protected]</a><br /> 524Tlf:<strong> </strong> <a href="tel:21959200">21 95 92 00</a> <br /> 525Eventims telefontider:<br /> 526Man-tors 09:30-16:00<br /> 527Fre 09:30-15:30</p> 528<p><strong><br /></strong><strong>Mistet noe?</strong><br /><a href="mailto:[email protected]">[email protected]</a></p></div> 529 </li> 530 <li class="flex gap-2"> 531 <div class="w-1/3">Booking</div> 532 <div class="w-2/3"><p><strong>Arrangere/booking:</strong><br /><a href="mailto:[email protected]">[email protected]</a><br /></p></div> 533 </li> 534 </ul> 535 </div> 536 <template x-if="tider?.vanlige?.length > 0"> 537 <ul class="flex flex-col gap-2 mb-4 mt-10"> 538 <div class="text-purple-300 mb-b">à pningstider</div> 539 <template x-for="item in tider.vanlige"> 540 <li class="flex justify-between gap-2"> 541 <span x-text="item.title" class="capitalize "></span> 542 <ul class="w-[200px] flex-none whitespace-nowrap"> 543 <template x-for="tid in item.tid"> 544 <li class="flex justify-between"> 545 <span x-text="tid.label"></span> 546 <span x-text="tid.value"></span> 547 </li> 548 </template> 549 </ul> 550 </li> 551 </template> 552 </ul> 553 </template> 554 <template x-if="tider?.spesielle?.length > 0"> 555 <ul class="flex flex-col gap-2 mb-4 mt-10"> 556 <div class="text-red-300 mb-b">Spesielle Ã¥pningstider</div> 557 <template x-for="tid in tider.spesielle"> 558 <li class="flex justify-between gap-2 items-center whitespace-nowrap"> 559 <span class="capitalize" x-text="tid.label"></span> 560 <span x-text="tid.value"></span> 561 </li> 562 563 </template> 564 </ul> 565 </template> 566 <ul x-show="resultat.viktig.length > 0" class="mt-10 md:mt-20 mb-4"> 567 <li class="text-orange-500 mb-4">Viktig info</li> 568 <template x-for="(item, i) in resultat.viktig" :key="`viktig-${i}`"> 569 <li class="relative mb-10"> 570 <span class="absolute top-1 -left-8 w-5 h-5 text-xs leading-5 text-center font-bold pt-px bg-orange-500 text-black rounded-full hidden sm:block">!</span> 571 <strong x-text="item.title" class="text-xl mb-3 block"></strong> 572 <div x-html="item.text"></div> 573 </li> 574 </template> 575 </ul> 576 <ul x-show="resultat.vanlig.length > 0" class="mt-10 md:mt-20 mb-4"> 577 <li class="text-green-300 mb-4" x-show="resultat.viktig.length > 0">Annet</li> 578 <template x-for="(item, i) in resultat.vanlig" :key="`vanlig-${i}`"> 579 <li class="relative mb-10"> 580 <strong x-text="item.title" class="text-xl block mb-3"></strong> 581 <div x-html="item.text"></div> 582 </li> 583 </template> 584 </ul> 585 </aside> 586</div> 587 588<main x-data role="main" class="opacity-0 duration-700 transition-opacity" x-init="$root.classList.remove('opacity-0')"> 589 <article class="pt-20 px-4 lg:pt-32 md:px-9 lg:px-24 md:top-0 pb-[1px] relative" :style="`background:${stil.bg}`" x-data="{stil: app.getStil(0 , 0, false), ...app.showSubNav()}"> 590 <div> 591 <h1 class="font-heading leading-none flex-grow mb-6 lg:mb-10 fit">Crispin Glover</h1> 592 </div> 593 <div class="mb-10 lg:mb-20" x-data="app.initForm(stil.fg, stil.svgForm)" > 594 595 596 <figure> 597 <picture class="relative block"> 598 <img src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27400%27%20height%3D%27400%27%20style%3D%27background%3Atransparent%27%2F%3E" alt="IMG 5630" sizes="100vw" srcset="https://www.olavshallen.no/imager/bilder/Lokaler-Moterom-Saler/1.-etg/11795003/IMG_5630_9c476fc97b9fdf8eac9909d26252fee4.jpg 400w, https://www.olavshallen.no/imager/bilder/Lokaler-Moterom-Saler/1.-etg/11795003/IMG_5630_aadd595d132e538f2e7b391555f88233.jpg 800w, https://www.olavshallen.no/imager/bilder/Lokaler-Moterom-Saler/1.-etg/11795003/IMG_5630_a56551618dd0c9d31fd33ec4ba5820f4.jpg 1200w, https://www.olavshallen.no/imager/bilder/Lokaler-Moterom-Saler/1.-etg/11795003/IMG_5630_598fe1c3f4320801bd0311fa31b26ffc.jpg 1600w"/> 599 </picture> 600 </figure> 601 </div> 602 <div class="md:flex items-start"> 603 <div class="rounded-lg border border-black/10 p-4 mb-4 md:mb-0 xl:ml-1/12 w-full xl:w-3/12 max-w-[300px] flex flex-col gap-3"> 604 <figure class="block"> 605 <img data-src="https://www.olavshallen.no/dynamic/upload/bilder/Leietakere/Crispin-Glover/crispin.png" class="lazyload max-h-[100px] max-w-full"/> 606 </figure> 607 <div> 608 <div class="mb-b font-bold mb-1">à pningstider</div> 609 <ul class="flex flex-col gap-1"> 610 <li class="flex justify-between gap-2 items-center whitespace-nowrap"> 611 <span class="capitalize">Man-fre</span> 612 <span>11:00 â 18:00</span> 613 </li> 614 <li class="flex justify-between gap-2 items-center whitespace-nowrap"> 615 <span class="capitalize">Lør</span> 616 <span>11:00 â 17:00</span> 617 </li> 618 </ul> 619 </div> 620 <div> 621 <hr class="border-black/10 mb-3"/> 622 <a href="https://www.cgrshop.no/" class="flex gap-2 items-center"> 623 <svg aria-hidden="true" class="w-7 h-7 flex-none">
624 <use href="#icon-outbound"/> 625 </svg> 626 <span class="underline font-bold">cgrshop.no/</span> 627 </a> 628 </div> 629 </div> 630 <div class="mb-4 md:mb-0 text-lg md:ml-1/12"> 631 <div class="max-w-[700px]"> 632 <p class="mb-4">Salg av musikk pÃ¥ vinyl i alle sjangre - brukt og nytt. Torgeir, Gunnar og gjengen byr ogsÃ¥ pÃ¥ en konsert eller signering i ny og ne.</p> 633 </div> 634 </div> 635 </div> 636 <section id="moduler" class="relative py-[1px] pb-16 md:pb-28"> 637 <div class="my-10 lg:my-16 md:ml-1/6 md:w-4/6 xl:ml-1/4 xl:w-1/2"> 638 <div class="max-w-[800px] lg:text-lg" > 639 <h2 class="text-xl lg:text-2xl font-bold mt-8 mb-2">GÃ¥ deg vill i vinyl</h2> 640 <p class="my-4">Crispin Glover Record Shop er mer enn en ren platebutikk. Det er en møteplass for musikkinteresserte, og en konsertscene der artister har plateslipp og spiller live. Butikken bugner ikke bare over av vinylplater fra eget plateselskap â her finnes ogsÃ¥ mange lokale, trondheimsbaserte band og artister, i tillegg til større internasjonale navn, innenfor en rekke sjangere.</p> 641<p class="my-4">Butikken har et stort utvalg av bÃ¥de ny og brukt vinyl. Om du har gamle LP-plater eller 7"-singler som stÃ¥r og støver ned pÃ¥ loftet, sÃ¥ er dette plassen Ã¥ selge til.</p> 642<p class="my-4">Følg de (eller oss) pÃ¥ Facebook for Ã¥ holde deg oppdatert! <br><a href="https://www.facebook.com/crispingloverrecordshop" class="underline hover:opacity-50 transition-opacity">Crispin Glover Record Shop | Facebook</a></p> 643<p class="my-4"><strong>à pent 11-18 hverdager og 11-17 lørdager</strong></p> 644<p class="my-4"><a href="https://www.cgrshop.no/" class="underline hover:opacity-50 transition-opacity">Crispin Glover Records</a><a href="https://www.facebook.com/crispingloverrecordshop" class="underline hover:opacity-50 transition-opacity"></a><br>We're a small, but ambitious record label based in Trondheim, Norway â releasing <strong>the music we love â in the packaging it deserves.</strong><br></p> 645</div> 646 </div> 647 </section> 648 </article> 649</main> 650 651<footer class="bg-black text-white relative p-9 py-12 pb-48 lg:py-20 lg:px-24 print:hidden"> 652 <section class="md:flex items-center justify-between mb-10 lg:mb-20 "> 653 <ul class="flex md:w-1/2"> 654 <li class="mb-4 w-20 md:w-32"> 655 <svg aria-hidden="true" class="w-12 h-12 md:w-20 md:h-20 text-white"> 656 <use href="#icon-mini-logo"/> 657 </svg> 658 </li> 659 <li class="mb-2"> 660 <h3 class="font-bold text-xl">Olavshallen AS</h3> 661 <p class="my-4"><a href="https://www.google.com/maps/place/Olavshallen/@63.4338031,10.4016619,17z/data=!3m1!4b1!4m5!3m4!1s0x466d319eb0e473f9:0x76ef1721517cc50f!8m2!3d63.4338031!4d10.4038506" class="underline hover:opacity-50 transition-opacity"></a><a href="https://www.google.com/maps/place/Olavshallen/@63.4338031,10.4016619,17z/data=!3m1!4b1!4m5!3m4!1s0x466d319eb0e473f9:0x76ef1721517cc50f!8m2!3d63.4338031!4d10.4038506" class="underline hover:opacity-50 transition-opacity">Kjøpmannsgata 48</a><a href="https://www.google.com/maps/place/Olavshallen/@63.4338031,10.4016619,17z/data=!3m1!4b1!4m5!3m4!1s0x466d319eb0e473f9:0x76ef1721517cc50f!8m2!3d63.4338031!4d10.4038506" class="underline hover:opacity-50 transition-opacity"><br>7011 Trondheim</a><br></p> 662 </li> 663 </ul> 664 <ul class="mt-4 md:mt-0 grid grid-cols-3 gap-4 md:w-[400px]"> 665 <li> 666 <a href="https://www.facebook.com/olavshallenas" class="text-center block group"> 667 <svg class="w-8 h-8 mx-auto mb-3"> 668 <use href="#icon-facebook"/> 669 </svg> 670 <span class="underline group-hover:opacity-50 transition-opacity">Facebook</span> 671 </a> 672 </li> 673 <li> 674 <a href="https://www.instagram.com/olavshallen" class="text-center block group"> 675 <svg class="w-8 h-8 mx-auto mb-3"> 676 <use href="#icon-instagram"/> 677 </svg> 678 <span class="underline group-hover:opacity-50 transition-opacity">Instagram</span> 679 </a> 680 </li> 681 <li> 682 <a href="https://www.tiktok.com/@olavshallen" class="text-center block group"> 683 <svg class="w-8 h-8 mx-auto mb-3"> 684 <use href="#icon-tiktok"/> 685 </svg> 686 <span class="underline group-hover:opacity-50 transition-opacity">Tiktok</span> 687 </a> 688 </li> 689 </ul> 690 </section> 691 <ul class="md:grid md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 " x-data="{openNode: -1}"> 692 <li class="transition-opacity text-3xl py-3 relative font-heading underline hover:opacity-50 transition-opacity" :class="openNode === 0 || openNode === -1 ? '' : 'opacity-70'">
693 <a href="/forestillinger" class="font-bold block text-red-300" 694 > 695 <span>Program</span> 696 </a> 697 698 </li> 699 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 1 || openNode === -1 ? '' : 'opacity-70'"> 700 <a @click="openNode = openNode === 1 ? -1 : 1" class="font-bold block cursor-pointer md:cursor-default text-blue-300" 701 > 702 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 703 <use href="#icon-expand"/> 704 </svg> 705 706 <span>Ditt besøk</span> 707 </a> 708 709 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="openNode === 1 ? 'block' : 'hidden'"> 710 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 711 <a href="https://www.olavshallen.no/kontakt/publikumsservice" class=" block " 712 > 713 <span>Publikumsservice</span> 714 </a> 715 716 </li> 717 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 718 <a href="https://www.olavshallen.no/praktisk-info/planlegg-ditt-besøk" class=" block " 719 > 720 <span>Praktisk informasjon</span> 721 </a> 722 723 </li> 724 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 725 <a href="https://www.olavshallen.no/kontakt/ofte-stilte-spørsmÃ¥l" class=" block " 726 > 727 <span>Ofte stilte spørsmÃ¥l</span> 728 </a> 729 730 </li> 731 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 732 <a href="https://www.olavshallen.no/praktisk-info/gavekort" class=" block " 733 > 734 <span>Gavekort</span> 735 </a> 736 737 </li> 738 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 739 <a href="https://olavshallen.eventim-billetter.no/webshop/webticket/shop?page=customerlogin.secure" class=" block " 740 > 741 <span>Dine billetter â</span> 742 </a> 743 744 </li> 745 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 746 <a href="https://www.olavshallen.no/nyhetsbrev" class=" block " 747 > 748 <span>
748Meld deg på nyhetsbrevet</span> 749 </a> 750 751 </li> 752 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 753 <a href="https://www.olavshallen.no/artikler/tilgjengelighetsmerket" class=" block " 754 > 755 <span>Tilgjengelighetsmerket</span> 756 </a> 757 758 </li> 759 </ul> 760 </li> 761 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 9 || openNode === -1 ? '' : 'opacity-70'"> 762 <a @click="openNode = openNode === 9 ? -1 : 9" class="font-bold block cursor-pointer md:cursor-default text-green-300" 763 > 764 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 765 <use href="#icon-expand"/> 766 </svg> 767 768 <span>Om oss</span> 769 </a> 770 771 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="openNode === 9 ? 'block' : 'hidden'"> 772 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 773 <a href="https://www.olavshallen.no/kontakt/olavshallen" class=" block " 774 > 775 <span>Om Olavshallen</span> 776 </a> 777 778 </li> 779 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 780 <a href="https://www.olavshallen.no/bærekraft" class=" block " 781 > 782 <span>Bærekraft</span> 783 </a> 784 785 </li> 786 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 787 <a href="https://www.olavshallen.no/kontakt/nytt-styre-i-olavshallen" class=" block " 788 > 789 <span>Styret i Olavshallen</span> 790 </a> 791 792 </li> 793 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 794 <a href="https://www.olavshallen.no/personvern-og-kjøpsbetingelser" class=" block " 795 > 796 <span>Personvernerklæring</span> 797 </a> 798 799 </li> 800 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 801 <a href="https://www.olavshallen.no/personvern-og-kjøpsbetingelser/informasjonskapsler" class=" block " 802 > 803 <span>Cookies og sporing</span> 804 </a> 805 806 </li> 807 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 808 <a href="https://www.olavshallen.no/kontakt/bli-samarbeidspartner-med-olavshallen" class=" block " 809 > 810 <span>Samarbeidspartner</span> 811 </a> 812 813 </li> 814 </ul> 815 </li> 816 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 16 || openNode === -1 ? '' : 'opacity-70'"> 817 <a @click="openNode = openNode === 16 ? -1 : 16" class="font-bold block cursor-pointer md:cursor-default text-purple-300" 818 > 819 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 820 <use href="#icon-expand"/> 821 </svg> 822 823 <span>Leie lokaler</span> 824 </a> 825 826 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="openNode === 16 ? 'block' : 'hidden'"> 827 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 828 <a href="https://www.olavshallen.no/arrangere/konferanse" class=" block " 829 > 830 <span>Planlegger du et arrangement?</span> 831 </a> 832 833 </li> 834 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 835 <a href="https://www.olavshallen.no/arrangere/store-sal" class=" block " 836 > 837 <span>Leie Store sal</span> 838 </a> 839 840 </li> 841 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 842 <a href="https://www.olavshallen.no/arrangere/lille-sal" class=" block " 843 > 844 <span>Leie Lille sal</span> 845 </a> 846 847 </li> 848 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 849 <a href="https://www.olavshallen.no/arrangere/arrangørinformasjon" class=" block " 850 > 851 <span>Event, møte, kurs & konferanse</span> 852 </a> 853 854 </li> 855 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 856 <a href="https://www.olavshallen.no/arrangere/tekniske-spesifikasjoner-for-storesal-og-lillesal" class=" block " 857 > 858 <span>
858Tekniske spesifikasjoner</span> 859 </a> 860 861 </li> 862 </ul> 863 </li> 864 <li class="transition-opacity text-3xl py-3 relative font-heading " :class="openNode === 22 || openNode === -1 ? '' : 'opacity-70'"> 865 <a @click="openNode = openNode === 22 ? -1 : 22" class="font-bold block cursor-pointer md:cursor-default text-yellow-300" 866 > 867 <svg aria-hidden="true" class="fill-current absolute top-6 right-0 h-4 w-[5px] md:hidden"> 868 <use href="#icon-expand"/> 869 </svg> 870 871 <span>English</span> 872 </a> 873 874 <ul class="transition-all duration-300 md:block pt-3 md:py-6" :class="openNode === 22 ? 'block' : 'hidden'"> 875 <li class="transition-opacity text-base py-2 underline hover:opacity-50 transition-opacity" > 876 <a href="https://www.olavshallen.no/english" class=" block " 877 > 878 <span>About Us</span> 879 </a> 880 881 </li> 882 </ul> 883 </li> 884 </ul> 885</footer> 886<div class="fixed inset-0 z-[41] bg-black/50 overflow-hidden flex flex-col items-end" x-show="arrId" x-transition.opacity.duration.300ms x-cloak> 887 <section class="h-full transition-transform max-w-[calc(100%-20px)] md:w-[680px] duration-300" :class="arrangement && arrId ? '': 'translate-x-full'" @click.outside="arrId = null;"> 888 <template x-if="arrangement"> 889 <div class="p-6 md:p-10 h-full overflow-auto relative" x-data="{stil: app.getStil(arrangement.colors) }" :style="`background:${stil.bg}`"> 890 <button type="button" class="absolute top-4 right-4 bg-white text-black shadow-lg rounded-full px-4 py-2 flex items-center gap-2 group z-[2]" x-data="app.initForm('#000', 'kryss')" @click="arrId = null;"> 891 <span class="inline text-sm">Lukk</span> 892 <span class="flex-none z-10 pointer-events-none w-4 h-4" x-init="svg()"></span> 893 </button> 894 <a :href="arrangement.url" class="relative group"> 895 <picture> 896 <img class="w-full lazyload" :src="placeholder(600, 400)" :data-src="arrangement.thumb"/> 897 </picture> 898 <div class="absolute inset-0 flex bg-black/50 transition-opacity opacity-0 group-hover:opacity-100"> 899 <svg class="w-10 h-8 transform rotate-180 stroke-white stroke-4 m-auto"> 900 <use href="#icon-pil"/> 901 </svg> 902 </div> 903 </a> 904 <ul class="flex mb-4 gap-2 my-4" x-show="arrangement.category.length > 0"> 905 <template x-for="kat in arrangement.category"> 906 <li> 907 <a :href="kat.url" class="border-2 border-black rounded-full px-3 py-1 hover:bg-black hover:text-white transition-colors duration-300 text-xs" x-text="kat.label"></a> 908 </li> 909 </template> 910 </ul> 911 <ul class="mt-8 text-sm md:text-base"> 912 <template x-for="event in arrangement.events"> 913 <li class="flex items-center mb-4" :class="event.done ? 'opacity-25 pointer-events-none' : ''"> 914 <time class="capitalize leading-tight w-1/2"> 915 <span class="block" x-text="dayjs(event.start).format('dddd DD.MM')"></span> 916 <div> 917 Kl. <span x-text="dayjs(event.start).format('HH:mm')"></span> 918 <template x-if="event.end"> 919 <span x-html="` - ${dayjs(event.end).format('HH:mm')}`"></span> 920 </template> 921 </div> 922 </time> 923 <div class="w-1/3 md:w-1/4"> 924 <strong class="block" x-text="event.hall.label"></strong> 925 <i x-show="event.status.value > 0" x-text="event.status.label"></i> 926 </div> 927 <template x-if="event.ticketUrl"> 928 <span class="w-1/3 md:w-1/4 text-right"> 929 <a :href="event.ticketUrl" target="_blank" class="rounded-full px-4 inline-block bg-black text-white text-sm group"> 930 <span class="overflow-hidden block relative"> 931 <span class="block py-2 group-hover:-translate-y-3/4 group-hover:opacity-0 transition duration-500" x-text="app.billStatus(event.status.value)"></span> 932 <span aria-hidden="true" class="absolute py-2 top-0 left-0 translate-y-3/4 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition duration-500" x-text="app.billStatus(event.status.value)"></span> 933 </span> 934 </a> 935 </span> 936 </template> 937 </li> 938 </template> 939 </ul> 940 <div x-show="arrangement.events.some((item) => item.pause)" class="my-10 text-sm leading-snug flex items-center"> 941 <svg aria-hidden="true" class="stroke-black stroke-2 w-6 h-6 flex-shrink-0 mr-4"> 942 <use href="#icon-pause"/> 943 </svg> 944 <span>Arrangementet inneholder pause</span> 945 </div> 946 <div class="mt-10" x-show="arrangement.prices.length > 0"> 947 <div class="text-xl mb-2">Billettpris</div> 948 <ul class="flex flex-wrap gap-y-2 text-sm"> 949 <template x-for="pris in arrangement.prices"> 950 <li class="w-1/2" x-text="`${pris.label} ${pris.value},-`"></li> 951 </template> 952 </ul>
953 </div> 954 </div> 955 </template> 956 <template x-if="!arrangement"> 957 <svg class="w-10 h-10 stroke-4 text-white absolute right-4 top-16"> 958 <use href="#icon-loading"/> 959 </svg> 960 </template> 961 </section> 962</div> 963 964<div id="chatbot-root" aria-live="polite"></div>
965<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"EntertainmentBusiness","description":"Olavshallen er Trondheims største kulturhus hvor levende kunst står i sentrum. På våre to scener finner du kultur i alle sjangre - pop/rock, stand up, show, klassisk musikk, teater, revy, vise, jazz av både nasjonalt og internasjonalt kaliber. Velkommen innom vår nettside eller finn oss i sosiale medier!","image":{"@type":"ImageObject","url":"https://www.olavshallen.no/dynamic/upload/bilder/Lokaler-Moterom-Saler/1.-etg/_1200x630_crop_center-center_82_none/IMG_5630.jpeg?mtime=1727257524"},"mainEntityOfPage":"https://www.olavshallen.no/hva-finnes-her/man-frecrispin-glover-record-shop","name":"Crispin Glover","url":"https://www.olavshallen.no/hva-finnes-her/man-frecrispin-glover-record-shop"},{"@id":"www.olavshallen.no#identity","@type":"LocalBusiness","address":{"@type":"PostalAddress","addressCountry":"Norway","addressLocality":"Trondheim","addressRegion":"Trøndelag","postalCode":"7010","streetAddress":"Kjøpmannsgata 44"},"alternateName":"Olavshallen","description":"Olavshallen er Trondheims største kulturhus hvor levende kunst står i sentrum. På våre to scener finner du kultur i alle sjangre - pop/rock, stand up, show, klassisk musikk, teater, revy, vise, jazz av både nasjonalt og internasjonalt kaliber. Velkommen innom vår nettside eller finn oss i sosiale medier!","email":"[email protected]","geo":{"@type":"GeoCoordinates","latitude":"63.433410","longitude":"10.403770"},"name":"Olavshallen AS","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Sunday"],"opens":"07:00:00"},{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Monday"],"opens":"07:00:00"},{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Tuesday"],"opens":"07:00:00"},{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Wednesday"],"opens":"07:00:00"},{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Thursday"],"opens":"07:00:00"},{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Friday"],"opens":"07:00:00"},{"@type":"OpeningHoursSpecification","closes":"23:00:00","dayOfWeek":["Saturday"],"opens":"07:00:00"}],"priceRange":"$$$","sameAs":["https://www.facebook.com/olavshallenas","https://www.instagram.com/olavshallen","https://www.tiktok.com/@olavshallen"],"url":"https://www.olavshallen.no/www.olavshallen.no"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.olavshallen.no/","name":"Spis, drikk & opplev","position":1},{"@type":"ListItem","item":"https://www.olavshallen.no/hva-finnes-her","name":"Dette finner du i Olavshallen","position":2},{"@type":"ListItem","item":"https://www.olavshallen.no/hva-finnes-her/man-frecrispin-glover-record-shop","name":"Crispin Glover","position":3}],"name":"Breadcrumbs"}]}</script>
965<script src="https://agreeable-meadow-0b4f9da03-preview.westeurope.1.azurestaticapps.net/widget.js" defer crossorigin="anonymous"></script>
965</body> 966</html> 967<!-- Cached by Blitz on 2026-10-07T14:58:39+02:00 -->
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.