{"id":2103,"date":"2026-01-18T12:28:09","date_gmt":"2026-01-18T11:28:09","guid":{"rendered":"https:\/\/sfbbilleder.eu\/port\/?page_id=2103"},"modified":"2026-04-03T15:36:30","modified_gmt":"2026-04-03T13:36:30","slug":"udforsk-roskildes-historie-paa-kort","status":"publish","type":"page","link":"https:\/\/sfbbilleder.eu\/port\/udforsk-roskildes-historie-paa-kort\/","title":{"rendered":"Udforsk Roskildes Historie p\u00e5 Kort"},"content":{"rendered":"\n<p>Dyk ned i byens fortid gennem vores samling af interaktive kort. Oplev alt fra forsvundne butikker til historiske uddannelsessteder og kunstv\u00e6rker i gadebilledet.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" width=\"400\" height=\"223\" src=\"https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-11-52-55.png\" alt=\"\" class=\"wp-image-2105\" style=\"box-shadow:var(--wp--preset--shadow--crisp)\" srcset=\"https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-11-52-55.png 400w, https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-11-52-55-300x167.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\" id=\"glemte-butikker-i-roskilde\">Glemte butikker i Roskilde<\/h3>\n\n\n<p>Rejs tilbage i tiden og se, hvor de gamle k\u00f8bm\u00e6nd og butikker l\u00e5. Udforsk handelshistorien gennem \u00e5rtier.<\/p>\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\/over\/pel\/superbot\/kort.html\" target=\"_blank\" rel=\"noreferrer noopener\">Se p\u00e5 kort<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sfbbilleder.eu\/over\/pel\/superbot\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sp\u00f8rg vores chatbot<\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"400\" height=\"223\" src=\"https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-12-18-25.png\" alt=\"\" class=\"wp-image-2109\" style=\"box-shadow:var(--wp--preset--shadow--crisp)\" srcset=\"https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-12-18-25.png 400w, https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-12-18-25-300x167.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\" id=\"vores-roskilde-kunst-i-gadebilledet\">Vores Roskilde &#8211; Kunst i gadebilledet<\/h3>\n\n\n<p>Oplev skulpturer, gavlmalerier og monumenter i byens rum. En guide til kunst, du kan r\u00f8re ved.<\/p>\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\/over\/po\/pok01\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">Se p\u00e5 kort<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/notebooklm.google.com\/notebook\/9654b614-bdbd-4c90-8965-05526f84ef8c\" target=\"_blank\" rel=\"noreferrer noopener\">Sp\u00f8rg p\u00e5 ChatBOT<\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"400\" height=\"223\" src=\"https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-11-52-55.png\" alt=\"\" class=\"wp-image-2105\" style=\"box-shadow:var(--wp--preset--shadow--crisp)\" srcset=\"https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-11-52-55.png 400w, https:\/\/sfbbilleder.eu\/port\/wp-content\/uploads\/2026\/01\/Skaermbillede-fra-2026-01-18-11-52-55-300x167.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\" id=\"skoler-og-uddannelsessteder\">Skoler og uddannelsessteder<\/h3>\n\n\n<p>Et overblik over byens l\u00e6ringsanstalter gennem \u00e5rhundrederne. Fra latinskoler til moderne uddannelser.<\/p>\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\/over\/pel\/nybot\/kort.html\" target=\"_blank\" rel=\"noreferrer noopener\">Se p\u00e5 kort<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sfbbilleder.eu\/over\/pel\/nybot\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sp\u00f8rg vores chatbot<\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"chatbots\">ChatBOT&#8217;s<\/h2>\n\n\n<p>Herunder kommer en r\u00e6kke ChatBOT&#8217;s som behandler forskellige emner p\u00e5 tv\u00e6rs af indl\u00e6g og andre kilder:<\/p>\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:\/\/notebooklm.google.com\/notebook\/ed432067-014b-41ab-b26c-296116958bdb\">Chat om PODCAST&#8217;s<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/notebooklm.google.com\/notebook\/18a91fc5-d93a-40eb-98e4-a934272dbe1c\">Chat om Sankt Hans<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/notebooklm.google.com\/notebook\/eecb3229-03cf-44f0-b284-e0a551ed2c6a\">Chat om Roskilde Historie<\/a><\/div>\n<\/div>\n\n\n\n<!-- \n  INSTRUKTION: \n  Kopier hele denne kode og inds\u00e6t den i en \"Brugerdefineret HTML\" blok i WordPress.\n  Denne version er optimeret til at undg\u00e5 at bunden af chatten bliver klippet af.\n-->\n\n<!-- 1. CSS Styling -->\n<style>\n    \/* Container til hele widgetten - vi bruger !important for at vinde over WP temaer *\/\n    #hist-chat-widget {\n        --primary-color: #385261;\n        --text-white: #ffffff;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n        z-index: 2147483647 !important; \/* H\u00f8jeste mulige z-index *\/\n        position: fixed !important;\n        bottom: 20px !important;\n        left: 20px !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Flydende knap *\/\n    #hist-chat-button {\n        background-color: var(--primary-color) !important;\n        color: var(--text-white) !important;\n        border: none !important;\n        padding: 12px 24px !important;\n        border-radius: 50px !important;\n        cursor: pointer !important;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 10px !important;\n        transition: transform 0.2s !important;\n        margin: 0 !important;\n        line-height: 1 !important;\n    }\n\n    #hist-chat-button:hover {\n        transform: scale(1.05) !important;\n        opacity: 0.9 !important;\n    }\n\n    #hist-chat-button svg {\n        width: 24px !important;\n        height: 24px !important;\n        fill: currentColor !important;\n    }\n\n    #hist-chat-button span {\n        font-weight: 600 !important;\n        font-size: 16px !important;\n    }\n\n    \/* Chat vinduet (Modal) *\/\n    #hist-chat-window {\n        display: none; \n        position: absolute !important;\n        bottom: 70px !important;\n        left: 0 !important;\n        width: 400px !important;\n        height: 600px !important;\n        max-height: 80vh !important;\n        background: white !important;\n        border-radius: 16px !important;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;\n        overflow: hidden !important;\n        flex-direction: column !important;\n        border: 1px solid rgba(0,0,0,0.1) !important;\n        animation: histPopUp 0.3s ease-out !important;\n    }\n\n    @keyframes histPopUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Header i chat-vinduet *\/\n    .hist-chat-header {\n        background-color: var(--primary-color) !important;\n        color: white !important;\n        padding: 12px 15px !important;\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n        height: 50px !important;\n        box-sizing: border-box !important;\n    }\n\n    .hist-chat-header h3 {\n        margin: 0 !important;\n        font-size: 15px !important;\n        font-weight: 600 !important;\n        color: white !important;\n        text-transform: none !important;\n    }\n\n    .hist-chat-close {\n        background: none !important;\n        border: none !important;\n        color: white !important;\n        cursor: pointer !important;\n        font-size: 20px !important;\n        padding: 0 5px !important;\n    }\n\n    \/* iFramen - her sikrer vi at h\u00f8jden passer pr\u00e6cis *\/\n    #hist-chat-iframe {\n        width: 100% !important;\n        height: calc(100% - 50px) !important; \/* Tr\u00e6kker headerens h\u00f8jde fra *\/\n        border: none !important;\n        display: block !important;\n        background: white !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    \/* Mobil tilpasning *\/\n    @media (max-width: 480px) {\n        #hist-chat-window {\n            position: fixed !important;\n            bottom: 0 !important;\n            left: 0 !important;\n            width: 100% !important;\n            height: 100% !important;\n            max-height: 100% !important;\n            border-radius: 0 !important;\n        }\n        #hist-chat-button span { display: none; }\n    }\n<\/style>\n\n<!-- 2. HTML Struktur -->\n<div id=\"hist-chat-widget\">\n    <button id=\"hist-chat-button\" onclick=\"toggleHistChat()\">\n        <svg viewBox=\"0 0 24 24\">\n            <path d=\"M20,2H4C2.9,2,2,2.9,2,4v18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M20,16H5.2L4,17.2V4h16V16z\"\/>\n        <\/svg>\n        <span>Sp\u00f8rg Historien (AI)<\/span>\n    <\/button>\n\n    <div id=\"hist-chat-window\">\n        <div class=\"hist-chat-header\">\n            <h3>Sp\u00f8rg Historien<\/h3>\n            <button class=\"hist-chat-close\" onclick=\"toggleHistChat()\">\u2715<\/button>\n        <\/div>\n        <iframe \n            id=\"hist-chat-iframe\" \n            src=\"about:blank\" \n            title=\"Historisk Chatbot\"\n            allow=\"clipboard-write\">\n        <\/iframe>\n    <\/div>\n<\/div>\n\n<!-- 3. JavaScript Logik -->\n<script>\n    function toggleHistChat() {\n        const chatWindow = document.getElementById('hist-chat-window');\n        const iframe = document.getElementById('hist-chat-iframe');\n        const chatbotUrl = \"https:\/\/sfbbilleder.eu\/over\/pel\/kilder2\/index.html\";\n\n        if (chatWindow.style.display === 'flex') {\n            chatWindow.style.display = 'none';\n        } else {\n            chatWindow.style.display = 'flex';\n            \/\/ Indl\u00e6s kun URL hvis den ikke allerede er indl\u00e6st\n            if (iframe.src === \"about:blank\" || iframe.src === \"\") {\n                iframe.src = chatbotUrl;\n            }\n        }\n    }\n\n    \/\/ Luk ved ESC\n    window.addEventListener('keydown', function(e) {\n        if (e.key === \"Escape\") document.getElementById('hist-chat-window').style.display = 'none';\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Dyk ned i byens fortid gennem vores samling af interaktive kort. Oplev alt fra forsvundne butikker til historiske uddannelsessteder og kunstv\u00e6rker i gadebilledet. Glemte butikker i Roskilde Rejs tilbage i tiden og se, hvor de gamle k\u00f8bm\u00e6nd og butikker l\u00e5. Udforsk handelshistorien gennem \u00e5rtier. Vores Roskilde &#8211; Kunst i gadebilledet Oplev skulpturer, gavlmalerier og monumenter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","footnotes":""},"class_list":["post-2103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/pages\/2103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/types\/page"}],"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=2103"}],"version-history":[{"count":12,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/pages\/2103\/revisions"}],"predecessor-version":[{"id":2911,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/pages\/2103\/revisions\/2911"}],"wp:attachment":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media?parent=2103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}