{"id":2474,"date":"2026-02-12T14:52:15","date_gmt":"2026-02-12T13:52:15","guid":{"rendered":"https:\/\/sfbbilleder.eu\/port\/?p=2474"},"modified":"2026-02-12T15:14:49","modified_gmt":"2026-02-12T14:14:49","slug":"lar-musicon","status":"publish","type":"post","link":"https:\/\/sfbbilleder.eu\/port\/lar-musicon\/","title":{"rendered":"Klimatilpasning i \u00f8jenh\u00f8jde"},"content":{"rendered":"\n<p><strong>Velkommen til en pr\u00e6sentation af fremtidens klimatilpasning.<\/strong><\/p>\n\n\n\n<p>I hjertet af Roskilde ligger bydelen&nbsp;<strong>Musicon<\/strong>, hvor regnvand ikke l\u00e6ngere er et problem, der skal gemmes v\u00e6k i dyre r\u00f8r under jorden. I stedet er vandet gjort synligt og vendt til en arkitektonisk kvalitet, der binder byen sammen som en \u201cbl\u00e5 tr\u00e5d\u201d.<\/p>\n\n\n\n<p>Denne slidepr\u00e6sentation tager dig gennem rejsen fra de historiske udfordringer med kolera og overbelastede kloaksystemer til det innovative&nbsp;<strong>LAR-koncept<\/strong>&nbsp;(Lokal Afledning af Regnvand).<\/p>\n\n\n\n<p><strong>Oplev hvordan vi i Musicon:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Genskaber naturens cyklus<\/strong>&nbsp;i byrummet gennem nedsivning, forsinkelse og fordampning.<\/li>\n\n\n\n<li><strong>Kombinerer teknik med leg<\/strong>&nbsp;i Rabalderparken, hvor et regnvandsbassin fungerer som skaterbane i t\u00f8rvejr.<\/li>\n\n\n\n<li><strong>Skaber merv\u00e6rdi<\/strong>&nbsp;for b\u00e5de \u00f8konomi og biodiversitet ved at lade vandet blive byens puls.<\/li>\n<\/ul>\n\n\n\n<p><em>Klik dig igennem pr\u00e6sentationen nedenfor og se, hvordan klimatilpasning kan g\u00f8re vores byer smukkere, sjovere og mere robuste.<\/em><\/p>\n\n\n\n<!-- FDF Slideviewer 3.0 -->\n<style>\n\n    \/* Base Layout *\/\n    #fdf-presentation-app {\n        position: relative;\n        max-width: 1000px;\n        margin: 0 auto;\n        aspect-ratio: 16 \/ 9;\n        overflow: hidden;\n        border-radius: 8px;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n        transition: all 0.3s ease;\n    }\n    .slide { display: none; width: 100%; height: 100%; }\n    .slide.active { display: block; animation: fadeIn 0.5s; }\n    .slide img { width: 100%; height: 100%; object-fit: contain; }\n\n    \/* Buttons Base *\/\n    .nav-btn, .control-btn {\n        border: none;\n        cursor: pointer;\n        transition: 0.3s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    \/* Navigation Arrows *\/\n    .nav-btn {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 10;\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        font-size: 24px;\n    }\n    .prev { left: 10px; }\n    .next { right: 10px; }\n\n    \/* Controls Bar *\/\n    .controls-bar {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        padding: 10px 0 15px 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 15px;\n        opacity: 0;\n        transition: opacity 0.3s;\n        z-index: 20;\n    }\n    #fdf-presentation-app:hover .controls-bar, .controls-bar.active { opacity: 1; }\n\n    \/* Control Buttons (Fullscreen, Play, Cast) *\/\n    .control-btn {\n        padding: 8px 15px;\n        border-radius: 20px;\n        font-size: 14px;\n        text-transform: uppercase;\n        font-weight: bold;\n        gap: 8px;\n    }\n    .control-icon { width: 18px; height: 18px; fill: currentColor; }\n\n    .slide-counter { font-size: 14px; padding: 5px 10px; border-radius: 10px; }\n\n    @keyframes fadeIn { from { opacity: 0.8; } to { opacity: 1; } }\n    :fullscreen { max-width: 100% !important; width: 100vw !important; height: 100vh !important; border-radius: 0 !important; }\n        \n\n    #fdf-presentation-app { background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }\n    .nav-btn { background-color: rgba(255, 255, 255, 0.8); color: #333; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }\n    .nav-btn:hover { background-color: #fff; transform: translateY(-50%) scale(1.05); }\n    .controls-bar { background: rgba(255, 255, 255, 0.95); border-top: 1px solid #f0f0f0; }\n    .slide-counter { color: #333; background: #f3f4f6; }\n    .control-btn { border: 2px solid #333; color: #333; background: transparent; }\n    .control-btn:hover { background: #333; color: white; }\n            \n<\/style>\n<div id=\"fdf-presentation-app\">\n    <div class=\"slide active\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134634-b2fcfa43.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134634-b2fcfa43.png\" alt=\"Slide 1\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134637-23dbec4e.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134637-23dbec4e.png\" alt=\"Slide 2\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134639-48ac945b.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134639-48ac945b.png\" alt=\"Slide 3\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134641-2617682a.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134641-2617682a.png\" alt=\"Slide 4\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134643-00c9db8b.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134643-00c9db8b.png\" alt=\"Slide 5\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134645-9c5b7222.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134645-9c5b7222.png\" alt=\"Slide 6\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134648-3a98e0c7.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134648-3a98e0c7.png\" alt=\"Slide 7\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134651-bc51a27a.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134651-bc51a27a.png\" alt=\"Slide 8\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134653-8544771e.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134653-8544771e.png\" alt=\"Slide 9\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134655-842e8b72.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134655-842e8b72.png\" alt=\"Slide 10\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134657-7680efd2.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134657-7680efd2.png\" alt=\"Slide 11\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134700-44760c53.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134700-44760c53.png\" alt=\"Slide 12\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134702-ef9960bd.png\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/upload\/2026\/02\/12\/20260212134702-ef9960bd.png\" alt=\"Slide 13\">\n    <\/div>\n\n    <button class=\"nav-btn prev\" onclick=\"fdfChangeSlide(-1)\">&#10094;<\/button>\n    <button class=\"nav-btn next\" onclick=\"fdfChangeSlide(1)\">&#10095;<\/button>\n\n    <div class=\"controls-bar\">\n        <div class=\"slide-counter\" id=\"slideCounter\">1 \/ 13<\/div>\n        <button class=\"control-btn\" onclick=\"fdfTogglePlay()\" id=\"fdfPlayBtn\"><svg class=\"control-icon\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg> Auto<\/button>\n        <button class=\"control-btn\" onclick=\"fdfToggleFullScreen()\"><svg class=\"control-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/><\/svg> Fuldsk\u00e6rm<\/button>\n    <\/div>\n<\/div>\n<script>\n    (function() {\n        var container = document.getElementById('fdf-presentation-app');\n        if (!container) return;\n\n        var currentSlide = 0;\n        var slides = container.querySelectorAll('.slide');\n        var counter = container.querySelector('#slideCounter');\n        var isPlaying = false;\n        var playInterval;\n\n        \/\/ --- Navigation ---\n        function showSlide(index) {\n            if (index >= slides.length) currentSlide = 0;\n            else if (index < 0) currentSlide = slides.length - 1;\n            else currentSlide = index;\n\n            for (var i = 0; i < slides.length; i++) slides[i].classList.remove('active');\n            slides[currentSlide].classList.add('active');\n            counter.textContent = (currentSlide + 1) + \" \/ \" + slides.length;\n\n            \/\/ Opdater Chromecast hvis aktiv\n            if (typeof updateCastMedia === 'function') updateCastMedia(slides[currentSlide].querySelector('img').src);\n        }\n\n        window.fdfChangeSlide = function(direction) {\n            \/\/ Stop autoplay hvis man klikker manuelt (valgfrit)\n            \/\/ if(isPlaying) fdfTogglePlay();\n            showSlide(currentSlide + direction);\n        };\n        \n        \/\/ --- Auto Play ---\n        window.fdfTogglePlay = function() {\n            var btn = document.getElementById('fdfPlayBtn');\n            if (isPlaying) {\n                clearInterval(playInterval);\n                isPlaying = false;\n                btn.innerHTML = '<svg class=\"control-icon\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg> Auto';\n            } else {\n                showSlide(currentSlide + 1); \/\/ Start straks\n                playInterval = setInterval(function() { showSlide(currentSlide + 1); }, 5000);\n                isPlaying = true;\n                btn.innerHTML = '<svg class=\"control-icon\" viewBox=\"0 0 24 24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg> Pause';\n            }\n        };\n            \n        \/\/ --- Standard Logic ---\n        window.fdfToggleFullScreen = function() {\n             if (!document.fullscreenElement) {\n                if (container.requestFullscreen) container.requestFullscreen();\n                else if (container.mozRequestFullScreen) container.mozRequestFullScreen();\n                else if (container.webkitRequestFullscreen) container.webkitRequestFullscreen();\n                else if (container.msRequestFullscreen) container.msRequestFullscreen();\n            } else {\n                if (document.exitFullscreen) document.exitFullscreen();\n            }\n        };\n\n        document.addEventListener('keydown', function(event) {\n            var rect = container.getBoundingClientRect();\n            var isVisible = (rect.top >= 0) && (rect.bottom <= window.innerHeight);\n            if (isVisible || document.fullscreenElement) {\n                if (event.key === \"ArrowLeft\") showSlide(currentSlide - 1);\n                else if (event.key === \"ArrowRight\") showSlide(currentSlide + 1);\n            }\n        });\n    })();\n        <\/script>\n<!-- FDF Slideviewer Slut -->\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sfbbilleder.eu\/index.php?\/category\/266\" target=\"_blank\" rel=\"noreferrer noopener\">Se billeder fra Musicon om regnvandsh\u00e5ndtering<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Velkommen til en pr\u00e6sentation af fremtidens klimatilpasning. I hjertet af Roskilde ligger bydelen&nbsp;Musicon, hvor regnvand ikke l\u00e6ngere er et problem, der skal gemmes v\u00e6k i dyre r\u00f8r under jorden. I stedet er vandet gjort synligt og vendt til en arkitektonisk kvalitet, der binder byen sammen som en \u201cbl\u00e5 tr\u00e5d\u201d. Denne slidepr\u00e6sentation tager dig gennem rejsen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2479,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"enableOnePageScrollInPage":false,"onePageScrollCss":"body.gutenkit .gkit-one-page-scroll-dots { --navigation-color: #00ff0d; --navigation-color-active: #00ff0d; --navigation-color-hover: #00ff0d; --navigation-tooltip-arrow-color: #00ff0d; --navigation-tooltip-arrow-color-hover: #00ff0d; } body.gutenkit .gkit-one-page-scroll-dots li.gkit-one-page-scroll-dot .gkit-one-page-scroll-tooltip { color: #ffffff; background-color: #00ff0d; } body.gutenkit .gkit-one-page-scroll-dots li.gkit-one-page-scroll-dot .gkit-one-page-scroll-tooltip:hover { color: #fff; background-color: #00ff0d; }","onePageScrollSpeed":1000,"onePageScrollAnimation":"easeInOutQuad","onePageScrollShowDotNavigation":true,"onePageScrollNavigation":"scaleUp","onePageScrollNavigationPosition":"right","onePageScrollNavigationHorizontal":[],"onePageScrollNavigationVertical":[],"onePageScrollNavigationSpacing":[],"onePageScrollNavigationColor":"#00ff0d","onePageScrollNavigationColorHover":"#00ff0d","onePageScrollNavigationColorActive":"#00ff0d","onePageScrollNavigationIcon":[],"onePageScrollNavigationWidth":[],"onePageScrollNavigationWidthHover":[],"onePageScrollNavigationWidthActive":[],"onePageScrollNavigationHeight":[],"onePageScrollNavigationHeightHover":[],"onePageScrollNavigationHeightActive":[],"onePageScrollNavigationBorder":[],"onePageScrollNavigationBorderHover":[],"onePageScrollNavigationBorderActive":[],"onePageScrollNavigationBorderRadius":[],"onePageScrollNavigationBorderRadiusHover":[],"onePageScrollNavigationBorderRadiusActive":[],"onePageScrollNavigationTooltipTypography":[],"onePageScrollNavigationTooltipColor":"#ffffff","onePageScrollNavigationTooltipColorHover":"","onePageScrollNavigationTooltipBgColor":"#00ff0d","onePageScrollNavigationTooltipBgColorHover":"","onePageScrollNavigationTooltipPadding":[],"onePageScrollNavigationTooltipPaddingHover":[],"onePageScrollNavigationTooltipBorderRadius":[],"onePageScrollNavigationTooltipBorderRadiusHover":[],"pageSettingsCustomCss":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[303,302,300,30],"tags":[43],"personer":[],"class_list":["post-2474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bydel-og-infrastruktur","category-industri-og-erhverv","category-natur-og-landskab-og-miljoe","category-struktur","tag-musicon"],"_links":{"self":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/2474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/comments?post=2474"}],"version-history":[{"count":3,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/2474\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/2474\/revisions\/2484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media\/2479"}],"wp:attachment":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media?parent=2474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/categories?post=2474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/tags?post=2474"},{"taxonomy":"personer","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/personer?post=2474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}