{"id":63,"date":"2025-10-11T12:22:24","date_gmt":"2025-10-11T12:22:24","guid":{"rendered":"https:\/\/web31251290.lab1.almamater.si\/?page_id=63"},"modified":"2025-10-21T14:02:22","modified_gmt":"2025-10-21T12:02:22","slug":"singapur","status":"publish","type":"page","link":"https:\/\/web31251290.lab1.almamater.si\/index.php\/singapur\/","title":{"rendered":"Singapur"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"63\" class=\"elementor elementor-63\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a045a8 e-flex e-con-boxed e-con e-parent\" data-id=\"4a045a8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d2cf05 elementor-widget elementor-widget-html\" data-id=\"9d2cf05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMART CITY \u2014 TOP NAV (vedno viden, z napisom \u201cTokio\u201d) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<header class=\"smart-topnav\" role=\"navigation\" aria-label=\"Main\">\r\n  <div class=\"nav-frame\">\r\n    <div class=\"nav-inner\">\r\n      <a class=\"brand\" href=\"https:\/\/web31251290.lab1.almamater.si\" aria-label=\"Home\">\r\n        <span class=\"dot\"><\/span> Smart City\r\n      <\/a>\r\n\r\n      <button class=\"nav-toggle\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n\r\n      <nav class=\"nav-links\">\r\n        <a href=\"https:\/\/web31251290.lab1.almamater.si\" data-route=\"home\" class=\"is-active\">Home<\/a>\r\n        <a href=\"https:\/\/web31251290.lab1.almamater.si\/index.php\/singapur\" data-route=\"singapore\">Singapur<\/a>\r\n        <a href=\"https:\/\/web31251290.lab1.almamater.si\/index.php\/tokio\" data-route=\"tokio\">Tokio<\/a>\r\n        <a href=\"https:\/\/web31251290.lab1.almamater.si\/index.php\/london\" data-route=\"london\">London<\/a>\r\n        <a href=\"https:\/\/web31251290.lab1.almamater.si\/index.php\/barcelona\" data-route=\"barcelona\">Barcelona<\/a>\r\n        <a href=\"https:\/\/web31251290.lab1.almamater.si\/index.php\/ljubljana\" data-route=\"ljubljana\">Ljubljana<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n:root{\r\n  --bg-0:#05070c; --bg-1:#0b0f18;\r\n  --txt-1:#e7fbff; --txt-2:#9fd8ea;\r\n  --accent:#00eaff;\r\n  --border:rgba(255,255,255,.08);\r\n}\r\n\r\n\/* ====== TOP NAV ====== *\/\r\n.smart-topnav{\r\n    top: 20px; \r\n  position:fixed;\r\n  top:0; left:0; width:100%;\r\n  z-index:9999;\r\n  font-family:\"Poppins\",system-ui,Segoe UI,Arial,sans-serif;\r\n  color:var(--txt-1);\r\n  transition: background .3s ease, box-shadow .3s ease;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n\/* okvir menija *\/\r\n.smart-topnav .nav-frame{\r\n  background: rgba(5,7,12,0.7);\r\n  border-bottom: 1px solid var(--border);\r\n  box-shadow: 0 6px 20px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* notranjost *\/\r\n.smart-topnav .nav-inner{\r\n  max-width: 1200px; margin: 0 auto;\r\n  padding: 12px 18px;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n\r\n\/* brand *\/\r\n.smart-topnav .brand{\r\n  display:flex; align-items:center; gap:.6rem;\r\n  font-weight:800; letter-spacing:.5px; text-decoration:none; color:var(--txt-1);\r\n}\r\n.smart-topnav .brand .dot{\r\n  width:10px; height:10px; border-radius:999px;\r\n  background: radial-gradient(circle at 50% 50%, var(--accent) 0%, transparent 70%);\r\n  box-shadow: 0 0 12px var(--accent), 0 0 28px var(--accent);\r\n}\r\n\r\n\/* links *\/\r\n.smart-topnav .nav-links{\r\n  display:flex; align-items:center; gap:.6rem;\r\n}\r\n.smart-topnav .nav-links a{\r\n  --pad-x: 14px; --pad-y: 8px;\r\n  position:relative; display:inline-flex; align-items:center;\r\n  padding: var(--pad-y) var(--pad-x);\r\n  font-weight:600; color:var(--txt-1); text-decoration:none;\r\n  border-radius:12px;\r\n  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;\r\n}\r\n\r\n\/* underline + glow *\/\r\n.smart-topnav .nav-links a::after{\r\n  content:\"\"; position:absolute; left:10px; right:10px; bottom:6px; height:2px;\r\n  background: linear-gradient(90deg, transparent 0 6%, var(--accent) 35% 65%, transparent 94% 100%);\r\n  opacity:0; transform: translateY(3px); transition: all .18s ease;\r\n  box-shadow: 0 0 10px var(--accent);\r\n}\r\n\r\n\/* hover \/ focus *\/\r\n.smart-topnav .nav-links a:hover,\r\n.smart-topnav .nav-links a:focus-visible{\r\n  background: rgba(124,249,255,.07);\r\n  box-shadow: 0 0 0 1px rgba(124,249,255,.18) inset;\r\n  transform: translateY(-1px);\r\n}\r\n.smart-topnav .nav-links a:hover::after,\r\n.smart-topnav .nav-links a:focus-visible::after{ opacity:1; transform:translateY(0); }\r\n\r\n\/* active\/current page *\/\r\n.smart-topnav .nav-links a.is-active,\r\n.smart-topnav .nav-links a[aria-current=\"page\"]{\r\n  background: rgba(124,249,255,.12);\r\n  box-shadow: 0 0 0 1px rgba(124,249,255,.26) inset, 0 0 20px rgba(0,234,255,.15);\r\n}\r\n.smart-topnav .nav-links a.is-active::after,\r\n.smart-topnav .nav-links a[aria-current=\"page\"]::after{\r\n  opacity:1; transform:translateY(0);\r\n}\r\n\r\n\/* hamburger for mobile *\/\r\n.nav-toggle{\r\n  display:none; background:none; border:0; cursor:pointer;\r\n  width:42px; height:36px; border-radius:10px;\r\n}\r\n.nav-toggle span{\r\n  display:block; height:2px; margin:7px 8px; background:var(--txt-1);\r\n  transition: transform .2s ease, opacity .2s ease;\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width: 930px){\r\n  .nav-toggle{ display:block; }\r\n  .smart-topnav .nav-inner{ padding:10px 14px; }\r\n  .smart-topnav .nav-links{\r\n    position:fixed; top:64px; right:14px; left:14px;\r\n    display:flex; flex-direction:column; gap:.4rem;\r\n    background: linear-gradient(180deg, rgba(10,14,22,.92), rgba(10,14,22,.86));\r\n    border:1px solid var(--border);\r\n    border-radius:14px; padding:10px;\r\n    box-shadow: 0 12px 40px rgba(0,0,0,.45);\r\n    opacity:0; pointer-events:none; transform: translateY(-8px);\r\n    transition: all .2s ease;\r\n  }\r\n  .smart-topnav.open .nav-links{\r\n    opacity:1; pointer-events:auto; transform: translateY(0);\r\n  }\r\n  .smart-topnav.open .nav-toggle span:nth-child(1){ transform: translateY(9px) rotate(45deg); }\r\n  .smart-topnav.open .nav-toggle span:nth-child(2){ opacity:0; }\r\n  .smart-topnav.open .nav-toggle span:nth-child(3){ transform: translateY(-9px) rotate(-45deg); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const header = document.querySelector('.smart-topnav');\r\n  const btn = header.querySelector('.nav-toggle');\r\n  const links = header.querySelector('.nav-links');\r\n\r\n  btn.addEventListener('click', () => {\r\n    const open = header.classList.toggle('open');\r\n    btn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n  });\r\n\r\n  links.querySelectorAll('a').forEach(a=>{\r\n    a.addEventListener('click', ()=> header.classList.remove('open'));\r\n  });\r\n\r\n  const path = location.pathname.toLowerCase();\r\n  links.querySelectorAll('a').forEach(a=>{\r\n    const href = a.getAttribute('href') || '';\r\n    if(href && path !== '\/' && href !== '\/' && path.startsWith(new URL(href, location.origin).pathname.toLowerCase())){\r\n      a.classList.add('is-active'); a.setAttribute('aria-current','page');\r\n    }\r\n    if(path === '\/' && (href === '\/' || href.endsWith('\/index.php'))){\r\n      a.classList.add('is-active'); a.setAttribute('aria-current','page');\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-672c22e e-flex e-con-boxed e-con e-parent\" data-id=\"672c22e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e577c7 elementor-widget elementor-widget-html\" data-id=\"0e577c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMART SINGAPORE \u2014 Thicker White + Red Inner Frame (20px inset) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"smart-hero fw\">\r\n  <div class=\"hero-frame\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/singapur-scaled-1.jpeg\"\r\n      alt=\"Smart Singapore skyline\"\r\n      class=\"hero-img\"\r\n    \/>\r\n\r\n    <div class=\"hero-overlay\">\r\n      <h1 class=\"smart-title\">SMART<br>SINGAPOR<\/h1>\r\n\r\n      <p class=\"smart-sub\">\r\n        A city of innovation, sustainability and digital harmony.<br>\r\n        Singapore advances <strong>AI-driven mobility<\/strong>, <strong>digital governance<\/strong> (SingPass),\r\n        and <strong>green architecture<\/strong> with data-first urban design \u2014 all connected by a robust 5G backbone.\r\n      <\/p>\r\n\r\n      <a class=\"smart-btn\" href=\"#next\" aria-label=\"Explore Smart Singapore\">Explore<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --bg-0: #0a0f18;\r\n    --electric: #00eaff;\r\n    --white: #ffffff;\r\n    --red: #ff3b3b;\r\n  }\r\n\r\n  .smart-hero.fw {\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    background: radial-gradient(900px 600px at 70% 35%, rgba(0, 234, 255, 0.1), transparent 60%), var(--bg-0);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    font-family: Poppins, system-ui, sans-serif;\r\n  }\r\n\r\n  .hero-frame {\r\n    position: relative;\r\n    width: 102%;\r\n    max-width: 1575px;\r\n    aspect-ratio: 16\/9;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .hero-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Frame lines *\/\r\n  .hero-frame::before,\r\n  .hero-frame::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    pointer-events: none;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Bela zunanja \u010drta \u2014 debelej\u0161a *\/\r\n  .hero-frame::before {\r\n    inset: 0;\r\n    border: 6px solid var(--white);\r\n    box-shadow:\r\n      0 0 18px rgba(255, 255, 255, 0.9),\r\n      0 0 34px rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  \/* \ud83d\udd39 Rde\u010da notranja \u010drta \u2014 20px znotraj, debelej\u0161a *\/\r\n  .hero-frame::after {\r\n    inset: 20px;\r\n    border: 6px solid var(--red);\r\n    border-radius: 16px;\r\n    box-shadow:\r\n      0 0 28px rgba(255, 59, 59, 0.95),\r\n      0 0 65px rgba(255, 59, 59, 0.5),\r\n      inset 0 0 20px rgba(255, 59, 59, 0.3);\r\n  }\r\n\r\n  .hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: clamp(12px, 3vw, 28px);\r\n  }\r\n\r\n  .smart-title {\r\n    margin: 0 0 0.35em 0;\r\n    line-height: 0.9;\r\n    font-weight: 800;\r\n    letter-spacing: 0.05em;\r\n    font-size: clamp(42px, 8vw, 110px);\r\n    color: var(--electric);\r\n    text-transform: uppercase;\r\n    text-shadow:\r\n      0 0 14px rgba(0, 234, 255, 0.6),\r\n      0 0 30px rgba(0, 234, 255, 0.9),\r\n      0 0 60px rgba(0, 234, 255, 0.75);\r\n    animation: glowPulse 2.6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes glowPulse {\r\n    from {\r\n      text-shadow:\r\n        0 0 14px rgba(0, 234, 255, 0.6),\r\n        0 0 28px rgba(0, 234, 255, 0.75),\r\n        0 0 52px rgba(0, 234, 255, 0.6);\r\n    }\r\n    to {\r\n      text-shadow:\r\n        0 0 18px rgba(0, 234, 255, 0.9),\r\n        0 0 38px rgba(0, 234, 255, 1),\r\n        0 0 70px rgba(0, 234, 255, 0.8);\r\n    }\r\n  }\r\n\r\n  .smart-sub {\r\n    color: #f8f8f8;\r\n    font-weight: 300;\r\n    font-size: clamp(15px, 2vw, 20px);\r\n    max-width: 65ch;\r\n    text-shadow:\r\n      0 0 10px rgba(255, 255, 255, 0.35),\r\n      0 2px 20px rgba(0, 0, 0, 0.4);\r\n    opacity: 0.95;\r\n    margin-bottom: 1.3em;\r\n  }\r\n\r\n  .smart-btn {\r\n    display: inline-block;\r\n    padding: 1em 1.8em;\r\n    background: linear-gradient(180deg, #bffaff, #68edff);\r\n    color: #002b33;\r\n    font-weight: 800;\r\n    font-size: clamp(14px, 2vw, 18px);\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    border: 2px solid rgba(0, 234, 255, 0.8);\r\n    box-shadow:\r\n      0 0 18px rgba(0, 234, 255, 0.65),\r\n      inset 0 0 10px rgba(255, 255, 255, 0.45);\r\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\r\n  }\r\n\r\n  .smart-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow:\r\n      0 0 24px rgba(0, 234, 255, 0.8),\r\n      inset 0 0 14px rgba(255, 255, 255, 0.7);\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f5b287 e-flex e-con-boxed e-con e-parent\" data-id=\"2f5b287\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55e1a2b elementor-widget elementor-widget-html\" data-id=\"55e1a2b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= SMART SINGAPORE (content under hero) ================= -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"smart-sg\">\r\n\r\n    <!-- 1) KPI trak (demo \u0161tevilke) -->\r\n    <section class=\"section sg-kpis\">\r\n        <div class=\"container kpi-row\">\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"11500\">0<\/div><div class=\"l\">IoT senzorjev po mestu<\/div><\/div>\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"230\">0<\/div><div class=\"l\">km MRT\/metro omre\u017eja<\/div><\/div>\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"96\">0<\/div><div class=\"l\">% to\u010dnost javnega prevoza<\/div><\/div>\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"98\">0<\/div><div class=\"l\">% digitalnih javnih storitev<\/div><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2) Smart Mobility mini-dashboard -->\r\n    <section id=\"mobility-sg\" class=\"section sg-mobility pro\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">Smart Mobility (Realtime-like)<\/h2>\r\n            <div class=\"dash\">\r\n                <article class=\"tile\">\r\n                    <h3>Promet: CTE<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"32\" data-max=\"58\">\u2013<\/span> km\/h<\/p>\r\n                    <p class=\"muted\">povpr. hitrost (agregirano)<\/p>\r\n                <\/article>\r\n                <article class=\"tile\">\r\n                    <h3>To\u010dnost MRT<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"95\" data-max=\"99\">\u2013<\/span>%<\/p>\r\n                    <p class=\"muted\">povpre\u010dni interval zamud<\/p>\r\n                <\/article>\r\n                <article class=\"tile\">\r\n                    <h3>Uporaba koles<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"18000\" data-max=\"32000\">\u2013<\/span> vo\u017eenj\/dan<\/p>\r\n                    <p class=\"muted\">active mobility \u0161tevec<\/p>\r\n                <\/article>\r\n                <article class=\"tile\">\r\n                    <h3>CO\u2082 prihranki<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"110\" data-max=\"180\">\u2013<\/span> t\/dan<\/p>\r\n                    <p class=\"muted\">MRT + bus + kolesa<\/p>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3) Digital Governance (SG) -->\r\n    <section id=\"egov-sg\" class=\"section sg-egov cards\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">Digital Governance<\/h2>\r\n            <div class=\"quick-cards\">\r\n                <a class=\"q\" href=\"https:\/\/www.singpass.gov.sg\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>Singpass<\/strong><span>enotni prijavni sistem<\/span>\r\n                <\/a>\r\n                <a class=\"q\" href=\"https:\/\/www.gobusiness.gov.sg\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>GoBusiness<\/strong><span>podjetni\u0161ki postopki<\/span>\r\n                <\/a>\r\n                <a class=\"q\" href=\"https:\/\/www.oneservice.gov.sg\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>OneService<\/strong><span>komunalne prijave<\/span>\r\n                <\/a>\r\n                <a class=\"q\" href=\"https:\/\/datamall.lta.gov.sg\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>LTA DataMall<\/strong><span>prometni API-ji<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4) Pilotni projekti -->\r\n    <section id=\"projects-sg\" class=\"section sg-projects\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">Pilotni projekti & pobude<\/h2>\r\n            <div class=\"proj-grid\">\r\n                <article class=\"proj\">\r\n                    <h3>Smart Nation Sensor Platform<\/h3>\r\n                    <p>Mestna mre\u017ea za okolje, promet in varnost; odprti podatki & alarmi.<\/p>\r\n                    <div class=\"tags\"><span>IoT<\/span><span>Open Data<\/span><span>Analytics<\/span><\/div>\r\n                <\/article>\r\n                <article class=\"proj\">\r\n                    <h3>Autonomous Bus Trials<\/h3>\r\n                    <p>Testi avtonomnih avtobusov (Jurong, Sentosa) z V2I komunikacijo.<\/p>\r\n                    <div class=\"tags\"><span>AV<\/span><span>V2I<\/span><span>Mobility<\/span><\/div>\r\n                <\/article>\r\n                <article class=\"proj\">\r\n                    <h3>SolarNova @ HDB<\/h3>\r\n                    <p>Masovna namestitev PV na HDB blokih; integracija v pametna omre\u017eja.<\/p>\r\n                    <div class=\"tags\"><span>PV<\/span><span>EMS<\/span><span>HDB<\/span><\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5) Tech Highlights (filterji + tooltips) -->\r\n    <section id=\"highlights-sg\" class=\"section sg-gallery\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">City Highlights<\/h2>\r\n            <p class=\"muted\">Pametne to\u010dke Singapurja \u2014 filtriraj in preglej metrike.<\/p>\r\n            <div class=\"filter-row\" role=\"tablist\" aria-label=\"Highlights filter\">\r\n                <button class=\"fbtn active\" data-filter=\"all\">All<\/button>\r\n                <button class=\"fbtn\" data-filter=\"mobility\">Mobility<\/button>\r\n                <button class=\"fbtn\" data-filter=\"energy\">Energy<\/button>\r\n                <button class=\"fbtn\" data-filter=\"environment\">Environment<\/button>\r\n                <button class=\"fbtn\" data-filter=\"services\">Services<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-grid smart\">\r\n            <!-- MOBILITY -->\r\n            <figure class=\"g\" data-cat=\"mobility\" data-tip=\"MRT dol\u017eina: ~230 km \u2022 Punctuality: 96\u201399%\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/smrt-train-track-sunset-1.jpg\" alt=\"MRT train Singapore\" loading=\"lazy\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\ude87<\/span> MRT<\/span> Metro (MRT)<\/figcaption><span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"g\" data-cat=\"mobility\" data-tip=\"AV shuttle piloti \u2022 geofenced rute \u2022 V2I\/5G\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/singapore-driveless-busses-update-2025-IOT-news.webp\" alt=\"Autonomous shuttle Singapore\" loading=\"lazy\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83e\udd16<\/span> AV<\/span> Avtonomni shuttle<\/figcaption><span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <!-- ENERGY -->\r\n            <figure class=\"g\" data-cat=\"energy\" data-tip=\"SolarNova: 3k+ blokov \u2022 420+ MWp (skupno)\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/news-energy-may17-singaporesolar-1.jpg\" alt=\"Solar panels HDB Singapore\" loading=\"lazy\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\udd06<\/span> PV<\/span> SolarNova (HDB)<\/figcaption><span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <!-- ENVIRONMENT -->\r\n            <figure class=\"g\" data-cat=\"environment\" data-tip=\"Flood sensors @ Marina Barrage in kanalih \u2022 real-time opozorila\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/images-1.jpg\" alt=\"Marina Barrage flood gate\" loading=\"lazy\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83c\udf0a<\/span> Flood<\/span> Marina Barrage<\/figcaption><span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <!-- SERVICES -->\r\n            <figure class=\"g\" data-cat=\"services\" data-tip=\"Lamppost-as-a-Platform \u2022 senzorski moduli + 5G small cells\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/1_z0HLmBubD_TifwMbnr9jjg-1.jpg\" alt=\"Smart lamppost Singapore\" loading=\"lazy\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\udca1<\/span> LAMP<\/span> Pametne svetilke<\/figcaption><span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"g\" data-cat=\"services\" data-tip=\"EV polnilnice: 5k+ (v vzpostavljanju) \u2022 hitri DC HUB-i\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/1a16a3d22ff4ff87f6b9287a5c42a9c5aa78e3792c6e64cb7d0aae5b22852ca3-1.webp\" alt=\"EV charging Singapore\" loading=\"lazy\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\u26a1<\/span> EV<\/span> EV polnilnice<\/figcaption><span class=\"tt\"><\/span>\r\n            <\/figure>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6) Zemljevid (Leaflet \/ OSM) -->\r\n    <section id=\"map-sg\" class=\"section sg-map\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">Pametna infrastruktura \u2014 zemljevid<\/h2>\r\n            <p class=\"muted\">Demo: MRT postaje, IoT senzorji in EV polnilnice v Singapurju.<\/p>\r\n        <\/div>\r\n        <div class=\"map-wrap\">\r\n            <div id=\"sg-map\"><\/div>\r\n            <div class=\"map-legend\">\r\n                <span class=\"dot metro\"><\/span> MRT\r\n                <span class=\"spacer\"><\/span>\r\n                <span class=\"dot sensor\"><\/span> IoT senzor\r\n                <span class=\"spacer\"><\/span>\r\n                <span class=\"dot ev\"><\/span> EV polnilnica\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<style>\r\n    \/* ===== Tema za Smart Singapore ===== *\/\r\n    .smart-sg{--bg:#060c12;--bg2:#0b1220;--txt:#e9fbff;--muted:#9fd8ea;--acc:#00d6ff;--glass:rgba(10,14,22,.55);font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt);}\r\n    .smart-sg .section{padding:72px 0;background:linear-gradient(180deg,var(--bg),var(--bg2));position:relative;overflow:hidden;}\r\n    .smart-sg .container{width:min(1200px,92%);margin:0 auto;}\r\n    .smart-sg .sec-title{font-weight:800;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase;font-size:clamp(24px,3vw,36px);color:#87f2ff;text-shadow:0 0 18px rgba(0,214,255,.45);}\r\n    .smart-sg .muted{color:var(--muted)}\r\n\r\n    \/* KPIs *\/\r\n    .smart-sg .kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n    .smart-sg .kpi{background:rgba(255,255,255,.05);border:1px solid rgba(0,214,255,.3);border-radius:18px;padding:16px;text-align:center}\r\n    .smart-sg .kpi .n{font-size:clamp(28px,4vw,40px);font-weight:800;color:#87f2ff}\r\n    .smart-sg .kpi .l{opacity:.95}\r\n\r\n    \/* Dashboard *\/\r\n    .smart-sg .dash{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n    .smart-sg .tile{background:rgba(255,255,255,.04);border:1px solid rgba(0,214,255,.3);border-radius:18px;padding:18px}\r\n    .smart-sg .tile h3{margin:0 0 6px}\r\n    .smart-sg .tile .big{margin:4px 0 2px;font-weight:800;font-size:clamp(22px,3.2vw,32px);color:#e9fdff}\r\n\r\n    \/* Quick actions *\/\r\n    .smart-sg .quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n    .smart-sg .q{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid rgba(0,214,255,.35);background:linear-gradient(180deg,rgba(0,214,255,.1),rgba(0,214,255,.04));color:#e7fbff;text-decoration:none;transition:.2s}\r\n    .smart-sg .q strong{font-size:18px}\r\n    .smart-sg .q:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,214,255,.22)}\r\n\r\n    \/* Projects *\/\r\n    .smart-sg .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\r\n    .smart-sg .proj{padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(0,214,255,.3)}\r\n    .smart-sg .proj .tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}\r\n    .smart-sg .proj .tags span{font-size:12px;padding:6px 8px;border-radius:999px;border:1px solid rgba(0,214,255,.35)}\r\n\r\n    \/* Highlights + filterji + tooltips *\/\r\n    .smart-sg .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}\r\n    .smart-sg .fbtn{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,214,255,.35);background:rgba(0,214,255,.06);color:#e7fbff;font-weight:700;cursor:pointer;transition:.2s}\r\n    .smart-sg .fbtn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,214,255,.18)}\r\n    .smart-sg .fbtn.active{background:linear-gradient(180deg,rgba(0,214,255,.85),rgba(0,214,255,.55));color:#01222a;border-color:transparent}\r\n\r\n    .smart-sg .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(1200px,92%);margin:10px auto 0}\r\n    .smart-sg .g{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(0,214,255,.3);box-shadow:0 10px 26px rgba(0,0,0,.35);background:rgba(255,255,255,.02)}\r\n    .smart-sg .g img{width:100%;height:240px;object-fit:cover;transition:transform .4s ease}\r\n    .smart-sg .g:hover img{transform:scale(1.04)}\r\n    .smart-sg .g figcaption{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(11,15,24,.62);backdrop-filter:blur(6px);font-size:12px;border:1px solid rgba(0,214,255,.35);color:#dffaff}\r\n    .smart-sg .chip{position:absolute;left:10px;top:10px;background:rgba(0,214,255,.18);border:1px solid rgba(0,214,255,.45);padding:4px 8px;border-radius:999px;font-size:11px;color:#dffaff}\r\n    .smart-sg .chip .ico{margin-right:6px;font-size:12px;filter:drop-shadow(0 0 6px rgba(0,214,255,.35))}\r\n    .smart-sg .tt{position:absolute;inset:auto 10px 10px auto;min-width:220px;max-width:70%;padding:10px 12px;border-radius:12px;background:rgba(5,9,16,.8);border:1px solid rgba(0,214,255,.35);color:#dffaff;font-size:12px;line-height:1.35;opacity:0;pointer-events:none;transition:.2s opacity}\r\n    .smart-sg .g:hover .tt{opacity:1}\r\n\r\n    \/* Map *\/\r\n    .smart-sg .map-wrap{width:min(1200px,92%);margin:12px auto 0;position:relative}\r\n    #sg-map{height:520px;border-radius:18px;border:1px solid rgba(0,214,255,.3);box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:hidden}\r\n    .smart-sg .map-legend{position:absolute;right:12px;top:12px;background:rgba(11,15,24,.7);backdrop-filter:blur(6px);border:1px solid rgba(0,214,255,.35);border-radius:12px;padding:8px 10px;font-size:12px;color:#dffaff;display:flex;align-items:center;gap:12px}\r\n    .smart-sg .map-legend .spacer{display:inline-block;width:10px}\r\n    .smart-sg .dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 10px currentColor}\r\n    .smart-sg .dot.metro{color:#87f2ff;background:#87f2ff}\r\n    .smart-sg .dot.sensor{color:#ffad42;background:#ffad42}\r\n    .smart-sg .dot.ev{color:#65ff87;background:#65ff87}\r\n\r\n    \/* CTA + buttons *\/\r\n    .smart-sg .cta-box{background:linear-gradient(180deg,rgba(0,214,255,.08),rgba(0,214,255,.03));border:1px solid rgba(0,214,255,.35);border-radius:22px;padding:28px;box-shadow:0 14px 40px rgba(0,0,0,.35)}\r\n    .smart-sg .cta-actions{display:flex;gap:10px;flex-wrap:wrap}\r\n    .smart-sg .btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:14px;text-decoration:none;font-weight:700;border:1px solid rgba(0,214,255,.4);background:rgba(0,214,255,.08);color:var(--txt);backdrop-filter:blur(6px);transition:.2s transform,.2s box-shadow}\r\n    .smart-sg .btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,214,255,.25)}\r\n    .smart-sg .btn-primary{background:linear-gradient(180deg,rgba(0,214,255,.85),rgba(0,214,255,.55));color:#01222a;border-color:transparent}\r\n    .smart-sg .btn-ghost{background:transparent}\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width:1024px){\r\n        .smart-sg .kpi-row{grid-template-columns:1fr 1fr}\r\n        .smart-sg .dash{grid-template-columns:1fr 1fr}\r\n        .smart-sg .quick-cards{grid-template-columns:1fr 1fr}\r\n        .smart-sg .proj-grid{grid-template-columns:1fr 1fr}\r\n        .smart-sg .gallery-grid{grid-template-columns:repeat(2,1fr)}\r\n    }\r\n    @media (max-width:640px){\r\n        .smart-sg .kpi-row,.smart-sg .dash,.smart-sg .quick-cards,.smart-sg .proj-grid{grid-template-columns:1fr}\r\n        .smart-sg .gallery-grid{grid-template-columns:1fr}\r\n        #sg-map{height:420px}\r\n    }\r\n<\/style>\r\n\r\n<!-- Leaflet (OSM) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" crossorigin>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" crossorigin><\/script>\r\n\r\n<script>\r\n    \/* KPI animacija *\/\r\n    function sgAnimateKPIs(){\r\n        document.querySelectorAll('.smart-sg .kpi .n').forEach(el=>{\r\n            const target=+el.dataset.val; let cur=0; const step=Math.max(1,Math.round(target\/40));\r\n            const t=setInterval(()=>{cur+=step;if(cur>=target){cur=target;clearInterval(t);}el.textContent=cur;},20);\r\n        });\r\n    }\r\n    \/* Dashboard refresh *\/\r\n    const sgRand=(a,b)=>Math.round(a+Math.random()*(b-a));\r\n    function sgRefreshVals(){\r\n        document.querySelectorAll('.smart-sg .tile .val').forEach(el=>{\r\n            el.textContent=sgRand(+el.dataset.min,+el.dataset.max);\r\n        });\r\n    }\r\n    \/* Highlights: filter + tooltips *\/\r\n    function sgInitHighlights(){\r\n        const btns=document.querySelectorAll('.smart-sg .fbtn');\r\n        const cards=document.querySelectorAll('.smart-sg .gallery-grid .g');\r\n        btns.forEach(b=>b.addEventListener('click',()=>{\r\n            btns.forEach(x=>x.classList.remove('active')); b.classList.add('active');\r\n            const f=b.dataset.filter;\r\n            cards.forEach(c=>{ c.style.display=(f==='all'||c.dataset.cat===f)?'':'none'; });\r\n        }));\r\n        cards.forEach(c=>{\r\n            const tip=c.querySelector('.tt'); if(tip && c.dataset.tip){ tip.textContent=c.dataset.tip; }\r\n            else if(!tip){ const span=document.createElement('span'); span.className='tt'; span.textContent=c.dataset.tip||''; c.appendChild(span); }\r\n        });\r\n    }\r\n    \/* Leaflet mapa (Singapore demo) *\/\r\n    function initSgMap(){\r\n        const map=L.map('sg-map',{zoomControl:true,scrollWheelZoom:true}).setView([1.290270,103.851959],12); \/\/ Downtown Core\r\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{maxZoom:19,attribution:'&copy; OpenStreetMap'}).addTo(map);\r\n\r\n        const metroStyle={radius:8,color:'#87f2ff',fillColor:'#87f2ff',fillOpacity:.9,weight:1};\r\n        const sensorStyle={radius:8,color:'#ffad42',fillColor:'#ffad42',fillOpacity:.9,weight:1};\r\n        const evStyle={radius:8,color:'#65ff87',fillColor:'#65ff87',fillOpacity:.9,weight:1};\r\n\r\n        const mrt=[\r\n            {name:'Raffles Place MRT',coords:[1.2831,103.8515]},\r\n            {name:'Paya Lebar MRT',coords:[1.3184,103.8921]},\r\n            {name:'Jurong East MRT',coords:[1.3331,103.7436]},\r\n            {name:'Punggol MRT',coords:[1.4051,103.9020]},\r\n            {name:'Changi Airport MRT',coords:[1.3570,103.9870]}\r\n        ];\r\n        const sensors=[\r\n            {name:'Marina Barrage \u2013 Flood',coords:[1.2801,103.8703]},\r\n            {name:'Bishan Park \u2013 Env',coords:[1.3625,103.8347]},\r\n            {name:'NTU \u2013 Met',coords:[1.3483,103.6831]},\r\n            {name:'Punggol Waterway \u2013 Env',coords:[1.4050,103.9020]}\r\n        ];\r\n        const evpoints=[\r\n            {name:'EV Hub \u2013 Orchard',coords:[1.3048,103.8318]},\r\n            {name:'EV Hub \u2013 Jurong',coords:[1.3335,103.7430]},\r\n            {name:'EV Hub \u2013 Tampines',coords:[1.3526,103.9446]}\r\n        ];\r\n\r\n        const mrtLayer=L.layerGroup(mrt.map(s=>L.circleMarker(s.coords,metroStyle).bindPopup(`<strong>${s.name}<\/strong>`))).addTo(map);\r\n        const sensorLayer=L.layerGroup(sensors.map(s=>L.circleMarker(s.coords,sensorStyle).bindPopup(`<strong>${s.name}<\/strong>`))).addTo(map);\r\n        const evLayer=L.layerGroup(evpoints.map(s=>L.circleMarker(s.coords,evStyle).bindPopup(`<strong>${s.name}<\/strong>`))).addTo(map);\r\n\r\n        L.control.layers(null,{ 'MRT':mrtLayer, 'IoT senzorji':sensorLayer, 'EV polnilnice':evLayer },{collapsed:true}).addTo(map);\r\n\r\n        const all=[...mrt.map(s=>s.coords),...sensors.map(s=>s.coords),...evpoints.map(s=>s.coords)];\r\n        if(all.length) map.fitBounds(all,{padding:[30,30]});\r\n    }\r\n\r\n    \/* Vstopne animacije sekcij *\/\r\n    document.querySelectorAll('.smart-sg .section').forEach(sec=>{sec.style.opacity=0;sec.style.transform='translateY(12px)';});\r\n    const sgIO=new IntersectionObserver((ents)=>{ents.forEach(e=>{if(e.isIntersecting){e.target.style.transition='opacity .55s ease, transform .55s ease';e.target.style.opacity=1;e.target.style.transform='none';sgIO.unobserve(e.target);}})},{threshold:.12});\r\n    document.querySelectorAll('.smart-sg .section').forEach(s=>sgIO.observe(s));\r\n\r\n    \/* Init *\/\r\n    window.addEventListener('DOMContentLoaded',()=>{\r\n        sgAnimateKPIs();\r\n        sgRefreshVals(); setInterval(sgRefreshVals,4000);\r\n        sgInitHighlights();\r\n        initSgMap();\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smart City Home Singapur Tokio London Barcelona Ljubljana SMARTSINGAPOR A city of innovation, sustainability and digital harmony. Singapore advances AI-driven mobility, digital governance (SingPass), and green architecture with data-first urban design \u2014 all connected by a robust 5G backbone. Explore 0IoT senzorjev po mestu 0km MRT\/metro omre\u017eja 0% to\u010dnost javnega prevoza 0% digitalnih javnih storitev [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":85,"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":792,"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions\/792"}],"wp:attachment":[{"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}