{"id":1819,"date":"2025-12-29T09:48:12","date_gmt":"2025-12-29T08:48:12","guid":{"rendered":"https:\/\/sfbbilleder.eu\/port\/?p=1819"},"modified":"2025-12-31T09:35:47","modified_gmt":"2025-12-31T08:35:47","slug":"praesentation-om-glemte-butikker","status":"publish","type":"post","link":"https:\/\/sfbbilleder.eu\/port\/praesentation-om-glemte-butikker\/","title":{"rendered":"Butikker der var engang"},"content":{"rendered":"\n<p>Den tid kommer aldrig tibage.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\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: #000; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }\n    .nav-btn { background-color: rgba(0, 0, 0, 0.5); color: white; }\n    .nav-btn:hover { background-color: rgba(0, 85, 150, 0.8); }\n    .controls-bar { background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); }\n    .slide-counter { color: white; background: rgba(0,0,0,0.5); }\n    .control-btn { border: 2px solid white; color: white; background: transparent; }\n    .control-btn:hover { background: white; color: black; }\n\n<\/style>\n<div id=\"fdf-presentation-app\">\n    <div class=\"slide active\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083130-61d4ab42-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083130-61d4ab42-me.jpg\" alt=\"Slide 1\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083129-63929f9b-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083129-63929f9b-me.jpg\" alt=\"Slide 2\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083128-5c93cf8f-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083128-5c93cf8f-me.jpg\" alt=\"Slide 3\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083128-f1b552ed-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083128-f1b552ed-me.jpg\" alt=\"Slide 4\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083127-223f45a1-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083127-223f45a1-me.jpg\" alt=\"Slide 5\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083127-c72cd4c6-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083127-c72cd4c6-me.jpg\" alt=\"Slide 6\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083126-78764691-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083126-78764691-me.jpg\" alt=\"Slide 7\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083126-d723ca70-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083126-d723ca70-me.jpg\" alt=\"Slide 8\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083125-a21dfb6d-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083125-a21dfb6d-me.jpg\" alt=\"Slide 9\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083124-aa5e36d8-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083124-aa5e36d8-me.jpg\" alt=\"Slide 10\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083124-9e6353aa-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083124-9e6353aa-me.jpg\" alt=\"Slide 11\">\n    <\/div>\n    <div class=\"slide\" data-src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083123-8eb820fa-me.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083123-8eb820fa-me.jpg\" alt=\"Slide 12\">\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 \/ 12<\/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<h2 class=\"wp-block-heading\" id=\"en-tidsrejse-gennem-roskildes-handelshistorie\">En tidsrejse gennem Roskildes handelshistorie<\/h2>\n\n\n<p>Tag med p\u00e5 en nostalgisk rejse tilbage til en tid, f\u00f8r k\u00e6debutikker og nethandel pr\u00e6gede bybilledet. Denne pr\u00e6sentation,&nbsp;<strong>\u201cDe Glemte Butikker\u201d<\/strong>, inviterer dig indenfor i Roskildes rige handelshistorie og kaster lys over de sm\u00e5 forretninger, der engang var byens sj\u00e6l og lokale samlingspunkter.<\/p>\n\n\n\n<p><strong>I denne pr\u00e6sentation kan du blandt andet opleve:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Byens geografiske hjerte:<\/strong>&nbsp;Fra de eksklusive specialbutikker i Algade og Skomagergade til hverdagens n\u00e6rv\u00e6r i boligkvarterernes lokale centre.<\/li>\n\n\n\n<li><strong>Ikoniske butikker:<\/strong>&nbsp;Genoplev minderne om leget\u00f8jsspecialisten \u201cDet Gule Hus\u201d eller slagter \u201cLuffe\u201d i Svaleg\u00e5rden, der var ber\u00f8mt for sine h\u00e5ndsk\u00e5rne ribbenstegsmadder.<\/li>\n\n\n\n<li><strong>Fra kiosk til k\u00e6de:<\/strong>&nbsp;Historien om hvordan store navne som BR Leget\u00f8j startede som en lille kiosk i Skomagergade.<\/li>\n\n\n\n<li><strong>Et finmasket net af service:<\/strong>&nbsp;En oversigt over de mange k\u00f8bm\u00e6nd, bagere og ismejerier, der altid l\u00e5 \u201clige om hj\u00f8rnet\u201d.<\/li>\n<\/ul>\n\n\n\n<p>Pr\u00e6sentationen er en hyldest til den personlige service og de n\u00e6re relationer, der har formet Roskilde gennem generationer. Klik dig gennem siderne og lad minderne f\u00e5 frit l\u00f8b.<\/p>\n\n\n\n<p><strong>Hvilke butikker husker du bedst?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Den tid kommer aldrig tibage. &#10094; &#10095; 1 \/ 12 Auto Fuldsk\u00e6rm En tidsrejse gennem Roskildes handelshistorie Tag med p\u00e5 en nostalgisk rejse tilbage til en tid, f\u00f8r k\u00e6debutikker og nethandel pr\u00e6gede bybilledet. Denne pr\u00e6sentation,&nbsp;\u201cDe Glemte Butikker\u201d, inviterer dig indenfor i Roskildes rige handelshistorie og kaster lys over de sm\u00e5 forretninger, der engang var byens [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1821,"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":"https:\/\/sfbbilleder.eu\/_data\/i\/upload\/2025\/12\/29\/20251229083130-61d4ab42-me.jpg","fifu_image_alt":"","footnotes":""},"categories":[303,302],"tags":[312],"personer":[],"class_list":["post-1819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bydel-og-infrastruktur","category-industri-og-erhverv","tag-glemte-butikker"],"_links":{"self":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/1819","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=1819"}],"version-history":[{"count":0,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/1819\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media\/1821"}],"wp:attachment":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media?parent=1819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/categories?post=1819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/tags?post=1819"},{"taxonomy":"personer","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/personer?post=1819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}