{"id":67,"date":"2025-10-11T12:22:57","date_gmt":"2025-10-11T12:22:57","guid":{"rendered":"https:\/\/web31251290.lab1.almamater.si\/?page_id=67"},"modified":"2025-10-18T10:41:00","modified_gmt":"2025-10-18T10:41:00","slug":"ljubljana","status":"publish","type":"page","link":"https:\/\/web31251290.lab1.almamater.si\/index.php\/ljubljana\/","title":{"rendered":"Ljubljana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"67\" class=\"elementor elementor-67\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2bf352 e-flex e-con-boxed e-con e-parent\" data-id=\"d2bf352\" 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-7eec1f8 elementor-widget elementor-widget-html\" data-id=\"7eec1f8\" 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-d4341ac e-flex e-con-boxed e-con e-parent\" data-id=\"d4341ac\" 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-653e37a elementor-widget elementor-widget-html\" data-id=\"653e37a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMART SLOVENIA \u2014 Thicker White + Blue 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 si\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/5282ac92bc55fa4b_4ba7483a2ec5807d@2x-scaled.webp\"\r\n      alt=\"Smart Slovenia skyline\"\r\n      class=\"hero-img\"\r\n    \/>\r\n\r\n    <div class=\"hero-overlay\">\r\n      <h1 class=\"smart-title\">SMART<br>Ljubljana<\/h1>\r\n\r\n      <p class=\"smart-sub\">\r\n        A boutique nation where Alps meet Adriatic \u2014 powered by digital public services and green energy.\r\n        Slovenia advances <strong>e-government<\/strong> (eUprava &amp; eID), <strong>smart mobility<\/strong> in Ljubljana &amp; Maribor,\r\n        and <strong>clean tech<\/strong> from hydro, solar, and forestry innovation \u2014 all on a strong <strong>5G\/FTTH<\/strong> backbone.\r\n      <\/p>\r\n\r\n      <a class=\"smart-btn\" href=\"#next\" aria-label=\"Explore Smart Slovenia\">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;   \/* title glow *\/\r\n    --white:#ffffff;\r\n    --blue:#1f7aff;       \/* Slovenia inner frame *\/\r\n  }\r\n\r\n  .smart-hero.fw{\r\n    width:100%;\r\n    min-height:100vh;\r\n    background:var(--bg-0);\r\n    display:flex; align-items:center; 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,.6);\r\n  }\r\n\r\n  .hero-img{\r\n    width:100%; height:100%; object-fit:cover; display:block; border-radius:20px;\r\n  }\r\n\r\n  \/* Frame lines *\/\r\n  .hero-frame::before,\r\n  .hero-frame::after{\r\n    content:\"\"; position:absolute; pointer-events:none; border-radius:20px;\r\n  }\r\n\r\n  \/* Outer white line \u2014 thicker *\/\r\n  .hero-frame::before{\r\n    inset:0;\r\n    border:10px solid var(--white);\r\n    box-shadow:\r\n      0 0 20px rgba(255,255,255,.9),\r\n      0 0 38px rgba(255,255,255,.5);\r\n  }\r\n\r\n  \/* \ud83d\udd39 Inner blue line \u2014 20px inset, thicker *\/\r\n  .hero-frame.si::after{\r\n    inset:20px;\r\n    border:10px solid var(--blue);\r\n    border-radius:16px;\r\n    box-shadow:\r\n      0 0 28px rgba(31,122,255,.95),\r\n      0 0 65px rgba(31,122,255,.45),\r\n      inset 0 0 20px rgba(31,122,255,.30);\r\n  }\r\n\r\n  .hero-overlay{\r\n    position:absolute; inset:0;\r\n    display:grid; place-items:center; text-align:center;\r\n    padding:clamp(12px,3vw,28px);\r\n  }\r\n\r\n  .smart-title{\r\n    margin:0 0 .35em 0; line-height:.9; font-weight:800; letter-spacing:.05em;\r\n    font-size:clamp(42px,8vw,110px); color:var(--electric); text-transform:uppercase;\r\n    text-shadow:\r\n      0 0 14px rgba(0,234,255,.6),\r\n      0 0 30px rgba(0,234,255,.9),\r\n      0 0 60px rgba(0,234,255,.75);\r\n    animation:glowPulse 2.6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes glowPulse{\r\n    from{ text-shadow:0 0 14px rgba(0,234,255,.6), 0 0 28px rgba(0,234,255,.75), 0 0 52px rgba(0,234,255,.6); }\r\n    to{   text-shadow:0 0 18px rgba(0,234,255,.9), 0 0 38px rgba(0,234,255,1),   0 0 70px rgba(0,234,255,.8); }\r\n  }\r\n\r\n  .smart-sub{\r\n    color:#f8f8f8; font-weight:300; font-size:clamp(15px,2vw,20px);\r\n    max-width:65ch;\r\n    text-shadow:0 0 10px rgba(255,255,255,.35), 0 2px 20px rgba(0,0,0,.4);\r\n    opacity:.95; margin-bottom:1.3em;\r\n  }\r\n\r\n  .smart-btn{\r\n    display:inline-block; padding:1em 1.8em;\r\n    background:linear-gradient(180deg,#bffaff,#68edff);\r\n    color:#002b33; font-weight:800; font-size:clamp(14px,2vw,18px);\r\n    text-decoration:none; border-radius:14px; border:2px solid rgba(0,234,255,.8);\r\n    box-shadow:0 0 18px rgba(0,234,255,.65), inset 0 0 10px rgba(255,255,255,.45);\r\n    transition:transform .18s ease, box-shadow .18s ease;\r\n  }\r\n  .smart-btn:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 0 24px rgba(0,234,255,.8), inset 0 0 14px rgba(255,255,255,.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-3917388 e-flex e-con-boxed e-con e-parent\" data-id=\"3917388\" 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-b7a44e1 elementor-widget elementor-widget-html\" data-id=\"b7a44e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= SMART LJUBLJANA \u2014 CONTENT (copy-paste) ================= -->\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-lju\">\r\n\r\n    <!-- 1) KPI trak -->\r\n    <section class=\"section lju-kpis\">\r\n        <div class=\"container kpi-row\">\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"38\">0<\/div><div class=\"l\">km novih kolesarskih poti<\/div><\/div>\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"1200\">0<\/div><div class=\"l\">IoT senzorjev po mestu<\/div><\/div>\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"72\">0<\/div><div class=\"l\">% prebivalcev blizu zelenih povr\u0161in<\/div><\/div>\r\n            <div class=\"kpi\"><div class=\"n\" data-val=\"95\">0<\/div><div class=\"l\">% e-storitev na daljavo<\/div><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2) Smart Mobility mini-dashboard -->\r\n    <section id=\"mobility\" class=\"section lju-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>Zasedenost parkiri\u0161\u010d<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"52\" data-max=\"78\">\u2013<\/span>%<\/p>\r\n                    <p class=\"muted\">Agregat P+R Barje, Sto\u017eice, Kozolec<\/p>\r\n                <\/article>\r\n                <article class=\"tile\">\r\n                    <h3>Hitrost prometa (vpadnice)<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"24\" data-max=\"42\">\u2013<\/span> km\/h<\/p>\r\n                    <p class=\"muted\">IoT semaforji & prilagodljivi cikli<\/p>\r\n                <\/article>\r\n                <article class=\"tile\">\r\n                    <h3>Uporaba BicikeLJ<\/h3>\r\n                    <p class=\"big\"><span class=\"val\" data-min=\"860\" data-max=\"1450\">\u2013<\/span> izposoj\/dan<\/p>\r\n                    <p class=\"muted\">Povpre\u010dje zadnjih 7 dni<\/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=\"12\" data-max=\"21\">\u2013<\/span> t\/dan<\/p>\r\n                    <p class=\"muted\">Zelene poti + e-bus<\/p>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3) E-uprava & mestne storitve -->\r\n    <section id=\"egov\" class=\"section lju-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:\/\/zvem.ezdrav.si\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>zVEM<\/strong><span>eZdravje: karton, recepti<\/span>\r\n                <\/a>\r\n                <a class=\"q\" href=\"https:\/\/edavki.durs.si\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>eDavki<\/strong><span>oddaja obrazcev<\/span>\r\n                <\/a>\r\n                <a class=\"q\" href=\"https:\/\/www.gov.si\/storitve\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>eUprava<\/strong><span>vloge in potrdila<\/span>\r\n                <\/a>\r\n                <a class=\"q\" href=\"https:\/\/www.ljubljana.si\/zivljenje-v-ljubljani\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <strong>Ljubljana<\/strong><span>komunalne storitve<\/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\" class=\"section lju-projects\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">Pilotni projekti & Living Lab<\/h2>\r\n            <div class=\"proj-grid\">\r\n                <article class=\"proj\">\r\n                    <h3>Urban IoT mre\u017ea<\/h3>\r\n                    <p>Zrak, parkiri\u0161\u010da, poplave, hrup \u2014 centralni nadzorni panel za mestne slu\u017ebe.<\/p>\r\n                    <div class=\"tags\"><span>LoRaWAN<\/span><span>Open Data<\/span><span>Dashboards<\/span><\/div>\r\n                <\/article>\r\n                <article class=\"proj\">\r\n                    <h3>e-Bus + pametni semaforji<\/h3>\r\n                    <p>Prednost avtobusom v kri\u017ei\u0161\u010dih in dinami\u010dni cikli za manj zastojev.<\/p>\r\n                    <div class=\"tags\"><span>V2I<\/span><span>Edge AI<\/span><span>Mobility<\/span><\/div>\r\n                <\/article>\r\n                <article class=\"proj\">\r\n                    <h3>Energetski prihranki \u0161ol<\/h3>\r\n                    <p>PV + pametni \u0161tevci na javnih objektih, analitika porabe v realnem \u010dasu.<\/p>\r\n                    <div class=\"tags\"><span>PV<\/span><span>Smart Metering<\/span><span>EMS<\/span><\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5) City Highlights: filterji + tooltips (tech-focused) -->\r\n    <section id=\"highlights\" class=\"section lju-gallery\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">City Highlights<\/h2>\r\n            <p class=\"muted\">Tehnolo\u0161ke to\u010dke v Ljubljani \u2014 filtriraj po podro\u010dju in preglej metrike.<\/p>\r\n\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=\"E-bus linije: 7 \u2022 Baterije: 300 kWh \u2022 Polnilne to\u010dke v depotu: 12\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/Chariot-18m-e-bus-in-Ljubliana.jpg\" alt=\"Elektri\u010dni avtobus LPP\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\ude8d<\/span> e-Bus<\/span> Elektri\u010dni avtobus (LPP)<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"g\" data-cat=\"mobility\" data-tip=\"Pametna kri\u017ei\u0161\u010da: 23 \u2022 Povpr. skraj\u0161anje \u010dakanja: \u221218% \u2022 Prioriteta: LPP\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/robot_robotek2022.jpg\" alt=\"Pametni semaforji\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\udfe2<\/span> Adaptive<\/span> Pametni semaforji<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"g\" data-cat=\"mobility\" data-tip=\"Postaje: 73 \u2022 Kolesa: 750 \u2022 Dnevne izposoje (avg): 1.1k\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/Bicikelj-2-P__FocusFillWyItMC4wNCIsIi0wLjA0IiwxOTIwLDEwNDBd.-Logar.jpg\" alt=\"BicikeLJ postaja\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\udeb2<\/span> Micromobility<\/span> BicikeLJ postaja<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <!-- Environment -->\r\n            <figure class=\"g\" data-cat=\"environment\" data-tip=\"Senzorske to\u010dke: 14 \u2022 Parametri: pretok, nivo, temperatura \u2022 Obve\u0161\u010danje: push\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/diagram_case_ljubljana.jpg\" alt=\"Senzorji reke \/ poplav\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83c\udf0a<\/span> IoT<\/span> Senzorji reke \/ poplav<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <!-- Energy -->\r\n            <figure class=\"g\" data-cat=\"energy\" data-tip=\"PV strehe: 52 javnih objektov \u2022 In\u0161talirana mo\u010d: 6.2 MWp \u2022 Letna proizvodnja: 6.8 GWh\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/ljubljana-solar-powerd.jpg\" alt=\"PV strehe na javnih stavbah\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\udd06<\/span> PV<\/span> PV strehe (javne zgradbe)<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"g\" data-cat=\"energy\" data-tip=\"Daljinsko ogrevanje \u2022 SCADA nadzor \u2022 Prihranek: ~11% toplotnih izgub\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/Snap6.png\" alt=\"Daljinsko ogrevanje in SCADA\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\udd25<\/span> SCADA<\/span> Daljinsko ogrevanje<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <!-- Services -->\r\n            <figure class=\"g\" data-cat=\"services\" data-tip=\"Pametni ko\u0161i: 210 \u2022 Merjenje napolnjenosti \u2022 Optimizacija poti pobiranja\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/smart-bins.jpg\" alt=\"Pametni ko\u0161i\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\ud83d\uddd1\ufe0f<\/span> Fill-level<\/span> Pametni ko\u0161i<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"g\" data-cat=\"services\" data-tip=\"Javne EV polnilnice: 165 \u2022 Max mo\u010d: 150 kW DC \u2022 Letne seje: 190k+\">\r\n                <img decoding=\"async\" src=\"https:\/\/web31251290.lab1.almamater.si\/wp-content\/uploads\/2025\/10\/sub-hero-image-vozniki.png\" alt=\"EV polnilnice\">\r\n                <figcaption><span class=\"chip\"><span class=\"ico\">\u26a1<\/span> EV<\/span> EV polnilnice (mre\u017ea)<\/figcaption>\r\n                <span class=\"tt\"><\/span>\r\n            <\/figure>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6) Zemljevid: LoRa + BicikeLJ (Leaflet \/ OSM) -->\r\n    <section id=\"map\" class=\"section lju-map\">\r\n        <div class=\"container\">\r\n            <h2 class=\"sec-title\">Pametna infrastruktura \u2014 zemljevid<\/h2>\r\n            <p class=\"muted\">Prikaz demo lokacij: <strong>LoRa vozli\u0161\u010da<\/strong> in <strong>BicikeLJ<\/strong> postaje (ponazoritev).<\/p>\r\n        <\/div>\r\n        <div class=\"map-wrap\">\r\n            <div id=\"lj-map\"><\/div>\r\n            <div class=\"map-legend\">\r\n                <span class=\"dot lora\"><\/span> LoRa vozli\u0161\u010de\r\n                <span class=\"spacer\"><\/span>\r\n                <span class=\"dot bike\"><\/span> BicikeLJ postaja\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<!-- ================= Styles (append to your <style>) ================= -->\r\n<style>\r\n    .smart-lju{--bg:#0b0f18;--bg2:#0e1422;--txt:#e7fbff;--muted:#9fd8ea;--acc:#00eaff;--glass:rgba(10,14,22,.55);font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt);}\r\n    .smart-lju .section{padding:72px 0;background:linear-gradient(180deg,var(--bg),var(--bg2));position:relative;overflow:hidden;}\r\n    .smart-lju .container{width:min(1200px,92%);margin:0 auto;}\r\n    .smart-lju .sec-title{font-weight:800;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase;font-size:clamp(24px,3vw,36px);color:#8df6ff;text-shadow:0 0 18px rgba(0,234,255,.45);}\r\n    .smart-lju .muted{color:var(--muted);opacity:.9}\r\n\r\n    \/* KPIs *\/\r\n    .smart-lju .kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n    .smart-lju .kpi{background:rgba(255,255,255,.04);border:1px solid rgba(124,249,255,.25);border-radius:18px;padding:16px;text-align:center}\r\n    .smart-lju .kpi .n{font-size:clamp(28px,4vw,40px);font-weight:800;color:#8df6ff;text-shadow:0 0 14px rgba(0,234,255,.35)}\r\n    .smart-lju .kpi .l{color:#cfefff}\r\n\r\n    \/* Dashboard *\/\r\n    .smart-lju .dash{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n    .smart-lju .tile{background:rgba(255,255,255,.04);border:1px solid rgba(124,249,255,.25);border-radius:18px;padding:18px}\r\n    .smart-lju .tile h3{margin:0 0 6px}\r\n    .smart-lju .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-lju .quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n    .smart-lju .q{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid rgba(124,249,255,.35);background:linear-gradient(180deg,rgba(124,249,255,.08),rgba(124,249,255,.02));color:#e7fbff;text-decoration:none;transition:.2s transform,.2s box-shadow}\r\n    .smart-lju .q strong{font-size:18px}\r\n    .smart-lju .q:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,234,255,.18)}\r\n\r\n    \/* Projects *\/\r\n    .smart-lju .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\r\n    .smart-lju .proj{padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(124,249,255,.25)}\r\n    .smart-lju .proj .tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}\r\n    .smart-lju .proj .tags span{font-size:12px;padding:6px 8px;border-radius:999px;border:1px solid rgba(124,249,255,.35)}\r\n\r\n    \/* Highlights: filter bar *\/\r\n    .smart-lju .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}\r\n    .smart-lju .fbtn{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(124,249,255,.35);background:rgba(124,249,255,.06);color:#e7fbff;font-weight:700;cursor:pointer;transition:.2s transform,.2s box-shadow}\r\n    .smart-lju .fbtn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,234,255,.18)}\r\n    .smart-lju .fbtn.active{background:linear-gradient(180deg,rgba(0,234,255,.85),rgba(0,234,255,.55));color:#01222a;border-color:transparent}\r\n\r\n    \/* Gallery grid + chips + tooltips *\/\r\n    .smart-lju .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(1200px,92%);margin:10px auto 0}\r\n    .smart-lju .g{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(124,249,255,.2);box-shadow:0 10px 26px rgba(0,0,0,.35);background:rgba(255,255,255,.02)}\r\n    .smart-lju .g img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .4s ease}\r\n    .smart-lju .g:hover img{transform:scale(1.04)}\r\n    .smart-lju .g figcaption{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(11,15,24,.6);backdrop-filter:blur(6px);font-size:12px;border:1px solid rgba(124,249,255,.35);color:#dffaff}\r\n    .smart-lju .chip{position:absolute;left:10px;top:10px;background:rgba(0,234,255,.18);border:1px solid rgba(124,249,255,.45);padding:4px 8px;border-radius:999px;font-size:11px;color:#dffaff}\r\n    .smart-lju .chip .ico{margin-right:6px;font-size:12px;filter:drop-shadow(0 0 6px rgba(0,234,255,.35))}\r\n    .smart-lju .tt{position:absolute;inset:auto 10px 10px auto;transform:translateY(0);min-width:220px;max-width:70%;padding:10px 12px;border-radius:12px;background:rgba(5,9,16,.8);border:1px solid rgba(124,249,255,.35);color:#dffaff;font-size:12px;line-height:1.35;opacity:0;pointer-events:none;transition:.2s opacity}\r\n    .smart-lju .g:hover .tt{opacity:1}\r\n\r\n    \/* Map *\/\r\n    .smart-lju .map-wrap{width:min(1200px,92%);margin:12px auto 0;position:relative}\r\n    #lj-map{height:520px;border-radius:18px;border:1px solid rgba(124,249,255,.25);box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:hidden}\r\n    .smart-lju .map-legend{position:absolute;right:12px;top:12px;background:rgba(11,15,24,.65);backdrop-filter:blur(6px);border:1px solid rgba(124,249,255,.35);border-radius:12px;padding:8px 10px;font-size:12px;color:#dffaff;display:flex;align-items:center;gap:12px}\r\n    .smart-lju .map-legend .spacer{display:inline-block;width:10px}\r\n    .smart-lju .dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}\r\n    .smart-lju .dot.lora{color:#00eaff;background:#00eaff}\r\n    .smart-lju .dot.bike{color:#65ff87;background:#65ff87}\r\n\r\n    \/* CTA + buttons *\/\r\n    .smart-lju .lju-cta .cta-box{background:linear-gradient(180deg,rgba(124,249,255,.08),rgba(124,249,255,.03));border:1px solid rgba(124,249,255,.25);border-radius:22px;padding:28px;box-shadow:0 14px 40px rgba(0,0,0,.35)}\r\n    .smart-lju .cta-actions{display:flex;gap:10px;flex-wrap:wrap}\r\n    .smart-lju .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(124,249,255,.4);background:rgba(124,249,255,.08);color:var(--txt);backdrop-filter:blur(6px);transition:.2s transform,.2s box-shadow}\r\n    .smart-lju .btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,234,255,.25)}\r\n    .smart-lju .btn-primary{background:linear-gradient(180deg,rgba(0,234,255,.85),rgba(0,234,255,.55));color:#01222a;border-color:transparent}\r\n    .smart-lju .btn-ghost{background:transparent}\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width:1024px){\r\n        .smart-lju .kpi-row{grid-template-columns:1fr 1fr}\r\n        .smart-lju .dash{grid-template-columns:1fr 1fr}\r\n        .smart-lju .quick-cards{grid-template-columns:1fr 1fr}\r\n        .smart-lju .proj-grid{grid-template-columns:1fr 1fr}\r\n        .smart-lju .gallery-grid{grid-template-columns:repeat(2,1fr)}\r\n    }\r\n    @media (max-width:640px){\r\n        .smart-lju .kpi-row,.smart-lju .dash,.smart-lju .quick-cards,.smart-lju .proj-grid{grid-template-columns:1fr}\r\n        .smart-lju .gallery-grid{grid-template-columns:1fr}\r\n        #lj-map{height:420px}\r\n    }\r\n<\/style>\r\n\r\n<!-- ================= Scripts: animacije, filterji, tooltips, Leaflet ================= -->\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 animateKPIs(){\r\n        document.querySelectorAll('.smart-lju .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\r\n    \/* Dashboard \"realtime\" *\/\r\n    const rand=(a,b)=>Math.round(a+Math.random()*(b-a));\r\n    function refreshVals(){\r\n        document.querySelectorAll('.smart-lju .tile .val').forEach(el=>{\r\n            el.textContent = rand(+el.dataset.min, +el.dataset.max);\r\n        });\r\n    }\r\n\r\n    \/* Highlights: filterji + tooltips vsebina *\/\r\n    function initHighlights(){\r\n        \/\/ Filter buttons\r\n        const buttons = document.querySelectorAll('.smart-lju .fbtn');\r\n        const cards = document.querySelectorAll('.smart-lju .gallery-grid .g');\r\n        buttons.forEach(btn=>{\r\n            btn.addEventListener('click', ()=>{\r\n                buttons.forEach(b=>b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                const f = btn.dataset.filter;\r\n                cards.forEach(c=>{\r\n                    const cat = c.dataset.cat;\r\n                    const show = (f==='all' || cat===f);\r\n                    c.style.display = show ? '' : 'none';\r\n                });\r\n            });\r\n        });\r\n        \/\/ Tooltips: napolni iz data-tip\r\n        cards.forEach(c=>{\r\n            const tip = c.querySelector('.tt');\r\n            if(tip && c.dataset.tip){ tip.textContent = c.dataset.tip; }\r\n        });\r\n    }\r\n\r\n    \/* Leaflet mapa (LoRa + BicikeLJ) *\/\r\n    function initLjMap(){\r\n        const map = L.map('lj-map', { zoomControl:true, scrollWheelZoom:true }).setView([46.0569,14.5058], 13);\r\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{ maxZoom:19, attribution:'&copy; OpenStreetMap' }).addTo(map);\r\n        const loraStyle={ radius:8, color:'#00eaff', fillColor:'#00eaff', fillOpacity:0.9, weight:1 };\r\n        const bikeStyle={ radius:8, color:'#65ff87', fillColor:'#65ff87', fillOpacity:0.9, weight:1 };\r\n\r\n        const loraNodes=[\r\n            { name:'LoRa \u2013 Ljubljanski grad', coords:[46.0489,14.5083] },\r\n            { name:'LoRa \u2013 NUK', coords:[46.0480,14.5014] },\r\n            { name:'LoRa \u2013 Toba\u010dna\/TP LJ', coords:[46.0457,14.4942] },\r\n            { name:'LoRa \u2013 BTC (LL)', coords:[46.0709,14.5410] }\r\n        ];\r\n        const bikeStations=[\r\n            { name:'BicikeLJ \u2013 Pre\u0161ernov trg', coords:[46.0515,14.5061] },\r\n            { name:'BicikeLJ \u2013 Kongresni trg', coords:[46.0506,14.5039] },\r\n            { name:'BicikeLJ \u2013 Tivoli', coords:[46.0578,14.4926] },\r\n            { name:'BicikeLJ \u2013 Metelkova', coords:[46.0562,14.5167] },\r\n            { name:'BicikeLJ \u2013 BTC', coords:[46.0702,14.5429] }\r\n        ];\r\n\r\n        const loraLayer=L.layerGroup(loraNodes.map(n=>L.circleMarker(n.coords,loraStyle).bindPopup(`<strong>${n.name}<\/strong>`)));\r\n        const bikeLayer=L.layerGroup(bikeStations.map(s=>L.circleMarker(s.coords,bikeStyle).bindPopup(`<strong>${s.name}<\/strong>`)));\r\n        loraLayer.addTo(map); bikeLayer.addTo(map);\r\n        L.control.layers(null,{ 'LoRa vozli\u0161\u010da': loraLayer, 'BicikeLJ postaje': bikeLayer },{collapsed:true}).addTo(map);\r\n        const all=[...loraNodes.map(n=>n.coords),...bikeStations.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-lju .section').forEach(sec=>{sec.style.opacity=0;sec.style.transform='translateY(12px)';});\r\n    const io=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';io.unobserve(e.target);}})},{threshold:.12});\r\n    document.querySelectorAll('.smart-lju .section').forEach(s=>io.observe(s));\r\n\r\n    \/* Init *\/\r\n    window.addEventListener('DOMContentLoaded',()=>{\r\n        animateKPIs();\r\n        refreshVals(); setInterval(refreshVals, 4000);\r\n        initHighlights();\r\n        initLjMap();\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 SMARTLjubljana A boutique nation where Alps meet Adriatic \u2014 powered by digital public services and green energy. Slovenia advances e-government (eUprava &amp; eID), smart mobility in Ljubljana &amp; Maribor, and clean tech from hydro, solar, and forestry innovation \u2014 all on a strong 5G\/FTTH backbone. Explore 0km [&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-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages\/67","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=67"}],"version-history":[{"count":52,"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions\/622"}],"wp:attachment":[{"href":"https:\/\/web31251290.lab1.almamater.si\/index.php\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}