Slagteriskolen i Roskilde: En Historisk Analyse<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n \/* Custom Chart Container Styling as per requirements *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n \n \/* Smooth scrolling for anchor links *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Active state styling for navigation *\/\n .nav-btn.active {\n border-bottom: 2px solid #78350f; \/* Amber-900 *\/\n color: #78350f;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body class=\"bg-stone-50 text-stone-800 font-sans antialiased selection:bg-orange-200 selection:text-orange-900\">\n\n \n \n \n\n \n\n \n –>\n\n \n <nav class=\"sticky top-0 z-50 bg-stone-100\/90 backdrop-blur-md border-b border-stone-200 shadow-sm\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-16 items-center\">\n <div class=\"flex items-center gap-2\">\n <span class=\"text-2xl\" role=\"img\" aria-label=\"Icon\">\ud83c\udfeb<\/span>\n <span class=\"font-bold text-xl tracking-tight text-stone-900\">Slagteriskolen Historisk Arkiv<\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8\">\n <button onclick=\"scrollToSection('intro')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Intro<\/button>\n <button onclick=\"scrollToSection('tidslinje')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Tidslinje<\/button>\n <button onclick=\"scrollToSection('analyse')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Analyse & Data<\/button>\n <button onclick=\"scrollToSection('lokation')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Lokationen<\/button>\n <\/div>\n \n <div class=\"md:hidden\">\n <button onclick=\"toggleMobileMenu()\" class=\"text-stone-600 focus:outline-none text-2xl\">\u2261<\/button>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden pb-4\">\n <button onclick=\"scrollToSection('intro')\" class=\"block w-full text-left px-4 py-2 text-stone-600 hover:bg-stone-200\">Intro<\/button>\n <button onclick=\"scrollToSection('tidslinje')\" class=\"block w-full text-left px-4 py-2 text-stone-600 hover:bg-stone-200\">Tidslinje<\/button>\n <button onclick=\"scrollToSection('analyse')\" class=\"block w-full text-left px-4 py-2 text-stone-600 hover:bg-stone-200\">Analyse & Data<\/button>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-10 space-y-16\">\n\n \n <section id=\"intro\" class=\"animate-fade-in\">\n <div class=\"bg-white rounded-xl shadow-sm border border-stone-200 p-8 md:p-12 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-4 opacity-5 text-9xl pointer-events-none\">\ud83d\udc16<\/div>\n <div class=\"relative z-10 max-w-3xl\">\n <div class=\"inline-block bg-orange-100 text-orange-800 text-xs font-semibold px-3 py-1 rounded-full mb-4\">Lokalhistorisk Rapport<\/div>\n <h1 class=\"text-4xl md:text-5xl font-bold text-stone-900 mb-6 leading-tight\">Fra Slagteriskole til ZBC: <br>En Roskilde Institution<\/h1>\n <p class=\"text-lg text-stone-600 mb-6 leading-relaxed\">\n Denne rapport dykker ned i historien om en af Roskildes mest markante erhvervsskoler. Fra r\u00f8dderne i efterkrigstiden til transformationen af det gamle Andelssvineslagteri og den moderne fusion med ZBC.\n <\/p>\n \n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 mt-10 border-t border-stone-100 pt-8\">\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Startet<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">1945+<\/p>\n <p class=\"text-xs text-stone-500\">Efter 2. Verdenskrig<\/p>\n <\/div>\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Hovedfag<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">Slagter<\/p>\n <p class=\"text-xs text-stone-500\">& Butiksslagter<\/p>\n <\/div>\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Lokation<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">Magleg\u00e5rdsvej<\/p>\n <p class=\"text-xs text-stone-500\">Tidl. Andelssvineslagteri<\/p>\n <\/div>\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Nuv\u00e6rende Status<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">ZBC<\/p>\n <p class=\"text-xs text-stone-500\">Fusioneret institution<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"tidslinje\">\n <div class=\"mb-6\">\n <h2 class=\"text-3xl font-bold text-stone-900 mb-3 flex items-center gap-3\">\n <span class=\"text-orange-700\">\u231b<\/span> Tidslinje & Udvikling\n <\/h2>\n <p class=\"text-stone-600 max-w-2xl\">\n Institutionen har gennemg\u00e5et markante forandringer gennem \u00e5rtierne. Brug tidslinjen herunder til at udforske de specifikke perioder, fra grundl\u00e6ggelsen til de \u00f8konomiske udfordringer og den endelige fusion.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-sm border border-stone-200 overflow-hidden flex flex-col md:flex-row min-h-[400px]\">\n \n <div class=\"md:w-1\/3 bg-stone-50 border-r border-stone-200 p-4 flex flex-col gap-2\">\n <p class=\"text-xs font-bold text-stone-400 uppercase mb-2 tracking-wider pl-2\">V\u00e6lg Periode<\/p>\n <button onclick=\"updateTimeline(0)\" id=\"time-btn-0\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200 active-era\">\n <span class=\"block text-sm font-bold text-orange-800\">1945 – 1960’erne<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">R\u00f8dder & Opstart<\/span>\n <\/button>\n <button onclick=\"updateTimeline(1)\" id=\"time-btn-1\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200\">\n <span class=\"block text-sm font-bold text-orange-800\">1970’erne – 1990’erne<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">Ekspansion & Slagteriet<\/span>\n <\/button>\n <button onclick=\"updateTimeline(2)\" id=\"time-btn-2\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200\">\n <span class=\"block text-sm font-bold text-orange-800\">2000’erne<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">\u00d8konomisk Pres<\/span>\n <\/button>\n <button onclick=\"updateTimeline(3)\" id=\"time-btn-3\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200\">\n <span class=\"block text-sm font-bold text-orange-800\">Nutiden<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">ZBC & Fusion<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"md:w-2\/3 p-8 relative flex flex-col justify-center\">\n <div id=\"timeline-content\" class=\"transition-opacity duration-300\">\n \n <\/div>\n \n <div class=\"absolute bottom-4 right-4 text-stone-100 text-9xl pointer-events-none select-none font-serif leading-none\" id=\"timeline-bg-year\">1945<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analyse\" class=\"bg-stone-100 rounded-xl p-6 md:p-10\">\n <div class=\"mb-8\">\n <h2 class=\"text-3xl font-bold text-stone-900 mb-3 flex items-center gap-3\">\n <span class=\"text-orange-700\">\ud83d\udcca<\/span> Institutionens Transformation\n <\/h2>\n <p class=\"text-stone-600 max-w-3xl\">\n Her visualiseres de data-punkter, der kan udledes af rapporten. Vi ser tydeligt skiftet fra en mono-faglig skole (kun k\u00f8d) til en multi-faglig institution (k\u00f8d + omsorg), samt de \u00f8konomiske cyklusser der drev fusionen.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"bg-white p-6 rounded-lg shadow-sm border border-stone-200 flex flex-col\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-2\">Uddannelsesfordeling<\/h3>\n <p class=\"text-sm text-stone-500 mb-4\">Sammenligning af faglig bredde f\u00f8r og efter ZBC fusionen.<\/p>\n \n \n <div class=\"flex justify-center mb-4 space-x-2 bg-stone-100 p-1 rounded-lg self-center\">\n <button onclick=\"updateDoughnut('pre')\" id=\"btn-pre\" class=\"px-4 py-1 text-xs font-bold rounded-md bg-white shadow text-stone-800 transition-all\">Slagteriskolen<\/button>\n <button onclick=\"updateDoughnut('post')\" id=\"btn-post\" class=\"px-4 py-1 text-xs font-bold rounded-md text-stone-500 hover:bg-white\/50 transition-all\">ZBC (Nu)<\/button>\n <\/div>\n\n <div class=\"chart-container flex-grow\">\n <canvas id=\"focusChart\"><\/canvas>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-lg shadow-sm border border-stone-200\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-2\">Institutionel Stabilitet<\/h3>\n <p class=\"text-sm text-stone-500 mb-4\">Illustreret forl\u00f8b af \u00f8konomisk stabilitet baseret p\u00e5 rapportens narrativ.<\/p>\n <div class=\"chart-container\">\n <canvas id=\"trendChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"lokation\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 items-start\">\n <div class=\"md:col-span-1\">\n <div class=\"bg-orange-900 text-orange-50 p-6 rounded-xl shadow-lg\">\n <h2 class=\"text-2xl font-bold mb-4 flex items-center gap-2\">\ud83d\udccd Lokationen<\/h2>\n <div class=\"space-y-4\">\n <div class=\"border-l-2 border-orange-400\/30 pl-4\">\n <p class=\"text-xs text-orange-200 uppercase tracking-wide\">Stedet<\/p>\n <p class=\"font-semibold\">Det Gamle Andelssvineslagteri<\/p>\n <\/div>\n <div class=\"border-l-2 border-orange-400\/30 pl-4\">\n <p class=\"text-xs text-orange-200 uppercase tracking-wide\">Funktion<\/p>\n <p class=\"font-semibold\">Skoleslagteri & Undervisning<\/p>\n <\/div>\n <div class=\"border-l-2 border-orange-400\/30 pl-4\">\n <p class=\"text-xs text-orange-200 uppercase tracking-wide\">Betydning<\/p>\n <p class=\"font-semibold\">Genbrug af industriel infrastruktur<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:col-span-2\">\n <h3 class=\"text-2xl font-bold text-stone-900 mb-4\">Fra Industri til L\u00e6ring<\/h3>\n <p class=\"text-stone-600 mb-4 leading-relaxed\">\n En af de mest interessante detaljer i skolens historie er den fysiske ramme. Da skolen voksede, valgte man at overtage det nedlagte <strong>Andelssvineslagteri<\/strong>.\n <\/p>\n <p class=\"text-stone-600 mb-6 leading-relaxed\">\n Dette var ikke blot en praktisk l\u00f8sning, men en p\u00e6dagogisk gevinst. Ved at indrette et “skoleslagteri” i bygninger, der var designet til netop dette form\u00e5l, fik eleverne en uddannelse i omgivelser, der 1:1 simulerede virkeligheden. Det skabte en direkte linje fra den industrielle fortid til uddannelsen af fremtidens h\u00e5ndv\u00e6rkere.\n <\/p>\n \n \n <div class=\"bg-white border border-stone-200 p-4 rounded-lg flex gap-4 items-center hover:shadow-md transition-shadow cursor-pointer group\">\n <div class=\"bg-stone-100 p-3 rounded-full text-2xl group-hover:bg-orange-100 group-hover:text-orange-700 transition-colors\">\ud83c\udfd7\ufe0f<\/div>\n <div>\n <h4 class=\"font-bold text-stone-800\">Adaptiv Genbrug<\/h4>\n <p class=\"text-sm text-stone-500\">Slagteriskolen er et tidligt eksempel p\u00e5, hvordan industribygninger i Roskilde fik nyt liv som uddannelsesinstitutioner.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-stone-900 text-stone-400 py-12 mt-12\">\n <div class=\"max-w-6xl mx-auto px-4 text-center\">\n <p class=\"mb-2 font-semibold text-stone-200\">Slagteriskolen i Roskilde Interaktiv Rapport<\/p>\n <p class=\"text-sm mb-6\">Baseret p\u00e5 lokalhistoriske kilder og data om overgangen til ZBC.<\/p>\n <div class=\"flex justify-center gap-4 text-2xl opacity-50\">\n <span title=\"Historie\">\ud83d\udcdc<\/span>\n <span title=\"Uddannelse\">\ud83c\udf93<\/span>\n <span title=\"Roskilde\">\ud83c\udfd9\ufe0f<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ State Management\n const state = {\n currentEraIndex: 0,\n chartMode: 'pre' \/\/ 'pre' or 'post'\n };\n\n \/\/ Data Store (Simulated based on source text)\n const timelineData = [\n {\n year: \"1945+\",\n title: \"Efterkrigstidens Behov\",\n description: \"Slagteriskolen har r\u00f8dder tilbage til lige efter Anden Verdenskrig. I en tid med genopbygning var der stort behov for fagl\u00e6rte h\u00e5ndv\u00e6rkere til at sikre f\u00f8devareproduktionen.\",\n icon: \"\ud83d\udd28\",\n highlight: \"Starten p\u00e5 en \u00e6ra for Roskilde som uddannelsesby.\"\n },\n {\n year: \"1970-90\",\n title: \"Skoleslagteriet Etableres\",\n description: \"P\u00e5 et tidspunkt i denne periode ekspanderede skolen markant ved at overtage det nedlagte Andelssvineslagteri. Her etablerede man et fuldt funktionelt skoleslagteri.\",\n icon: \"\ud83c\udfed\",\n highlight: \"Uddannelse af tusindvis af butiksslagtere i professionelle rammer.\"\n },\n {\n year: \"2000-10\",\n title: \"\u00d8konomiske Udfordringer\",\n description: \"Som mange andre uddannelsesinstitutioner ramtes skolen af '\u00f8konomiske problemer'. \u00c6ndringer i demografi og tilskud pressede den selvst\u00e6ndige slagteriskole.\",\n icon: \"\ud83d\udcc9\",\n highlight: \"Behovet for konsolidering opst\u00e5r.\"\n },\n {\n year: \"Nu\",\n title: \"Fusion med ZBC\",\n description: \"L\u00f8sningen blev en fusion med ZBC. I dag rummer institutionen stadig slagteruddannelsen, men ZBC har udvidet profilen til ogs\u00e5 at inkludere SOSU-uddannelser.\",\n icon: \"\ud83e\udd1d\",\n highlight: \"En moderne campus med blandede fagligheder.\"\n }\n ];\n\n \/\/ Chart Instances\n let focusChartInstance = null;\n let trendChartInstance = null;\n\n \/\/ --- Interaction Functions ---\n\n \/\/ Navigation\n function scrollToSection(id) {\n document.getElementById(id).scrollIntoView();\n \/\/ Close mobile menu if open\n document.getElementById('mobile-menu').classList.add('hidden');\n }\n\n function toggleMobileMenu() {\n const menu = document.getElementById('mobile-menu');\n menu.classList.toggle('hidden');\n }\n\n \/\/ Timeline Logic\n function updateTimeline(index) {\n state.currentEraIndex = index;\n const data = timelineData[index];\n const contentDiv = document.getElementById('timeline-content');\n const bgYear = document.getElementById('timeline-bg-year');\n\n \/\/ Update Active Button Styling\n document.querySelectorAll('.time-btn').forEach((btn, i) => {\n if (i === index) {\n btn.classList.add('active-era', 'bg-white', 'shadow-md', 'border-stone-200');\n btn.classList.remove('border-transparent');\n \/\/ Add accent border left\n btn.style.borderLeft = \"4px solid #c2410c\"; \n } else {\n btn.classList.remove('active-era', 'bg-white', 'shadow-md', 'border-stone-200');\n btn.classList.add('border-transparent');\n btn.style.borderLeft = \"4px solid transparent\";\n }\n });\n\n \/\/ Update Content with Fade Effect\n contentDiv.style.opacity = '0';\n \n setTimeout(() => {\n contentDiv.innerHTML = `\n <div class=\"flex items-center gap-4 mb-4\">\n <span class=\"text-4xl bg-orange-100 p-3 rounded-full\">${data.icon}<\/span>\n <div>\n <span class=\"text-orange-700 font-bold tracking-wider text-xs uppercase\">Historisk Periode<\/span>\n <h3 class=\"text-3xl font-bold text-stone-900\">${data.title}<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-lg text-stone-600 leading-relaxed mb-6\">${data.description}<\/p>\n <div class=\"bg-stone-50 border-l-4 border-orange-700 p-4 italic text-stone-700\">\n \"${data.highlight}\"\n <\/div>\n `;\n bgYear.innerText = data.year.replace('+', '');\n contentDiv.style.opacity = '1';\n }, 300);\n }\n\n \/\/ Chart Logic: Focus Chart (Doughnut)\n function initFocusChart() {\n const ctx = document.getElementById('focusChart').getContext('2d');\n \n focusChartInstance = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['Slagter\/F\u00f8devarer', 'SOSU\/Omsorg', 'Andet'],\n datasets: [{\n data: [100, 0, 0], \/\/ Default Pre-merger\n backgroundColor: [\n '#9a3412', \/\/ Red\/Meat\n '#22c55e', \/\/ Green\/Care (SOSU placeholder)\n '#d6d3d1' \/\/ Grey\n ],\n borderWidth: 0,\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n usePointStyle: true,\n padding: 20,\n font: { family: 'ui-sans-serif, system-ui' }\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` ${context.label}: ${context.raw}%`;\n }\n }\n }\n }\n }\n });\n }\n\n function updateDoughnut(mode) {\n state.chartMode = mode;\n \n \/\/ Update Buttons\n const btnPre = document.getElementById('btn-pre');\n const btnPost = document.getElementById('btn-post');\n \n if (mode === 'pre') {\n btnPre.classList.replace('text-stone-500', 'text-stone-800');\n btnPre.classList.replace('hover:bg-white\/50', 'bg-white');\n btnPre.classList.add('shadow');\n \n btnPost.classList.replace('text-stone-800', 'text-stone-500');\n btnPost.classList.replace('bg-white', 'hover:bg-white\/50');\n btnPost.classList.remove('shadow');\n\n focusChartInstance.data.datasets[0].data = [100, 0, 0];\n focusChartInstance.data.labels = ['Kun Slagterfaget', 'Ingen SOSU', ''];\n } else {\n btnPost.classList.replace('text-stone-500', 'text-stone-800');\n btnPost.classList.replace('hover:bg-white\/50', 'bg-white');\n btnPost.classList.add('shadow');\n \n btnPre.classList.replace('text-stone-800', 'text-stone-500');\n btnPre.classList.replace('bg-white', 'hover:bg-white\/50');\n btnPre.classList.remove('shadow');\n\n focusChartInstance.data.datasets[0].data = [40, 50, 10]; \/\/ Hypothetical split based on text \"ZBC rummer ogs\u00e5 SOSU\"\n focusChartInstance.data.labels = ['Slagterfaget', 'SOSU & Omsorg', 'F\u00e6lles fag'];\n }\n focusChartInstance.update();\n }\n\n \/\/ Chart Logic: Trend Chart (Line)\n function initTrendChart() {\n const ctx = document.getElementById('trendChart').getContext('2d');\n \n trendChartInstance = new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['1945', '1960', '1980', '2000', '2010', '2023'],\n datasets: [{\n label: 'Institutionel Stabilitet',\n data: [20, 50, 90, 40, 60, 85], \/\/ Conceptual data based on narrative\n borderColor: '#78350f', \/\/ Amber-900\n backgroundColor: 'rgba(120, 53, 15, 0.1)',\n fill: true,\n tension: 0.4,\n pointBackgroundColor: '#fff',\n pointBorderColor: '#78350f',\n pointRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n display: false, \/\/ Abstract scale\n min: 0,\n max: 100\n },\n x: {\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n \/\/ Custom tooltip text based on the year to tell the story\n const year = context.label;\n if (year === '1945') return 'Grundl\u00e6ggelse efter krigen';\n if (year === '1980') return 'H\u00f8jdepunkt: Nyt skoleslagteri';\n if (year === '2000') return '\u00d8konomiske problemer starter';\n if (year === '2010') return 'Fusion med ZBC gennemf\u00f8res';\n if (year === '2023') return 'Stabil drift med flere uddannelser';\n return 'V\u00e6kst';\n }\n }\n },\n annotation: {\n \/\/ Note: Annotation plugin not loaded to keep simple, utilizing native tooltips instead\n }\n }\n }\n });\n }\n\n \/\/ Initialization\n document.addEventListener('DOMContentLoaded', () => {\n updateTimeline(0);\n initFocusChart();\n initTrendChart();\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Slagteriskolen i Roskilde: En Historisk Analyse –> \ud83c\udfeb Slagteriskolen Historisk Arkiv Intro Tidslinje Analyse & Data Lokationen \u2261 Intro Tidslinje Analyse & Data \ud83d\udc16 Lokalhistorisk Rapport Fra Slagteriskole til ZBC: En Roskilde Institution Denne rapport dykker ned i historien om en af Roskildes mest markante erhvervsskoler. Fra r\u00f8dderne i efterkrigstiden til transformationen af det gamle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"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":[301],"tags":[245,320,247,321],"personer":[],"class_list":["post-1488","post","type-post","status-publish","format-standard","hentry","category-institutioner-og-socialt-liv","tag-industri","tag-skole","tag-slagteriskolen","tag-uddannelse"],"_links":{"self":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/1488","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=1488"}],"version-history":[{"count":0,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/1488\/revisions"}],"wp:attachment":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media?parent=1488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/categories?post=1488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/tags?post=1488"},{"taxonomy":"personer","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/personer?post=1488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1488,"date":"2025-12-18T08:32:54","date_gmt":"2025-12-18T07:32:54","guid":{"rendered":"https:\/\/sfbbilleder.eu\/port\/?p=1488"},"modified":"2025-12-19T17:39:32","modified_gmt":"2025-12-19T16:39:32","slug":"om-slagteriskolen","status":"publish","type":"post","link":"https:\/\/sfbbilleder.eu\/port\/om-slagteriskolen\/","title":{"rendered":"Om Slagteriskolen"},"content":{"rendered":"\n\n\n\n \n \n Slagteriskolen i Roskilde: En Historisk Analyse<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n \/* Custom Chart Container Styling as per requirements *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n \n \/* Smooth scrolling for anchor links *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Active state styling for navigation *\/\n .nav-btn.active {\n border-bottom: 2px solid #78350f; \/* Amber-900 *\/\n color: #78350f;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body class=\"bg-stone-50 text-stone-800 font-sans antialiased selection:bg-orange-200 selection:text-orange-900\">\n\n \n \n \n\n \n\n \n –>\n\n \n <nav class=\"sticky top-0 z-50 bg-stone-100\/90 backdrop-blur-md border-b border-stone-200 shadow-sm\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-16 items-center\">\n <div class=\"flex items-center gap-2\">\n <span class=\"text-2xl\" role=\"img\" aria-label=\"Icon\">\ud83c\udfeb<\/span>\n <span class=\"font-bold text-xl tracking-tight text-stone-900\">Slagteriskolen Historisk Arkiv<\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8\">\n <button onclick=\"scrollToSection('intro')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Intro<\/button>\n <button onclick=\"scrollToSection('tidslinje')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Tidslinje<\/button>\n <button onclick=\"scrollToSection('analyse')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Analyse & Data<\/button>\n <button onclick=\"scrollToSection('lokation')\" class=\"nav-btn text-stone-600 hover:text-stone-900 px-3 py-2 text-sm font-medium transition-colors\">Lokationen<\/button>\n <\/div>\n \n <div class=\"md:hidden\">\n <button onclick=\"toggleMobileMenu()\" class=\"text-stone-600 focus:outline-none text-2xl\">\u2261<\/button>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden pb-4\">\n <button onclick=\"scrollToSection('intro')\" class=\"block w-full text-left px-4 py-2 text-stone-600 hover:bg-stone-200\">Intro<\/button>\n <button onclick=\"scrollToSection('tidslinje')\" class=\"block w-full text-left px-4 py-2 text-stone-600 hover:bg-stone-200\">Tidslinje<\/button>\n <button onclick=\"scrollToSection('analyse')\" class=\"block w-full text-left px-4 py-2 text-stone-600 hover:bg-stone-200\">Analyse & Data<\/button>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-10 space-y-16\">\n\n \n <section id=\"intro\" class=\"animate-fade-in\">\n <div class=\"bg-white rounded-xl shadow-sm border border-stone-200 p-8 md:p-12 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-4 opacity-5 text-9xl pointer-events-none\">\ud83d\udc16<\/div>\n <div class=\"relative z-10 max-w-3xl\">\n <div class=\"inline-block bg-orange-100 text-orange-800 text-xs font-semibold px-3 py-1 rounded-full mb-4\">Lokalhistorisk Rapport<\/div>\n <h1 class=\"text-4xl md:text-5xl font-bold text-stone-900 mb-6 leading-tight\">Fra Slagteriskole til ZBC: <br>En Roskilde Institution<\/h1>\n <p class=\"text-lg text-stone-600 mb-6 leading-relaxed\">\n Denne rapport dykker ned i historien om en af Roskildes mest markante erhvervsskoler. Fra r\u00f8dderne i efterkrigstiden til transformationen af det gamle Andelssvineslagteri og den moderne fusion med ZBC.\n <\/p>\n \n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 mt-10 border-t border-stone-100 pt-8\">\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Startet<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">1945+<\/p>\n <p class=\"text-xs text-stone-500\">Efter 2. Verdenskrig<\/p>\n <\/div>\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Hovedfag<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">Slagter<\/p>\n <p class=\"text-xs text-stone-500\">& Butiksslagter<\/p>\n <\/div>\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Lokation<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">Magleg\u00e5rdsvej<\/p>\n <p class=\"text-xs text-stone-500\">Tidl. Andelssvineslagteri<\/p>\n <\/div>\n <div>\n <p class=\"text-stone-400 text-sm uppercase tracking-wider font-semibold\">Nuv\u00e6rende Status<\/p>\n <p class=\"text-2xl font-bold text-stone-800\">ZBC<\/p>\n <p class=\"text-xs text-stone-500\">Fusioneret institution<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"tidslinje\">\n <div class=\"mb-6\">\n <h2 class=\"text-3xl font-bold text-stone-900 mb-3 flex items-center gap-3\">\n <span class=\"text-orange-700\">\u231b<\/span> Tidslinje & Udvikling\n <\/h2>\n <p class=\"text-stone-600 max-w-2xl\">\n Institutionen har gennemg\u00e5et markante forandringer gennem \u00e5rtierne. Brug tidslinjen herunder til at udforske de specifikke perioder, fra grundl\u00e6ggelsen til de \u00f8konomiske udfordringer og den endelige fusion.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-sm border border-stone-200 overflow-hidden flex flex-col md:flex-row min-h-[400px]\">\n \n <div class=\"md:w-1\/3 bg-stone-50 border-r border-stone-200 p-4 flex flex-col gap-2\">\n <p class=\"text-xs font-bold text-stone-400 uppercase mb-2 tracking-wider pl-2\">V\u00e6lg Periode<\/p>\n <button onclick=\"updateTimeline(0)\" id=\"time-btn-0\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200 active-era\">\n <span class=\"block text-sm font-bold text-orange-800\">1945 – 1960’erne<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">R\u00f8dder & Opstart<\/span>\n <\/button>\n <button onclick=\"updateTimeline(1)\" id=\"time-btn-1\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200\">\n <span class=\"block text-sm font-bold text-orange-800\">1970’erne – 1990’erne<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">Ekspansion & Slagteriet<\/span>\n <\/button>\n <button onclick=\"updateTimeline(2)\" id=\"time-btn-2\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200\">\n <span class=\"block text-sm font-bold text-orange-800\">2000’erne<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">\u00d8konomisk Pres<\/span>\n <\/button>\n <button onclick=\"updateTimeline(3)\" id=\"time-btn-3\" class=\"time-btn text-left px-4 py-4 rounded-lg hover:bg-white hover:shadow-sm transition-all border border-transparent hover:border-stone-200\">\n <span class=\"block text-sm font-bold text-orange-800\">Nutiden<\/span>\n <span class=\"block text-lg font-bold text-stone-800\">ZBC & Fusion<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"md:w-2\/3 p-8 relative flex flex-col justify-center\">\n <div id=\"timeline-content\" class=\"transition-opacity duration-300\">\n \n <\/div>\n \n <div class=\"absolute bottom-4 right-4 text-stone-100 text-9xl pointer-events-none select-none font-serif leading-none\" id=\"timeline-bg-year\">1945<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analyse\" class=\"bg-stone-100 rounded-xl p-6 md:p-10\">\n <div class=\"mb-8\">\n <h2 class=\"text-3xl font-bold text-stone-900 mb-3 flex items-center gap-3\">\n <span class=\"text-orange-700\">\ud83d\udcca<\/span> Institutionens Transformation\n <\/h2>\n <p class=\"text-stone-600 max-w-3xl\">\n Her visualiseres de data-punkter, der kan udledes af rapporten. Vi ser tydeligt skiftet fra en mono-faglig skole (kun k\u00f8d) til en multi-faglig institution (k\u00f8d + omsorg), samt de \u00f8konomiske cyklusser der drev fusionen.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"bg-white p-6 rounded-lg shadow-sm border border-stone-200 flex flex-col\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-2\">Uddannelsesfordeling<\/h3>\n <p class=\"text-sm text-stone-500 mb-4\">Sammenligning af faglig bredde f\u00f8r og efter ZBC fusionen.<\/p>\n \n \n <div class=\"flex justify-center mb-4 space-x-2 bg-stone-100 p-1 rounded-lg self-center\">\n <button onclick=\"updateDoughnut('pre')\" id=\"btn-pre\" class=\"px-4 py-1 text-xs font-bold rounded-md bg-white shadow text-stone-800 transition-all\">Slagteriskolen<\/button>\n <button onclick=\"updateDoughnut('post')\" id=\"btn-post\" class=\"px-4 py-1 text-xs font-bold rounded-md text-stone-500 hover:bg-white\/50 transition-all\">ZBC (Nu)<\/button>\n <\/div>\n\n <div class=\"chart-container flex-grow\">\n <canvas id=\"focusChart\"><\/canvas>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-lg shadow-sm border border-stone-200\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-2\">Institutionel Stabilitet<\/h3>\n <p class=\"text-sm text-stone-500 mb-4\">Illustreret forl\u00f8b af \u00f8konomisk stabilitet baseret p\u00e5 rapportens narrativ.<\/p>\n <div class=\"chart-container\">\n <canvas id=\"trendChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"lokation\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 items-start\">\n <div class=\"md:col-span-1\">\n <div class=\"bg-orange-900 text-orange-50 p-6 rounded-xl shadow-lg\">\n <h2 class=\"text-2xl font-bold mb-4 flex items-center gap-2\">\ud83d\udccd Lokationen<\/h2>\n <div class=\"space-y-4\">\n <div class=\"border-l-2 border-orange-400\/30 pl-4\">\n <p class=\"text-xs text-orange-200 uppercase tracking-wide\">Stedet<\/p>\n <p class=\"font-semibold\">Det Gamle Andelssvineslagteri<\/p>\n <\/div>\n <div class=\"border-l-2 border-orange-400\/30 pl-4\">\n <p class=\"text-xs text-orange-200 uppercase tracking-wide\">Funktion<\/p>\n <p class=\"font-semibold\">Skoleslagteri & Undervisning<\/p>\n <\/div>\n <div class=\"border-l-2 border-orange-400\/30 pl-4\">\n <p class=\"text-xs text-orange-200 uppercase tracking-wide\">Betydning<\/p>\n <p class=\"font-semibold\">Genbrug af industriel infrastruktur<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:col-span-2\">\n <h3 class=\"text-2xl font-bold text-stone-900 mb-4\">Fra Industri til L\u00e6ring<\/h3>\n <p class=\"text-stone-600 mb-4 leading-relaxed\">\n En af de mest interessante detaljer i skolens historie er den fysiske ramme. Da skolen voksede, valgte man at overtage det nedlagte <strong>Andelssvineslagteri<\/strong>.\n <\/p>\n <p class=\"text-stone-600 mb-6 leading-relaxed\">\n Dette var ikke blot en praktisk l\u00f8sning, men en p\u00e6dagogisk gevinst. Ved at indrette et “skoleslagteri” i bygninger, der var designet til netop dette form\u00e5l, fik eleverne en uddannelse i omgivelser, der 1:1 simulerede virkeligheden. Det skabte en direkte linje fra den industrielle fortid til uddannelsen af fremtidens h\u00e5ndv\u00e6rkere.\n <\/p>\n \n \n <div class=\"bg-white border border-stone-200 p-4 rounded-lg flex gap-4 items-center hover:shadow-md transition-shadow cursor-pointer group\">\n <div class=\"bg-stone-100 p-3 rounded-full text-2xl group-hover:bg-orange-100 group-hover:text-orange-700 transition-colors\">\ud83c\udfd7\ufe0f<\/div>\n <div>\n <h4 class=\"font-bold text-stone-800\">Adaptiv Genbrug<\/h4>\n <p class=\"text-sm text-stone-500\">Slagteriskolen er et tidligt eksempel p\u00e5, hvordan industribygninger i Roskilde fik nyt liv som uddannelsesinstitutioner.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-stone-900 text-stone-400 py-12 mt-12\">\n <div class=\"max-w-6xl mx-auto px-4 text-center\">\n <p class=\"mb-2 font-semibold text-stone-200\">Slagteriskolen i Roskilde Interaktiv Rapport<\/p>\n <p class=\"text-sm mb-6\">Baseret p\u00e5 lokalhistoriske kilder og data om overgangen til ZBC.<\/p>\n <div class=\"flex justify-center gap-4 text-2xl opacity-50\">\n <span title=\"Historie\">\ud83d\udcdc<\/span>\n <span title=\"Uddannelse\">\ud83c\udf93<\/span>\n <span title=\"Roskilde\">\ud83c\udfd9\ufe0f<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ State Management\n const state = {\n currentEraIndex: 0,\n chartMode: 'pre' \/\/ 'pre' or 'post'\n };\n\n \/\/ Data Store (Simulated based on source text)\n const timelineData = [\n {\n year: \"1945+\",\n title: \"Efterkrigstidens Behov\",\n description: \"Slagteriskolen har r\u00f8dder tilbage til lige efter Anden Verdenskrig. I en tid med genopbygning var der stort behov for fagl\u00e6rte h\u00e5ndv\u00e6rkere til at sikre f\u00f8devareproduktionen.\",\n icon: \"\ud83d\udd28\",\n highlight: \"Starten p\u00e5 en \u00e6ra for Roskilde som uddannelsesby.\"\n },\n {\n year: \"1970-90\",\n title: \"Skoleslagteriet Etableres\",\n description: \"P\u00e5 et tidspunkt i denne periode ekspanderede skolen markant ved at overtage det nedlagte Andelssvineslagteri. Her etablerede man et fuldt funktionelt skoleslagteri.\",\n icon: \"\ud83c\udfed\",\n highlight: \"Uddannelse af tusindvis af butiksslagtere i professionelle rammer.\"\n },\n {\n year: \"2000-10\",\n title: \"\u00d8konomiske Udfordringer\",\n description: \"Som mange andre uddannelsesinstitutioner ramtes skolen af '\u00f8konomiske problemer'. \u00c6ndringer i demografi og tilskud pressede den selvst\u00e6ndige slagteriskole.\",\n icon: \"\ud83d\udcc9\",\n highlight: \"Behovet for konsolidering opst\u00e5r.\"\n },\n {\n year: \"Nu\",\n title: \"Fusion med ZBC\",\n description: \"L\u00f8sningen blev en fusion med ZBC. I dag rummer institutionen stadig slagteruddannelsen, men ZBC har udvidet profilen til ogs\u00e5 at inkludere SOSU-uddannelser.\",\n icon: \"\ud83e\udd1d\",\n highlight: \"En moderne campus med blandede fagligheder.\"\n }\n ];\n\n \/\/ Chart Instances\n let focusChartInstance = null;\n let trendChartInstance = null;\n\n \/\/ --- Interaction Functions ---\n\n \/\/ Navigation\n function scrollToSection(id) {\n document.getElementById(id).scrollIntoView();\n \/\/ Close mobile menu if open\n document.getElementById('mobile-menu').classList.add('hidden');\n }\n\n function toggleMobileMenu() {\n const menu = document.getElementById('mobile-menu');\n menu.classList.toggle('hidden');\n }\n\n \/\/ Timeline Logic\n function updateTimeline(index) {\n state.currentEraIndex = index;\n const data = timelineData[index];\n const contentDiv = document.getElementById('timeline-content');\n const bgYear = document.getElementById('timeline-bg-year');\n\n \/\/ Update Active Button Styling\n document.querySelectorAll('.time-btn').forEach((btn, i) => {\n if (i === index) {\n btn.classList.add('active-era', 'bg-white', 'shadow-md', 'border-stone-200');\n btn.classList.remove('border-transparent');\n \/\/ Add accent border left\n btn.style.borderLeft = \"4px solid #c2410c\"; \n } else {\n btn.classList.remove('active-era', 'bg-white', 'shadow-md', 'border-stone-200');\n btn.classList.add('border-transparent');\n btn.style.borderLeft = \"4px solid transparent\";\n }\n });\n\n \/\/ Update Content with Fade Effect\n contentDiv.style.opacity = '0';\n \n setTimeout(() => {\n contentDiv.innerHTML = `\n <div class=\"flex items-center gap-4 mb-4\">\n <span class=\"text-4xl bg-orange-100 p-3 rounded-full\">${data.icon}<\/span>\n <div>\n <span class=\"text-orange-700 font-bold tracking-wider text-xs uppercase\">Historisk Periode<\/span>\n <h3 class=\"text-3xl font-bold text-stone-900\">${data.title}<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-lg text-stone-600 leading-relaxed mb-6\">${data.description}<\/p>\n <div class=\"bg-stone-50 border-l-4 border-orange-700 p-4 italic text-stone-700\">\n \"${data.highlight}\"\n <\/div>\n `;\n bgYear.innerText = data.year.replace('+', '');\n contentDiv.style.opacity = '1';\n }, 300);\n }\n\n \/\/ Chart Logic: Focus Chart (Doughnut)\n function initFocusChart() {\n const ctx = document.getElementById('focusChart').getContext('2d');\n \n focusChartInstance = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['Slagter\/F\u00f8devarer', 'SOSU\/Omsorg', 'Andet'],\n datasets: [{\n data: [100, 0, 0], \/\/ Default Pre-merger\n backgroundColor: [\n '#9a3412', \/\/ Red\/Meat\n '#22c55e', \/\/ Green\/Care (SOSU placeholder)\n '#d6d3d1' \/\/ Grey\n ],\n borderWidth: 0,\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n usePointStyle: true,\n padding: 20,\n font: { family: 'ui-sans-serif, system-ui' }\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` ${context.label}: ${context.raw}%`;\n }\n }\n }\n }\n }\n });\n }\n\n function updateDoughnut(mode) {\n state.chartMode = mode;\n \n \/\/ Update Buttons\n const btnPre = document.getElementById('btn-pre');\n const btnPost = document.getElementById('btn-post');\n \n if (mode === 'pre') {\n btnPre.classList.replace('text-stone-500', 'text-stone-800');\n btnPre.classList.replace('hover:bg-white\/50', 'bg-white');\n btnPre.classList.add('shadow');\n \n btnPost.classList.replace('text-stone-800', 'text-stone-500');\n btnPost.classList.replace('bg-white', 'hover:bg-white\/50');\n btnPost.classList.remove('shadow');\n\n focusChartInstance.data.datasets[0].data = [100, 0, 0];\n focusChartInstance.data.labels = ['Kun Slagterfaget', 'Ingen SOSU', ''];\n } else {\n btnPost.classList.replace('text-stone-500', 'text-stone-800');\n btnPost.classList.replace('hover:bg-white\/50', 'bg-white');\n btnPost.classList.add('shadow');\n \n btnPre.classList.replace('text-stone-800', 'text-stone-500');\n btnPre.classList.replace('bg-white', 'hover:bg-white\/50');\n btnPre.classList.remove('shadow');\n\n focusChartInstance.data.datasets[0].data = [40, 50, 10]; \/\/ Hypothetical split based on text \"ZBC rummer ogs\u00e5 SOSU\"\n focusChartInstance.data.labels = ['Slagterfaget', 'SOSU & Omsorg', 'F\u00e6lles fag'];\n }\n focusChartInstance.update();\n }\n\n \/\/ Chart Logic: Trend Chart (Line)\n function initTrendChart() {\n const ctx = document.getElementById('trendChart').getContext('2d');\n \n trendChartInstance = new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['1945', '1960', '1980', '2000', '2010', '2023'],\n datasets: [{\n label: 'Institutionel Stabilitet',\n data: [20, 50, 90, 40, 60, 85], \/\/ Conceptual data based on narrative\n borderColor: '#78350f', \/\/ Amber-900\n backgroundColor: 'rgba(120, 53, 15, 0.1)',\n fill: true,\n tension: 0.4,\n pointBackgroundColor: '#fff',\n pointBorderColor: '#78350f',\n pointRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n display: false, \/\/ Abstract scale\n min: 0,\n max: 100\n },\n x: {\n grid: { display: false }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n \/\/ Custom tooltip text based on the year to tell the story\n const year = context.label;\n if (year === '1945') return 'Grundl\u00e6ggelse efter krigen';\n if (year === '1980') return 'H\u00f8jdepunkt: Nyt skoleslagteri';\n if (year === '2000') return '\u00d8konomiske problemer starter';\n if (year === '2010') return 'Fusion med ZBC gennemf\u00f8res';\n if (year === '2023') return 'Stabil drift med flere uddannelser';\n return 'V\u00e6kst';\n }\n }\n },\n annotation: {\n \/\/ Note: Annotation plugin not loaded to keep simple, utilizing native tooltips instead\n }\n }\n }\n });\n }\n\n \/\/ Initialization\n document.addEventListener('DOMContentLoaded', () => {\n updateTimeline(0);\n initFocusChart();\n initTrendChart();\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Slagteriskolen i Roskilde: En Historisk Analyse –> \ud83c\udfeb Slagteriskolen Historisk Arkiv Intro Tidslinje Analyse & Data Lokationen \u2261 Intro Tidslinje Analyse & Data \ud83d\udc16 Lokalhistorisk Rapport Fra Slagteriskole til ZBC: En Roskilde Institution Denne rapport dykker ned i historien om en af Roskildes mest markante erhvervsskoler. Fra r\u00f8dderne i efterkrigstiden til transformationen af det gamle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"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":[301],"tags":[245,320,247,321],"personer":[],"class_list":["post-1488","post","type-post","status-publish","format-standard","hentry","category-institutioner-og-socialt-liv","tag-industri","tag-skole","tag-slagteriskolen","tag-uddannelse"],"_links":{"self":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/1488","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=1488"}],"version-history":[{"count":0,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/posts\/1488\/revisions"}],"wp:attachment":[{"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/media?parent=1488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/categories?post=1488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/tags?post=1488"},{"taxonomy":"personer","embeddable":true,"href":"https:\/\/sfbbilleder.eu\/port\/wp-json\/wp\/v2\/personer?post=1488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}