Project Development Timeline<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #3498db;\n --dark: #2c3e50;\n --text: #4a5568;\n --bg: #f8fafc;\n --white: #ffffff;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.7;\n background-color: var(--bg);\n background-image: \n radial-gradient(at 0% 0%, rgba(52, 152, 219, 0.05) 0px, transparent 50%),\n radial-gradient(at 100% 100%, rgba(52, 152, 219, 0.05) 0px, transparent 50%);\n color: var(--text);\n overflow-x: hidden;\n }\n\n \/* Reading Progress Bar *\/\n .progress-container {\n position: fixed;\n top: 0;\n z-index: 2000;\n width: 100%;\n height: 4px;\n background: rgba(255,255,255,0.1);\n }\n .progress-bar {\n height: 4px;\n background: var(--primary);\n width: 0%;\n transition: width 0.1s ease;\n }\n\n header {\n background-color: var(--white);\n text-align: center;\n padding: 80px 20px 40px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n }\n\n header h1 {\n color: var(--dark);\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -1px;\n margin-bottom: 15px;\n }\n\n header p {\n color: #7f8c8d;\n font-size: 1.2rem;\n font-weight: 300;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .video-wrapper {\n max-width: 900px;\n margin: -30px auto 60px auto;\n padding: 0 20px;\n animation: slideUpFade 1s ease-out forwards;\n }\n\n @keyframes slideUpFade {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 24px;\n background: #000;\n box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255,255,255,0.1);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%; border: 0;\n }\n\n .container {\n max-width: 850px;\n margin: auto;\n padding: 0 20px 40px 20px;\n }\n\n .step {\n background: var(--white);\n margin-bottom: 80px;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.06);\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .step.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .step-img-wrapper {\n overflow: hidden;\n position: relative;\n cursor: zoom-in;\n }\n\n .step img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .step:hover img { transform: scale(1.03); }\n\n .step-content { padding: 40px; }\n\n .badge {\n display: inline-block;\n background: rgba(52, 152, 219, 0.1);\n color: var(--primary);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .step-content h2 {\n margin-top: 0;\n color: var(--dark);\n font-size: 1.75rem;\n margin-bottom: 15px;\n }\n\n \/* Footer \/ Back Link *\/\n footer {\n text-align: center;\n padding: 60px 20px 100px 20px;\n }\n\n .back-home {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n color: var(--primary);\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n }\n\n .back-home span {\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n\n .back-home:hover {\n color: var(--dark);\n }\n\n .back-home:hover span {\n transform: translateX(-5px);\n }\n\n \/* Lightbox *\/\n #lightbox {\n position: fixed;\n z-index: 3000;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(15, 23, 42, 0.9);\n backdrop-filter: blur(8px);\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n cursor: zoom-out;\n }\n #lightbox.active { display: flex; opacity: 1; }\n #lightbox img {\n max-width: 90%; max-height: 85%;\n border-radius: 12px;\n transform: scale(0.9);\n transition: transform 0.3s ease;\n }\n #lightbox.active img { transform: scale(1); }\n\n @media (max-width: 600px) {\n header { padding: 60px 20px 30px 20px; }\n .video-wrapper { margin-top: 0; margin-bottom: 40px; }\n .step-content { padding: 25px; }\n .step-content h2 { font-size: 1.4rem; }\n .step { margin-bottom: 40px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"myBar\"><\/div>\n<\/div>\n\n<div id=\"lightbox\">\n <img decoding=\"async\" src=\"\" alt=\"Enlarged view\">\n<\/div>\n\n<header>\n <h1>Building Development Journey<\/h1>\n <p>From breaking ground to the final structure.<\/p>\n<\/header>\n\n<div class=\"video-wrapper\">\n <div class=\"video-container\">\n <iframe \n src=\"https:\/\/www.youtube.com\/embed\/NQ6A6k1a9Wk?si=g5Fq7TMoHVaNyV-u&start=30\" \n allow=\"autoplay; encrypted-media\" \n allowfullscreen>\n <\/iframe>\n <\/div>\n<\/div>\n\n<div class=\"container\">\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\" alt=\"Empty Land\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 1<\/span>\n <h2>The Beginning: Empty Land<\/h2>\n <p>The original site before any construction work commenced.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1682-scaled.jpg\" alt=\"Foundation\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 2<\/span>\n <h2>Foundation & Site Prep<\/h2>\n <p>Excavation and laying the groundwork for the structure.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/arieal-view-not-complete.png\" alt=\"Framing\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 3<\/span>\n <h2>Structural Framing<\/h2>\n <p>The skeleton of the building begins to take shape.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/2024.png\" alt=\"Exterior Finishing\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 4<\/span>\n <h2>Exterior & Roofing<\/h2>\n <p>Closing the building in and starting the facade work.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/16.png\" alt=\"Current State\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 5<\/span>\n <h2>The Current State<\/h2>\n <p>The completed project as it stands today.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<footer>\n <a href=\"\/\" class=\"back-home\">\n <span>←<\/span> Back to Home\n <\/a>\n<\/footer>\n\n<script>\n \/\/ Reveal Animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('visible');\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.step').forEach(step => observer.observe(step));\n\n \/\/ Progress Bar\n window.onscroll = () => {\n let winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n let scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"myBar\").style.width = scrolled + \"%\";\n };\n\n \/\/ Lightbox\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = lightbox.querySelector('img');\n \n document.querySelectorAll('.step-img-wrapper img').forEach(image => {\n image.addEventListener('click', () => {\n lightboxImg.src = image.src;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n });\n\n lightbox.addEventListener('click', () => {\n lightbox.classList.remove('active');\n document.body.style.overflow = 'auto';\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Project Development Timeline Building Development Journey From breaking ground to the final structure. Phase 1 The Beginning: Empty Land The original site before any construction work commenced. Phase 2 Foundation & Site Prep Excavation and laying the groundwork for the structure. Phase 3 Structural Framing The skeleton of the building begins to take shape. Phase […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-723","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website\" \/>\n<meta property=\"og:description\" content=\"Project Development Timeline Building Development Journey From breaking ground to the final structure. Phase 1 The Beginning: Empty Land The original site before any construction work commenced. Phase 2 Foundation & Site Prep Excavation and laying the groundwork for the structure. Phase 3 Structural Framing The skeleton of the building begins to take shape. Phase […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\" \/>\n<meta property=\"og:site_name\" content=\"Sarawak Science Centre (SSCiEX) | Official Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-24T05:00:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\",\"url\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\",\"name\":\"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website\",\"isPartOf\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\",\"datePublished\":\"2026-02-02T02:59:35+00:00\",\"dateModified\":\"2026-02-24T05:00:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage\",\"url\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\",\"contentUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ssciex.org.my\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project Development Timeline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#website\",\"url\":\"https:\/\/ssciex.org.my\/home\/\",\"name\":\"Sarawak Science Centre (SSCiEX)\",\"description\":\"Igniting Curiousity\",\"publisher\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#organization\"},\"alternateName\":\"SSCiEX\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ssciex.org.my\/home\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#organization\",\"name\":\"Sarawak Science Centre (SSCiEX)\",\"url\":\"https:\/\/ssciex.org.my\/home\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png\",\"contentUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Sarawak Science Centre (SSCiEX)\"},\"image\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/\",\"https:\/\/www.instagram.com\/sarawaksciencecentre?igsh=N2FxZ3FjMXdqcDQx\",\"https:\/\/www.tiktok.com\/@ssciex.official\",\"https:\/\/www.linkedin.com\/in\/ssciex\/\",\"https:\/\/www.youtube.com\/@sarawaksciencecentre\"]}]}<\/script>\n","yoast_head_json":{"title":"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","og_locale":"en_GB","og_type":"article","og_title":"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website","og_description":"Project Development Timeline Building Development Journey From breaking ground to the final structure. Phase 1 The Beginning: Empty Land The original site before any construction work commenced. Phase 2 Foundation & Site Prep Excavation and laying the groundwork for the structure. Phase 3 Structural Framing The skeleton of the building begins to take shape. Phase […]","og_url":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","og_site_name":"Sarawak Science Centre (SSCiEX) | Official Website","article_publisher":"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/","article_modified_time":"2026-02-24T05:00:11+00:00","og_image":[{"url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","url":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","name":"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website","isPartOf":{"@id":"https:\/\/ssciex.org.my\/home\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage"},"image":{"@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage"},"thumbnailUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","datePublished":"2026-02-02T02:59:35+00:00","dateModified":"2026-02-24T05:00:11+00:00","breadcrumb":{"@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ssciex.org.my\/home\/project-development-timeline\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage","url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","contentUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ssciex.org.my\/home\/"},{"@type":"ListItem","position":2,"name":"Project Development Timeline"}]},{"@type":"WebSite","@id":"https:\/\/ssciex.org.my\/home\/#website","url":"https:\/\/ssciex.org.my\/home\/","name":"Sarawak Science Centre (SSCiEX)","description":"Igniting Curiousity","publisher":{"@id":"https:\/\/ssciex.org.my\/home\/#organization"},"alternateName":"SSCiEX","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ssciex.org.my\/home\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/ssciex.org.my\/home\/#organization","name":"Sarawak Science Centre (SSCiEX)","url":"https:\/\/ssciex.org.my\/home\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/","url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png","contentUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png","width":512,"height":512,"caption":"Sarawak Science Centre (SSCiEX)"},"image":{"@id":"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/","https:\/\/www.instagram.com\/sarawaksciencecentre?igsh=N2FxZ3FjMXdqcDQx","https:\/\/www.tiktok.com\/@ssciex.official","https:\/\/www.linkedin.com\/in\/ssciex\/","https:\/\/www.youtube.com\/@sarawaksciencecentre"]}]}},"_links":{"self":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":12,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/723\/revisions"}],"predecessor-version":[{"id":1025,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/723\/revisions\/1025"}],"wp:attachment":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/media?parent=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":723,"date":"2026-02-02T02:59:35","date_gmt":"2026-02-02T02:59:35","guid":{"rendered":"https:\/\/ssciex.org.my\/home\/?page_id=723"},"modified":"2026-02-24T13:00:11","modified_gmt":"2026-02-24T05:00:11","slug":"project-development-timeline","status":"publish","type":"page","link":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","title":{"rendered":"Project Development Timeline"},"content":{"rendered":"\n\n\n\n \n \n Project Development Timeline<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #3498db;\n --dark: #2c3e50;\n --text: #4a5568;\n --bg: #f8fafc;\n --white: #ffffff;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.7;\n background-color: var(--bg);\n background-image: \n radial-gradient(at 0% 0%, rgba(52, 152, 219, 0.05) 0px, transparent 50%),\n radial-gradient(at 100% 100%, rgba(52, 152, 219, 0.05) 0px, transparent 50%);\n color: var(--text);\n overflow-x: hidden;\n }\n\n \/* Reading Progress Bar *\/\n .progress-container {\n position: fixed;\n top: 0;\n z-index: 2000;\n width: 100%;\n height: 4px;\n background: rgba(255,255,255,0.1);\n }\n .progress-bar {\n height: 4px;\n background: var(--primary);\n width: 0%;\n transition: width 0.1s ease;\n }\n\n header {\n background-color: var(--white);\n text-align: center;\n padding: 80px 20px 40px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n }\n\n header h1 {\n color: var(--dark);\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -1px;\n margin-bottom: 15px;\n }\n\n header p {\n color: #7f8c8d;\n font-size: 1.2rem;\n font-weight: 300;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .video-wrapper {\n max-width: 900px;\n margin: -30px auto 60px auto;\n padding: 0 20px;\n animation: slideUpFade 1s ease-out forwards;\n }\n\n @keyframes slideUpFade {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 24px;\n background: #000;\n box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255,255,255,0.1);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%; border: 0;\n }\n\n .container {\n max-width: 850px;\n margin: auto;\n padding: 0 20px 40px 20px;\n }\n\n .step {\n background: var(--white);\n margin-bottom: 80px;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.06);\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .step.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .step-img-wrapper {\n overflow: hidden;\n position: relative;\n cursor: zoom-in;\n }\n\n .step img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .step:hover img { transform: scale(1.03); }\n\n .step-content { padding: 40px; }\n\n .badge {\n display: inline-block;\n background: rgba(52, 152, 219, 0.1);\n color: var(--primary);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .step-content h2 {\n margin-top: 0;\n color: var(--dark);\n font-size: 1.75rem;\n margin-bottom: 15px;\n }\n\n \/* Footer \/ Back Link *\/\n footer {\n text-align: center;\n padding: 60px 20px 100px 20px;\n }\n\n .back-home {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n color: var(--primary);\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n }\n\n .back-home span {\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n\n .back-home:hover {\n color: var(--dark);\n }\n\n .back-home:hover span {\n transform: translateX(-5px);\n }\n\n \/* Lightbox *\/\n #lightbox {\n position: fixed;\n z-index: 3000;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(15, 23, 42, 0.9);\n backdrop-filter: blur(8px);\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n cursor: zoom-out;\n }\n #lightbox.active { display: flex; opacity: 1; }\n #lightbox img {\n max-width: 90%; max-height: 85%;\n border-radius: 12px;\n transform: scale(0.9);\n transition: transform 0.3s ease;\n }\n #lightbox.active img { transform: scale(1); }\n\n @media (max-width: 600px) {\n header { padding: 60px 20px 30px 20px; }\n .video-wrapper { margin-top: 0; margin-bottom: 40px; }\n .step-content { padding: 25px; }\n .step-content h2 { font-size: 1.4rem; }\n .step { margin-bottom: 40px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"myBar\"><\/div>\n<\/div>\n\n<div id=\"lightbox\">\n <img decoding=\"async\" src=\"\" alt=\"Enlarged view\">\n<\/div>\n\n<header>\n <h1>Building Development Journey<\/h1>\n <p>From breaking ground to the final structure.<\/p>\n<\/header>\n\n<div class=\"video-wrapper\">\n <div class=\"video-container\">\n <iframe \n src=\"https:\/\/www.youtube.com\/embed\/NQ6A6k1a9Wk?si=g5Fq7TMoHVaNyV-u&start=30\" \n allow=\"autoplay; encrypted-media\" \n allowfullscreen>\n <\/iframe>\n <\/div>\n<\/div>\n\n<div class=\"container\">\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\" alt=\"Empty Land\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 1<\/span>\n <h2>The Beginning: Empty Land<\/h2>\n <p>The original site before any construction work commenced.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1682-scaled.jpg\" alt=\"Foundation\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 2<\/span>\n <h2>Foundation & Site Prep<\/h2>\n <p>Excavation and laying the groundwork for the structure.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/arieal-view-not-complete.png\" alt=\"Framing\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 3<\/span>\n <h2>Structural Framing<\/h2>\n <p>The skeleton of the building begins to take shape.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/2024.png\" alt=\"Exterior Finishing\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 4<\/span>\n <h2>Exterior & Roofing<\/h2>\n <p>Closing the building in and starting the facade work.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/16.png\" alt=\"Current State\">\n <\/div>\n <div class=\"step-content\">\n <span class=\"badge\">Phase 5<\/span>\n <h2>The Current State<\/h2>\n <p>The completed project as it stands today.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<footer>\n <a href=\"\/\" class=\"back-home\">\n <span>←<\/span> Back to Home\n <\/a>\n<\/footer>\n\n<script>\n \/\/ Reveal Animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('visible');\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.step').forEach(step => observer.observe(step));\n\n \/\/ Progress Bar\n window.onscroll = () => {\n let winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n let scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"myBar\").style.width = scrolled + \"%\";\n };\n\n \/\/ Lightbox\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = lightbox.querySelector('img');\n \n document.querySelectorAll('.step-img-wrapper img').forEach(image => {\n image.addEventListener('click', () => {\n lightboxImg.src = image.src;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n });\n\n lightbox.addEventListener('click', () => {\n lightbox.classList.remove('active');\n document.body.style.overflow = 'auto';\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Project Development Timeline Building Development Journey From breaking ground to the final structure. Phase 1 The Beginning: Empty Land The original site before any construction work commenced. Phase 2 Foundation & Site Prep Excavation and laying the groundwork for the structure. Phase 3 Structural Framing The skeleton of the building begins to take shape. Phase […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-723","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website\" \/>\n<meta property=\"og:description\" content=\"Project Development Timeline Building Development Journey From breaking ground to the final structure. Phase 1 The Beginning: Empty Land The original site before any construction work commenced. Phase 2 Foundation & Site Prep Excavation and laying the groundwork for the structure. Phase 3 Structural Framing The skeleton of the building begins to take shape. Phase […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\" \/>\n<meta property=\"og:site_name\" content=\"Sarawak Science Centre (SSCiEX) | Official Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-24T05:00:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\",\"url\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\",\"name\":\"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website\",\"isPartOf\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\",\"datePublished\":\"2026-02-02T02:59:35+00:00\",\"dateModified\":\"2026-02-24T05:00:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage\",\"url\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\",\"contentUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ssciex.org.my\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project Development Timeline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#website\",\"url\":\"https:\/\/ssciex.org.my\/home\/\",\"name\":\"Sarawak Science Centre (SSCiEX)\",\"description\":\"Igniting Curiousity\",\"publisher\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#organization\"},\"alternateName\":\"SSCiEX\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ssciex.org.my\/home\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#organization\",\"name\":\"Sarawak Science Centre (SSCiEX)\",\"url\":\"https:\/\/ssciex.org.my\/home\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png\",\"contentUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Sarawak Science Centre (SSCiEX)\"},\"image\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/\",\"https:\/\/www.instagram.com\/sarawaksciencecentre?igsh=N2FxZ3FjMXdqcDQx\",\"https:\/\/www.tiktok.com\/@ssciex.official\",\"https:\/\/www.linkedin.com\/in\/ssciex\/\",\"https:\/\/www.youtube.com\/@sarawaksciencecentre\"]}]}<\/script>\n","yoast_head_json":{"title":"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","og_locale":"en_GB","og_type":"article","og_title":"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website","og_description":"Project Development Timeline Building Development Journey From breaking ground to the final structure. Phase 1 The Beginning: Empty Land The original site before any construction work commenced. Phase 2 Foundation & Site Prep Excavation and laying the groundwork for the structure. Phase 3 Structural Framing The skeleton of the building begins to take shape. Phase […]","og_url":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","og_site_name":"Sarawak Science Centre (SSCiEX) | Official Website","article_publisher":"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/","article_modified_time":"2026-02-24T05:00:11+00:00","og_image":[{"url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","url":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/","name":"Project Development Timeline | Sarawak Science Centre (SSCiEX) | Official Website","isPartOf":{"@id":"https:\/\/ssciex.org.my\/home\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage"},"image":{"@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage"},"thumbnailUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","datePublished":"2026-02-02T02:59:35+00:00","dateModified":"2026-02-24T05:00:11+00:00","breadcrumb":{"@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ssciex.org.my\/home\/project-development-timeline\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#primaryimage","url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","contentUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/02\/DSC_1728-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/ssciex.org.my\/home\/project-development-timeline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ssciex.org.my\/home\/"},{"@type":"ListItem","position":2,"name":"Project Development Timeline"}]},{"@type":"WebSite","@id":"https:\/\/ssciex.org.my\/home\/#website","url":"https:\/\/ssciex.org.my\/home\/","name":"Sarawak Science Centre (SSCiEX)","description":"Igniting Curiousity","publisher":{"@id":"https:\/\/ssciex.org.my\/home\/#organization"},"alternateName":"SSCiEX","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ssciex.org.my\/home\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/ssciex.org.my\/home\/#organization","name":"Sarawak Science Centre (SSCiEX)","url":"https:\/\/ssciex.org.my\/home\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/","url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png","contentUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png","width":512,"height":512,"caption":"Sarawak Science Centre (SSCiEX)"},"image":{"@id":"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/","https:\/\/www.instagram.com\/sarawaksciencecentre?igsh=N2FxZ3FjMXdqcDQx","https:\/\/www.tiktok.com\/@ssciex.official","https:\/\/www.linkedin.com\/in\/ssciex\/","https:\/\/www.youtube.com\/@sarawaksciencecentre"]}]}},"_links":{"self":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":12,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/723\/revisions"}],"predecessor-version":[{"id":1025,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/723\/revisions\/1025"}],"wp:attachment":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/media?parent=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}