{"id":46265,"date":"2026-03-13T11:57:49","date_gmt":"2026-03-13T10:57:49","guid":{"rendered":"https:\/\/www.epcsrl.eu\/?page_id=46265"},"modified":"2026-05-19T10:43:34","modified_gmt":"2026-05-19T08:43:34","slug":"enclod-hackathon","status":"publish","type":"page","link":"https:\/\/www.epcsrl.eu\/it\/enclod-hackathon\/","title":{"rendered":"EnCLOD_Hackathon"},"content":{"rendered":"\n\n\n\n\n \n \n Open Data Enclod Hackathon \u00b7 IUAV Vicenza \u00b7 12\u201313 Giugno<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\"\n rel=\"stylesheet\">\n <style>\n \/* \u2500\u2500 WORDPRESS OVERRIDE WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n \/* Tutte le impostazioni vengono isolate per avere priorit\u00e0 su WP *\/\n #enclod-hackathon-viewport {\n text-align: left;\n \/* Previene l'ereditariet\u00e0 degli allineamenti WP *\/\n \/* \u2500\u2500 BASE REASSIGNED FROM ROOT\/HTML\/BODY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n\n font-family: 'Space Grotesk', system-ui, sans-serif;\n background: #05050f;\n color: #e2e8f0;\n min-height: 100dvh;\n overflow-x: hidden;\n\n --cyan: #00d4ff;\n --violet: #a855f7;\n --orange: #ff6b35;\n --cyan-dim: rgba(0, 212, 255, 0.15);\n --violet-dim: rgba(168, 85, 247, 0.15);\n --orange-dim: rgba(255, 107, 53, 0.15);\n --panel: rgba(12, 12, 28, 0.75);\n --panel-border: rgba(255, 255, 255, 0.07);\n --text: #e2e8f0;\n --text-muted: #94a3b8;\n --text-faint: #475569;\n --r: 1.25rem;\n\n \/* \u2500\u2500 COMPONENT STYLES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n \/* \u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n\n\n\n\n img,\n svg {\n display: block;\n max-width: 100%;\n }\n\n button,\n a {\n cursor: pointer;\n }\n\n \/* \u2500\u2500 CANVAS BACKGROUND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bg-canvas {\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n \/* \u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n\n \/* \u2500\u2500 LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .page {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 clamp(1rem, 3vw, 2rem) 4rem;\n }\n\n \/* \u2500\u2500 GLASS PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .panel {\n background: var(--panel);\n border: 1px solid var(--panel-border);\n border-radius: var(--r);\n backdrop-filter: blur(20px) saturate(1.3);\n -webkit-backdrop-filter: blur(20px) saturate(1.3);\n position: relative;\n overflow: hidden;\n transition: border-color 0.3s, box-shadow 0.3s;\n }\n\n .panel::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04) 0%, transparent 60%);\n }\n\n .panel:hover {\n border-color: rgba(255, 255, 255, 0.14);\n }\n\n .panel-cyan {\n border-color: rgba(0, 212, 255, 0.2);\n }\n\n .panel-cyan:hover {\n border-color: rgba(0, 212, 255, 0.4);\n box-shadow: 0 0 40px rgba(0, 212, 255, 0.08);\n }\n\n .panel-violet {\n border-color: rgba(168, 85, 247, 0.2);\n }\n\n .panel-violet:hover {\n border-color: rgba(168, 85, 247, 0.4);\n box-shadow: 0 0 40px rgba(168, 85, 247, 0.08);\n }\n\n .panel-orange {\n border-color: rgba(255, 107, 53, 0.2);\n }\n\n .panel-orange:hover {\n border-color: rgba(255, 107, 53, 0.4);\n box-shadow: 0 0 40px rgba(255, 107, 53, 0.08);\n }\n\n \/* \u2500\u2500 NEON GLOW UTILS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .glow-cyan {\n color: var(--cyan);\n text-shadow: 0 0 20px rgba(0, 212, 255, 0.8), 0 0 60px rgba(0, 212, 255, 0.3);\n }\n\n .glow-violet {\n color: var(--violet);\n text-shadow: 0 0 20px rgba(168, 85, 247, 0.8), 0 0 60px rgba(168, 85, 247, 0.3);\n }\n\n .glow-orange {\n color: var(--orange);\n text-shadow: 0 0 20px rgba(255, 107, 53, 0.8), 0 0 60px rgba(255, 107, 53, 0.3);\n }\n\n \/* \u2500\u2500 HERO HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .hero-header {\n text-align: center;\n padding: clamp(3rem, 8vw, 6rem) 1rem clamp(2rem, 5vw, 3.5rem);\n }\n\n .hero-logo {\n max-width: 250px;\n height: auto;\n margin-bottom: 2.5rem;\n display: block;\n margin-inline: auto;\n filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.2));\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--cyan);\n border: 1px solid rgba(0, 212, 255, 0.3);\n border-radius: 999px;\n padding: 0.35rem 1rem;\n margin-bottom: 2rem;\n background: rgba(0, 212, 255, 0.06);\n }\n\n .hero-badge-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--cyan);\n animation: blink 1.8s ease-in-out infinite;\n }\n\n\n\n .hero-title {\n font-size: clamp(2.8rem, 7vw, 6rem);\n font-weight: 700;\n line-height: 0.95;\n letter-spacing: -0.03em;\n margin-bottom: 0.5rem;\n }\n\n .hero-title-line1 {\n color: #fff;\n display: block;\n }\n\n .hero-title-line2 {\n display: block;\n background: linear-gradient(90deg, var(--cyan), var(--violet), var(--orange));\n background-size: 200% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: grad-shift 4s ease-in-out infinite alternate;\n }\n\n\n\n .hero-sub {\n font-size: clamp(0.9rem, 2vw, 1.1rem);\n color: var(--text-muted);\n max-width: 52ch;\n margin: 1.5rem auto 2.5rem;\n line-height: 1.7;\n }\n\n .hero-sub strong {\n color: var(--text);\n }\n\n .btn-register {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n font-family: 'Space Mono', monospace;\n font-size: 0.85rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #05050f;\n background: var(--cyan);\n padding: 0.85rem 2.2rem;\n border-radius: 0.5rem;\n border: none;\n text-decoration: none;\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.5), 0 0 60px rgba(0, 212, 255, 0.2);\n transition: box-shadow 0.3s, transform 0.2s, background 0.2s;\n position: relative;\n overflow: hidden;\n }\n\n .btn-register::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .btn-register:hover {\n box-shadow: 0 0 50px rgba(0, 212, 255, 0.7), 0 0 100px rgba(0, 212, 255, 0.3);\n transform: translateY(-2px);\n background: #19e0ff;\n }\n\n .btn-register svg {\n flex-shrink: 0;\n }\n\n .hero-meta {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-top: 2.5rem;\n flex-wrap: wrap;\n }\n\n .hero-meta-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n }\n\n .hero-meta-val {\n font-family: 'Space Mono', monospace;\n font-size: 1.5rem;\n font-weight: 700;\n color: #fff;\n }\n\n .hero-meta-label {\n font-size: 0.75rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-faint);\n }\n\n .hero-meta-sep {\n width: 1px;\n height: 40px;\n background: rgba(255, 255, 255, 0.1);\n }\n\n \/* \u2500\u2500 BENTO GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .bento {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-auto-rows: auto;\n gap: 1rem;\n }\n\n \/* Cell sizes *\/\n .col-5 {\n grid-column: span 5;\n }\n\n .col-7 {\n grid-column: span 7;\n }\n\n .col-4 {\n grid-column: span 4;\n }\n\n .col-8 {\n grid-column: span 8;\n }\n\n .col-6 {\n grid-column: span 6;\n }\n\n .col-3 {\n grid-column: span 3;\n }\n\n .col-12 {\n grid-column: span 12;\n }\n\n @media (max-width: 900px) {\n\n .col-5,\n .col-7,\n .col-4,\n .col-8,\n .col-6,\n .col-3,\n .col-12 {\n grid-column: span 12;\n }\n\n .col-6-m {\n grid-column: span 6;\n }\n }\n\n @media (max-width: 560px) {\n .col-6-m {\n grid-column: span 12;\n }\n }\n\n \/* \u2500\u2500 PANEL INNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .p-inner {\n padding: clamp(1.25rem, 3vw, 1.75rem);\n }\n\n .p-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.75rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--text-faint);\n margin-bottom: 0.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .p-label-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .p-title {\n font-size: clamp(1.2rem, 2.5vw, 1.7rem);\n font-weight: 700;\n line-height: 1.15;\n margin-bottom: 0.75rem;\n }\n\n .p-body {\n font-size: 0.875rem;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 CHALLENGE PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .challenge-icons {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n .ch-icon {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 0.75rem;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n transition: background 0.2s, border-color 0.2s;\n }\n\n .ch-icon:hover {\n background: rgba(0, 212, 255, 0.06);\n border-color: rgba(0, 212, 255, 0.2);\n }\n\n .ch-icon-symbol {\n font-size: 1.6rem;\n line-height: 1;\n }\n\n .ch-icon-label {\n font-size: 0.62rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-faint);\n text-align: center;\n }\n\n \/* \u2500\u2500 PRIZES PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .prize-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1rem;\n }\n\n .prize-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0.75rem 1rem;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 0.5rem;\n transition: background 0.2s;\n }\n\n .prize-item:hover {\n background: rgba(168, 85, 247, 0.06);\n }\n\n .prize-rank {\n font-family: 'Space Mono', monospace;\n font-size: 1.4rem;\n font-weight: 700;\n line-height: 1;\n flex-shrink: 0;\n width: 2.5rem;\n }\n\n .prize-info {\n flex: 1;\n }\n\n .prize-name {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text);\n }\n\n .prize-desc {\n font-size: 0.7rem;\n color: var(--text-faint);\n margin-top: 2px;\n }\n\n .prize-val {\n font-family: 'Space Mono', monospace;\n font-size: 0.9rem;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 TROPHY VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .trophy-visual {\n position: absolute;\n right: 1.5rem;\n top: 50%;\n transform: translateY(-50%);\n font-size: 4rem;\n opacity: 0.12;\n pointer-events: none;\n animation: float-t 4s ease-in-out infinite;\n }\n\n\n\n \/* \u2500\u2500 TIMELINE PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .timeline {\n display: flex;\n align-items: flex-start;\n gap: 0;\n margin-top: 1.5rem;\n position: relative;\n padding-bottom: 0.5rem;\n overflow-x: auto;\n padding-bottom: 1rem;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 1.1rem;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, var(--cyan), var(--violet), var(--orange));\n opacity: 0.3;\n }\n\n .tl-step {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n min-width: 90px;\n padding-top: 0;\n }\n\n .tl-dot {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 9px;\n font-weight: 700;\n position: relative;\n z-index: 1;\n background: #05050f;\n }\n\n .tl-dot.done {\n background: var(--cyan);\n border-color: var(--cyan);\n color: #05050f;\n box-shadow: 0 0 12px rgba(0, 212, 255, 0.6);\n }\n\n .tl-dot.active {\n border-color: var(--violet);\n color: var(--violet);\n box-shadow: 0 0 12px rgba(168, 85, 247, 0.4);\n animation: pulse-dot 2s ease-in-out infinite;\n }\n\n .tl-dot.next {\n border-color: rgba(255, 255, 255, 0.15);\n color: var(--text-faint);\n }\n\n\n\n .tl-date {\n font-family: 'Space Mono', monospace;\n font-size: 0.62rem;\n color: var(--text-faint);\n text-align: center;\n }\n\n .tl-title {\n font-size: 0.72rem;\n font-weight: 600;\n color: var(--text);\n text-align: center;\n line-height: 1.3;\n }\n\n \/* \u2500\u2500 SPONSORS PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .sponsor-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0.75rem;\n margin-top: 1rem;\n }\n\n .sponsor-item {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 0.75rem;\n aspect-ratio: 2\/1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-faint);\n transition: background 0.2s, border-color 0.2s, color 0.2s;\n }\n\n .sponsor-item:hover {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.12);\n color: var(--text-muted);\n }\n\n .sponsor-item.featured {\n border-color: rgba(0, 212, 255, 0.2);\n color: var(--cyan);\n background: rgba(0, 212, 255, 0.04);\n }\n\n \/* \u2500\u2500 MENTORS PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .mentor-row {\n display: flex;\n gap: 0.75rem;\n margin-top: 1rem;\n flex-wrap: wrap;\n }\n\n .mentor-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 0.75rem;\n padding: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex: 1;\n min-width: 160px;\n transition: background 0.2s, border-color 0.2s;\n }\n\n .mentor-card:hover {\n background: rgba(168, 85, 247, 0.06);\n border-color: rgba(168, 85, 247, 0.25);\n }\n\n .mentor-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n border: 1px solid rgba(168, 85, 247, 0.3);\n background: rgba(168, 85, 247, 0.1);\n }\n\n .mentor-name {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text);\n }\n\n .mentor-role {\n font-size: 0.68rem;\n color: var(--text-faint);\n margin-top: 2px;\n line-height: 1.3;\n }\n\n \/* \u2500\u2500 COUNTER PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .counter-wrap {\n display: flex;\n gap: 0.75rem;\n margin-top: 1rem;\n }\n\n .counter-block {\n flex: 1;\n text-align: center;\n }\n\n .counter-val {\n font-family: 'Space Mono', monospace;\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 700;\n line-height: 1;\n background: linear-gradient(135deg, var(--cyan), var(--violet));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .counter-unit {\n font-size: 0.65rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-faint);\n margin-top: 0.25rem;\n }\n\n .counter-sep {\n width: 1px;\n background: rgba(255, 255, 255, 0.07);\n align-self: stretch;\n }\n\n \/* \u2500\u2500 GET READY PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .ready-list {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n margin-top: 1rem;\n }\n\n .ready-item {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: 0.82rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .ready-num {\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem;\n color: var(--orange);\n font-weight: 700;\n flex-shrink: 0;\n padding-top: 3px;\n }\n\n \/* \u2500\u2500 CODE TICKER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .code-ticker {\n position: relative;\n overflow: hidden;\n height: 2rem;\n margin-top: 1rem;\n }\n\n .code-ticker-inner {\n display: flex;\n gap: 2rem;\n animation: ticker 20s linear infinite;\n white-space: nowrap;\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem;\n color: rgba(0, 212, 255, 0.25);\n }\n\n\n\n \/* \u2500\u2500 CORNER DECORATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .corner-deco {\n position: absolute;\n pointer-events: none;\n }\n\n .corner-tl {\n top: 0;\n left: 0;\n }\n\n .corner-tr {\n top: 0;\n right: 0;\n transform: scaleX(-1);\n }\n\n .corner-br {\n bottom: 0;\n right: 0;\n transform: scale(-1);\n }\n\n \/* \u2500\u2500 SCAN LINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .scanline {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cyan), transparent);\n opacity: 0;\n pointer-events: none;\n animation: scan 4s ease-in-out infinite;\n }\n\n\n\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .reveal.visible {\n opacity: 1;\n transform: none;\n }\n\n .d1 {\n transition-delay: .05s\n }\n\n .d2 {\n transition-delay: .1s\n }\n\n .d3 {\n transition-delay: .15s\n }\n\n .d4 {\n transition-delay: .2s\n }\n\n \/* \u2500\u2500 SECTION DIVIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .section-gap {\n height: 1rem;\n }\n\n \/* \u2500\u2500 SKIP LINK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .skip {\n position: absolute;\n top: -100px;\n left: 1rem;\n z-index: 999;\n background: var(--cyan);\n color: #000;\n padding: .5rem 1rem;\n border-radius: .5rem;\n font-size: .85rem;\n text-decoration: none;\n font-weight: 700;\n }\n\n .skip:focus {\n top: 1rem;\n }\n\n \/* \u2500\u2500 LOGO BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .logo-block {\n background: #ffffff;\n border-radius: var(--r);\n padding: clamp(2rem, 5vw, 3rem);\n margin-top: 3rem;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n }\n\n .logo-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n align-items: center;\n justify-items: center;\n }\n\n .logo-grid-main {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n align-items: center;\n justify-items: center;\n }\n\n .logo-item {\n width: 100%;\n aspect-ratio: 3\/2;\n background: #fff;\n border-radius: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Space Mono', monospace;\n font-size: 0.8rem;\n font-weight: 700;\n color: #64748b;\n transition: all 0.2s;\n }\n\n .logo-item:hover {\n background: #f1f5f9;\n border-color: #94a3b8;\n color: #475569;\n }\n\n @media (max-width: 600px) {\n .logo-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* \u2500\u2500 TESI SISTEMICA PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .tesi-panel {\n grid-column: span 12;\n }\n\n .tesi-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, 0.03);\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n font-family: 'Space Mono', monospace;\n font-size: 0.75rem;\n color: var(--text-faint);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n\n .tesi-header-str {\n font-weight: 700;\n color: var(--text-muted);\n }\n\n .tesi-body {\n padding: clamp(2rem, 5vw, 4rem);\n }\n\n .tesi-sub {\n font-family: 'Space Grotesk', system-ui, sans-serif;\n font-size: 0.85rem;\n font-weight: 700;\n color: var(--text-faint);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n\n .tesi-title {\n font-size: clamp(1.6rem, 3.5vw, 2.2rem);\n font-weight: 800;\n color: #fff;\n line-height: 1.15;\n margin-bottom: 1.5rem;\n }\n\n .tesi-text {\n font-size: 1.05rem;\n line-height: 1.7;\n color: var(--text-muted);\n margin-bottom: 1rem;\n max-width: 860px;\n }\n\n .tesi-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin: 2.5rem 0;\n }\n\n .tesi-stat-box {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 0.5rem;\n padding: 1.5rem 1rem;\n text-align: center;\n transition: all 0.2s;\n }\n\n .tesi-stat-box:hover {\n border-color: rgba(0, 212, 255, 0.3);\n background: rgba(0, 212, 255, 0.03);\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.05);\n }\n\n .tesi-stat-val {\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--cyan);\n margin-bottom: 0.5rem;\n line-height: 1;\n letter-spacing: -0.02em;\n }\n\n .tesi-stat-desc {\n font-size: 0.85rem;\n color: var(--text-muted);\n line-height: 1.4;\n }\n\n .tesi-insight {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 0.5rem;\n padding: 1.5rem 2rem;\n border-left: 4px solid var(--violet);\n font-size: 1.05rem;\n color: var(--text);\n line-height: 1.6;\n }\n\n .tesi-insight-label {\n font-weight: 700;\n color: var(--violet);\n }\n\n @media (max-width: 900px) {\n .tesi-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 500px) {\n .tesi-stats {\n grid-template-columns: 1fr;\n }\n\n .tesi-header {\n flex-direction: column;\n gap: 0.5rem;\n align-items: flex-start;\n }\n }\n\n \/* \u2500\u2500 WORKSHOPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .workshop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n\n .workshop-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 0.75rem;\n padding: 1.5rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .workshop-card:hover {\n background: rgba(0, 212, 255, 0.05);\n border-color: rgba(0, 212, 255, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(0, 212, 255, 0.1);\n }\n\n .workshop-meta {\n font-family: 'Space Mono', monospace;\n font-size: 0.75rem;\n color: var(--cyan);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n .workshop-name {\n font-size: 1.25rem;\n font-weight: 700;\n color: #fff;\n line-height: 1.3;\n }\n\n .workshop-collab {\n font-size: 0.9rem;\n color: var(--text-muted);\n }\n\n .workshop-links {\n display: flex;\n gap: 0.75rem;\n margin-top: auto;\n padding-top: 0.5rem;\n }\n\n .workshop-link {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--cyan);\n text-decoration: none;\n padding: 0.5rem 1rem;\n background: rgba(0, 212, 255, 0.1);\n border: 1px solid rgba(0, 212, 255, 0.2);\n border-radius: 2rem;\n transition: all 0.2s;\n }\n\n .workshop-link:hover {\n background: var(--cyan);\n color: #000;\n }\n\n .workshop-link.link-secondary {\n color: var(--text-muted);\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(255, 255, 255, 0.1);\n }\n\n .workshop-link.link-secondary:hover {\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n }\n\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @keyframes blink {\n\n 0%,\n 100% {\n opacity: 1\n }\n\n 50% {\n opacity: 0.2\n }\n }\n\n @keyframes grad-shift {\n 0% {\n background-position: 0%\n }\n\n 100% {\n background-position: 100%\n }\n }\n\n @keyframes float-t {\n\n 0%,\n 100% {\n transform: translateY(-50%) translateY(0)\n }\n\n 50% {\n transform: translateY(-50%) translateY(-8px)\n }\n }\n\n @keyframes pulse-dot {\n\n 0%,\n 100% {\n box-shadow: 0 0 12px rgba(168, 85, 247, 0.4)\n }\n\n 50% {\n box-shadow: 0 0 20px rgba(168, 85, 247, 0.7)\n }\n }\n\n @keyframes ticker {\n 0% {\n transform: translateX(0)\n }\n\n 100% {\n transform: translateX(-50%)\n }\n }\n\n @keyframes scan {\n 0% {\n top: 0;\n opacity: 0\n }\n\n 10% {\n opacity: 0.15\n }\n\n 90% {\n opacity: 0.15\n }\n\n 100% {\n top: 100%;\n opacity: 0\n }\n }\n\n \/* \u2500\u2500 INFO PANEL (PARTICIPANTS & WHY) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #enclod-hackathon-viewport .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n }\n\n #enclod-hackathon-viewport .info-title {\n font-family: 'Space Mono', monospace;\n font-size: 0.75rem;\n color: var(--violet);\n letter-spacing: 0.2em;\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n }\n\n #enclod-hackathon-viewport .participant-list {\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n #enclod-hackathon-viewport .participant-tag {\n background: rgba(168, 85, 247, 0.1);\n border: 2px solid rgba(168, 85, 247, 0.2);\n color: var(--text);\n padding: 0.5rem 1.3rem;\n border-radius: 4rem;\n font-size: 0.9rem;\n font-weight: 700;\n transition: all 0.2s;\n display: inline-block;\n }\n\n #enclod-hackathon-viewport .participant-tag:hover {\n background: rgba(168, 85, 247, 0.2);\n border-color: var(--violet);\n transform: scale(1.05);\n }\n\n #enclod-hackathon-viewport .benefit-item {\n margin-bottom: 1.25rem;\n }\n\n #enclod-hackathon-viewport .benefit-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.4rem;\n color: var(--orange);\n font-weight: 700;\n font-size: 0.95rem;\n }\n\n #enclod-hackathon-viewport .benefit-text {\n font-size: 0.85rem;\n color: var(--text-muted);\n line-height: 1.5;\n padding-left: 1.75rem;\n }\n\n @media (max-width: 900px) {\n #enclod-hackathon-viewport .info-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\n #enclod-hackathon-viewport #participation .p-inner {\n padding-block: clamp(3rem, 6vw, 5rem);\n }\n <\/style>\n<\/head>\n\n<body>\n\n <!-- \u2500\u2500 CANVAS BACKGROUND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div id=\"enclod-hackathon-viewport\" class=\"page-simulator\">\n <canvas id=\"bg-canvas\" aria-hidden=\"true\"><\/canvas>\n\n <div class=\"page\" id=\"main\">\n\n <!-- \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"hero-header\">\n <img decoding=\"async\" src=\"https:\/\/www.epcsrl.eu\/wp-content\/uploads\/2026\/04\/EnCLOD_Logo_MonoWhite_small.png\"\n alt=\"Interreg Enclod Logo\" class=\"hero-logo\">\n <div class=\"hero-badge\">\n <span class=\"hero-badge-dot\"><\/span>\n Interreg EnCLOD \u00b7 IUAV Vicenza \u00b7 12\u201313 Giugno 2026\n <\/div>\n <h1 class=\"hero-title\">\n <span class=\"hero-title-line1\">OPEN DATA<\/span>\n <span class=\"hero-title-line2\">HACKATHON<\/span>\n <\/h1>\n <p class=\"hero-sub\">\n 24 ore per trasformare i dati pubblici in <strong>strumenti decisionali e servizi<\/strong> per\n imprese e\n cittadini.\n Non esercizi tecnici. Non output generici. Soluzioni che qualcuno possa usare.\n <\/p>\n <a href=\"#candidatura\" class=\"btn-register\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\n aria-hidden=\"true\">\n <polyline points=\"13 17 18 12 13 7\" \/>\n <polyline points=\"6 17 11 12 6 7\" \/>\n <\/svg>\n ISCRIVITI ORA\n <\/a>\n <div class=\"hero-meta\" aria-label=\"Statistiche evento\">\n <div class=\"hero-meta-item\">\n <span class=\"hero-meta-val glow-cyan\">24H<\/span>\n <span class=\"hero-meta-label\">Durata<\/span>\n <\/div>\n <div class=\"hero-meta-sep\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-meta-item\">\n <span class=\"hero-meta-val\" style=\"color:#fff;\">1.7M<\/span>\n <span class=\"hero-meta-label\">Dataset EU<\/span>\n <\/div>\n <div class=\"hero-meta-sep\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-meta-item\">\n <span class=\"hero-meta-val glow-violet\">3<\/span>\n <span class=\"hero-meta-label\">Challenge<\/span>\n <\/div>\n <div class=\"hero-meta-sep\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-meta-item\">\n <span class=\"hero-meta-val glow-orange\">\u221e<\/span>\n <span class=\"hero-meta-label\">Impatto<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 BENTO GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"bento\" role=\"main\" aria-label=\"Sezioni hackathon\">\n\n <!-- \u2500\u2500 TESI SISTEMICA (12 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"tesi-panel panel col-12 reveal d1\" aria-labelledby=\"tesi-h\">\n <div class=\"tesi-body\">\n <div class=\"tesi-sub\">OPEN DATA. OPEN FUTURE.<\/div>\n <h2 class=\"tesi-title\" id=\"tesi-h\">Unisciti all\u2019hackathon che ridisegna la governance\n territoriale.\n <\/h2>\n <p class=\"tesi-text\">\n L’Europa produce ogni anno milioni di dataset aperti: dati su mobilit\u00e0,\n qualit\u00e0 dell’aria, uso del suolo, demografia, energia, servizi pubblici.\n In Italia esistono oltre 87.000 dataset pubblicamente accessibili, e il nostro Paese\n raggiunge\n un indice di maturit\u00e0 open data superiore al 95%.\n Eppure meno del 30% delle pubbliche amministrazioni li utilizza concretamente nei propri\n processi decisionali.\n <\/p>\n <p class=\"tesi-text\">\n Aiutaci a trasformare dati in decisioni!\n <\/p>\n\n <div class=\"tesi-stats\" aria-label=\"Statistiche chiave\">\n <div class=\"tesi-stat-box\">\n <div class=\"tesi-stat-val\">1,7M<\/div>\n <div class=\"tesi-stat-desc\">dataset aperti su<br>data.europa.eu<\/div>\n <\/div>\n <div class=\"tesi-stat-box\">\n <div class=\"tesi-stat-val\">87k+<\/div>\n <div class=\"tesi-stat-desc\">dataset contribuiti<br>dall’Italia<\/div>\n <\/div>\n <div class=\"tesi-stat-box\">\n <div class=\"tesi-stat-val\">95,6%<\/div>\n <div class=\"tesi-stat-desc\">maturit\u00e0 open data<br>Italia (2025)<\/div>\n <\/div>\n <div class=\"tesi-stat-box\">\n <div class=\"tesi-stat-val\"><30%<\/div>\n <div class=\"tesi-stat-desc\">PA che li usa in<br>decisioni operative<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tesi-insight\">\n <span class=\"tesi-insight-label\">Il progetto<\/span> L’iniziativa \u00e8 organizzata nell’ambito\n del\n programma <b>Interreg Central Europe<\/b> e del progetto <b>EnCLOD – Enhancing governance\n Capacities of Local authorities\n using Open Data<\/b>, un’iniziativa che coinvolge pi\u00f9 regioni europee nella\n sperimentazione di soluzioni digitali per migliorare la governance territoriale.\n La provincia di Vicenza \u00e8 una delle Pilot Area: un laboratorio reale, con sfide reali, dove\n le soluzioni sviluppate potranno essere effettivamente adottate.\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 THE CHALLENGE (5 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-cyan col-5 reveal d1\" aria-labelledby=\"challenge-h\">\n <div class=\"scanline\" aria-hidden=\"true\"><\/div>\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--cyan);\" aria-hidden=\"true\"><\/span>\n Impatto\n <\/div>\n <h2 class=\"p-title glow-cyan\" id=\"challenge-h\">THE CHALLENGE<\/h2>\n <p class=\"p-body\">\n Trasforma la materia prima del futuro in soluzioni che contano. Dall’analisi dei dati alla\n governance del territorio: accetta la sfida e riprogetta il domani.\n <\/p>\n <div class=\"challenge-icons\" role=\"list\" aria-label=\"Tecnologie e temi\">\n <div class=\"ch-icon\" role=\"listitem\">\n <span class=\"ch-icon-symbol\" aria-hidden=\"true\">\ud83e\udde0<\/span>\n <span class=\"ch-icon-label\">Design<\/span>\n <\/div>\n <div class=\"ch-icon\" role=\"listitem\">\n <span class=\"ch-icon-symbol\" aria-hidden=\"true\">\u2328\ufe0f<\/span>\n <span class=\"ch-icon-label\">Code<\/span>\n <\/div>\n <div class=\"ch-icon\" role=\"listitem\">\n <span class=\"ch-icon-symbol\" aria-hidden=\"true\">\ud83e\udd16<\/span>\n <span class=\"ch-icon-label\">AI<\/span>\n <\/div>\n <div class=\"ch-icon\" role=\"listitem\">\n <span class=\"ch-icon-symbol\" aria-hidden=\"true\">\ud83d\ude80<\/span>\n <span class=\"ch-icon-label\">Deploy<\/span>\n <\/div>\n <\/div>\n <\/div>\n <svg class=\"corner-deco corner-tl\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\n aria-hidden=\"true\">\n <path d=\"M0 20 L0 0 L20 0\" stroke=\"rgba(0,212,255,0.3)\" stroke-width=\"1.5\" \/>\n <\/svg>\n <svg class=\"corner-deco corner-br\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\n aria-hidden=\"true\">\n <path d=\"M0 20 L0 0 L20 0\" stroke=\"rgba(0,212,255,0.15)\" stroke-width=\"1.5\" \/>\n <\/svg>\n <\/div>\n\n <!-- \u2500\u2500 PRIZES (7 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-violet col-7 reveal d2\" aria-labelledby=\"prizes-h\">\n <div class=\"p-inner\" style=\"padding-right: 5rem;\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--violet);\" aria-hidden=\"true\"><\/span>\n Scopri i premi\n <\/div>\n <h2 class=\"p-title glow-violet\" id=\"prizes-h\">PRIZES & REWARDS<\/h2>\n <div class=\"prize-list\" role=\"list\">\n <div class=\"prize-item\" role=\"listitem\">\n <div class=\"prize-rank glow-orange\">\ud83e\udd47<\/div>\n <div class=\"prize-info\">\n <div class=\"prize-name\">Primo premio<\/div>\n <div class=\"prize-desc\">Miglior strumento decisionale su open data<\/div>\n <\/div>\n <div class=\"prize-val glow-cyan\">\u20ac 1.000 +<br>\n Programma di incubazione<br> @ElevatorHub<\/div>\n <\/div>\n <div class=\"prize-item\" role=\"listitem\">\n <div class=\"prize-rank\" style=\"color:var(--text-muted);\">\ud83e\udd48<\/div>\n <div class=\"prize-info\">\n <div class=\"prize-name\">Premio Axera<\/div>\n <div class=\"prize-desc\">in definizione<\/div>\n <\/div>\n <div class=\"prize-val\" style=\"color:var(--violet);\">\u20ac 500<\/div>\n <\/div>\n <div class=\"prize-item\" role=\"listitem\">\n <div class=\"prize-rank\" style=\"color:var(--text-muted);\">\ud83e\udd49<\/div>\n <div class=\"prize-info\">\n <div class=\"prize-name\">Menzione speciale<\/div>\n <div class=\"prize-desc\">In definizione<\/div>\n <\/div>\n <div class=\"prize-val\" style=\"color:var(--orange);\">\u20ac 500 voucher Shellrent<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"trophy-visual\" aria-hidden=\"true\">\ud83c\udfc6<\/div>\n <\/div>\n\n <!-- \u2500\u2500 TIMELINE (12 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel col-12 reveal\" aria-labelledby=\"timeline-h\">\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--orange);\" aria-hidden=\"true\"><\/span>\n Cronoprogramma\n <\/div>\n <h2 class=\"p-title\" id=\"timeline-h\" style=\"color:#fff;\">TIMELINE<\/h2>\n <div class=\"timeline\" role=\"list\" aria-label=\"Fasi dell'evento\">\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot done\" aria-label=\"Completato\">\u2713<\/div>\n <div class=\"tl-date\">Apr 2026<\/div>\n <div class=\"tl-title\">Apertura candidature<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot active\" aria-label=\"In corso\" aria-current=\"step\">\u25cf<\/div>\n <div class=\"tl-date\">5 Mag 2026<\/div>\n <div class=\"tl-title\">1\u00b0 Workshop<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot active\" aria-label=\"In corso\" aria-current=\"step\">\u25cf<\/div>\n <div class=\"tl-date\">19 Mag 2026<\/div>\n <div class=\"tl-title\">2\u00b0 Workshop<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot next\">\u25cb<\/div>\n <div class=\"tl-date\">1 Giu<\/div>\n <div class=\"tl-title\">Dataset rilasciati<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot next\">\u25cb<\/div>\n <div class=\"tl-date\">12 Giu<\/div>\n <div class=\"tl-title\">Kickoff \u00b7 08:00<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot next\">\u25cb<\/div>\n <div class=\"tl-date\">12\u201313 Giu<\/div>\n <div class=\"tl-title\">Hacking Time!<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot next\">\u25cb<\/div>\n <div class=\"tl-date\">13 Giu<\/div>\n <div class=\"tl-title\">Final Pitch \u00b7 11:45<\/div>\n <\/div>\n <div class=\"tl-step\" role=\"listitem\">\n <div class=\"tl-dot next\" style=\"border-color:rgba(255,107,53,0.4);color:var(--orange);\">\n \u2605\n <\/div>\n <div class=\"tl-date\">13 Giu<\/div>\n <div class=\"tl-title\">Premiazione<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 CHALLENGES (8 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-cyan col-8 reveal d1\" aria-labelledby=\"challenges-h\">\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--cyan);\" aria-hidden=\"true\"><\/span>\n Tematiche\n <\/div>\n <h2 class=\"p-title glow-cyan\" id=\"challenges-h\">SCOPRI LE SFIDE<\/h2>\n <div class=\"prize-list\" role=\"list\">\n <div class=\"prize-item\" style=\"align-items:flex-start;\" role=\"listitem\">\n <div class=\"prize-rank glow-violet\">01<\/div>\n <div class=\"prize-info\">\n <div class=\"prize-name\"\n style=\"font-size: 0.95rem; margin-bottom: 0.3rem; color:var(--violet);\">Road\n Condition Intelligence<\/div>\n <div class=\"prize-desc\"\n style=\"font-size: 0.85rem; line-height: 1.5; color:var(--text-muted);\">\n Crea una piattaforma, un prototipo, un agente AI o un’analisi applicativa\n di visualizzazione real-time dello stato stradale per informare\n autisti e manutentori, integrando dati provenienti da fonti diverse.<\/div>\n <\/div>\n <\/div>\n <div class=\"prize-item\" style=\"align-items:flex-start;\" role=\"listitem\">\n <div class=\"prize-rank glow-cyan\">02<\/div>\n <div class=\"prize-info\">\n <div class=\"prize-name\"\n style=\"font-size: 0.95rem; margin-bottom: 0.3rem; color:var(--cyan);\">\n Open Data to Market<\/div>\n <div class=\"prize-desc\"\n style=\"font-size: 0.85rem; line-height: 1.5; color:var(--text-muted);\">\n Come possono gli open data diventare un prodotto, un servizio o un vantaggio\n competitivo?\n Progetta soluzioni capaci di trasformare dati aperti in strumenti concreti per\n imprese,\n clienti e nuovi mercati.<\/div>\n <\/div>\n <\/div>\n <div class=\"prize-item\" style=\"align-items:flex-start;\" role=\"listitem\">\n <div class=\"prize-rank glow-orange\">03<\/div>\n <div class=\"prize-info\">\n <div class=\"prize-name\"\n style=\"font-size: 0.95rem; margin-bottom: 0.3rem; color:var(--orange);\">Open\n Data for Smarter Territories<\/div>\n <div class=\"prize-desc\"\n style=\"font-size: 0.85rem; line-height: 1.5; color:var(--text-muted);\">\n Immagina soluzioni innovative basate sugli open data per migliorare servizi,\n processi decisionali e gestione del territorio. Dalle dashboard ai servizi\n digitali,\n fino a nuovi strumenti per cittadini, imprese ed enti locali: trasforma i\n dati\n aperti in valore concreto.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 COUNTDOWN (4 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-orange col-4 reveal d2\" aria-labelledby=\"countdown-h\" aria-live=\"polite\">\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--orange);\" aria-hidden=\"true\"><\/span>\n Countdown\n <\/div>\n <h2 class=\"p-title\" id=\"countdown-h\" style=\"color:#fff;\">TIME TO<br>HACK<\/h2>\n <div class=\"counter-wrap\">\n <div class=\"counter-block\">\n <div class=\"counter-val\" id=\"cnt-days\" aria-label=\"giorni\">—<\/div>\n <div class=\"counter-unit\">giorni<\/div>\n <\/div>\n <div class=\"counter-sep\" aria-hidden=\"true\"><\/div>\n <div class=\"counter-block\">\n <div class=\"counter-val\" id=\"cnt-hours\" aria-label=\"ore\">—<\/div>\n <div class=\"counter-unit\">ore<\/div>\n <\/div>\n <div class=\"counter-sep\" aria-hidden=\"true\"><\/div>\n <div class=\"counter-block\">\n <div class=\"counter-val\" id=\"cnt-mins\" aria-label=\"minuti\">—<\/div>\n <div class=\"counter-unit\">min<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"code-ticker\" aria-hidden=\"true\">\n <div class=\"code-ticker-inner\" id=\"ticker\">\n <span>open_data.transform() \u2192 decision<\/span>\n <span>df.merge(insight, on=’territory’)<\/span>\n <span>model.fit(public_data)<\/span>\n <span>render(dashboard, stakeholder)<\/span>\n <span>git commit -m “change the world”<\/span>\n <span>open_data.transform() \u2192 decision<\/span>\n <span>df.merge(insight, on=’territory’)<\/span>\n <span>model.fit(public_data)<\/span>\n <span>render(dashboard, stakeholder)<\/span>\n <span>git commit -m “change the world”<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 WORKSHOPS (12 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-cyan col-12 reveal\" id=\"workshops\" aria-labelledby=\"workshops-h\">\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--cyan);\" aria-hidden=\"true\"><\/span>\n Preparati all’hackathon\n <\/div>\n <h2 class=\"p-title glow-cyan\" id=\"workshops-h\">I WORKSHOP<\/h2>\n <div class=\"workshop-grid\">\n\n <!-- Workshop 2 -->\n <div class=\"workshop-card\">\n <div class=\"workshop-meta\">5 MAGGIO \u00b7 15:00 – 18:00<\/div>\n <h3 class=\"workshop-name\">Tecniche di visualizzazione degli Open Data<\/h3>\n <div class=\"workshop-collab\">Focus su <strong>DataViz & Storytelling<\/strong><br Un\n percorso pratico in 2 parti per capire come trasformare i dati raccolti dalle\n macchine in informazioni che fanno la differenza. <br>\n Seguilo online o in presenza presso <strong>DIH Vicenza<\/strong><\/div>\n <div class=\"workshop-links\">\n <a href=\"https:\/\/dataviz-enclod.eventbrite.it\" class=\"workshop-link\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M15 10l5 5-5 5M4 4v7a4 4 0 0 0 4 4h12\" \/>\n <\/svg>\n Iscriviti\n <\/a>\n <\/div>\n <\/div>\n <!-- Workshop 1 -->\n <div class=\"workshop-card\">\n <div class=\"workshop-meta\">19 MAGGIO \u00b7 14:30 – 17:30<\/div>\n <h3 class=\"workshop-name\">Acquisire, pulire e interpretare i dati<\/h3>\n <div class=\"workshop-collab\">In collaborazione con <strong>Axera<\/strong><br>Un\n percorso\n pratico in 2 parti\n per capire come trasformare i dati raccolti dalle macchine in informazioni che fanno\n la differenza.<\/div>\n <div class=\"workshop-links\">\n <a href=\"https:\/\/prehackathon.eventbrite.it\" class=\"workshop-link\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M15 10l5 5-5 5M4 4v7a4 4 0 0 0 4 4h12\" \/>\n <\/svg>\n Iscriviti\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 WHO & WHY (12 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel col-12 reveal\" id=\"participation\"\n style=\"background: rgba(168, 85, 247, 0.03); border-color: rgba(168, 85, 247, 0.1);\">\n <div class=\"p-inner\">\n <div class=\"info-grid\">\n <!-- Who -->\n <div>\n <div class=\"p-title glow-cyan\">CHI PU\u00d2 PARTECIPARE<\/div>\n <div class=\"participant-list\">\n <span class=\"participant-tag\">Studenti<\/span>\n <span class=\"participant-tag\">Startupper<\/span>\n <span class=\"participant-tag\">Professionisti del dato<\/span>\n <span class=\"participant-tag\">Expert della comunicazione<\/span>\n <span class=\"participant-tag\">UX\/UI Designers<\/span>\n <span class=\"participant-tag\">Sviluppatori<\/span>\n <span class=\"participant-tag\">Enti Pubblici<\/span>\n <span class=\"participant-tag\">Imprese Private<\/span>\n <\/div>\n <\/div>\n <!-- Why -->\n <div>\n <div class=\"p-title glow-orange\">PERCH\u00c8 PARTECIPARE?<\/div>\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-header\">\n <span style=\"font-size: 1.2rem;\">\ud83d\ude80<\/span> Impatto Reale\n <\/div>\n <div class=\"benefit-text\">Concentrati su sfide\n concrete del territorio con dataset reali e pilot area dedicate.<\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-header\">\n <span style=\"font-size: 1.2rem;\">\ud83e\udd1d<\/span> Networking\n <\/div>\n <div class=\"benefit-text\">Connettiti con mentor di alto livello, innovatori\n e talenti che condividono i tuoi interessi<\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-header\">\n <span style=\"font-size: 1.2rem;\">\ud83d\udc8e<\/span> Premi & Visibilit\u00e0\n <\/div>\n <div class=\"benefit-text\">Competi per un vincere uno dei premi\n e presenta\n il tuo progetto davanti a una giuria di livello.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 MENTORS (6 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-violet col-6 reveal d1\" aria-labelledby=\"mentors-h\">\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--violet);\" aria-hidden=\"true\"><\/span>\n Coming Soon\n <\/div>\n <h2 class=\"p-title glow-violet\" id=\"mentors-h\">MENTORS<\/h2>\n <div class=\"mentor-row\" role=\"list\">\n <div class=\"mentor-card\" role=\"listitem\">\n <div class=\"mentor-avatar\" aria-hidden=\"true\">\ud83e\uddd1\u200d\ud83d\udcbb<\/div>\n <div>\n <div class=\"mentor-name\">Data Architect<\/div>\n <div class=\"mentor-role\">Open Data \u00b7 Analytics<\/div>\n <\/div>\n <\/div>\n <div class=\"mentor-card\" role=\"listitem\">\n <div class=\"mentor-avatar\" aria-hidden=\"true\">\ud83d\uddfa\ufe0f<\/div>\n <div>\n <div class=\"mentor-name\">Urban Planner<\/div>\n <div class=\"mentor-role\">Territorio \u00b7 GIS<\/div>\n <\/div>\n <\/div>\n <div class=\"mentor-card\" role=\"listitem\">\n <div class=\"mentor-avatar\" aria-hidden=\"true\">\u2699\ufe0f<\/div>\n <div>\n <div class=\"mentor-name\">Policy Designer<\/div>\n <div class=\"mentor-role\">PA \u00b7 Decision Making<\/div>\n <\/div>\n <\/div>\n <div class=\"mentor-card\" role=\"listitem\">\n <div class=\"mentor-avatar\" aria-hidden=\"true\">\ud83d\udcca<\/div>\n <div>\n <div class=\"mentor-name\">Ai Specialist<\/div>\n <div class=\"mentor-role\">LLM, ML, Agents<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 GET READY (6 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel panel-orange col-6 reveal d2\" aria-labelledby=\"getready-h\">\n <div class=\"p-inner\">\n <div class=\"p-label\">\n <span class=\"p-label-dot\" style=\"background:var(--orange);\" aria-hidden=\"true\"><\/span>\n Cose da sapere\n <\/div>\n <h2 class=\"p-title glow-orange\" id=\"getready-h\">GET READY<\/h2>\n <div class=\"ready-list\" role=\"list\">\n <div class=\"ready-item\" role=\"listitem\">\n <span class=\"ready-num\">01<\/span>\n Esplora i dataset sul nostro repository <strong style=\"color:var(--text);\"><\/strong>\n <\/div>\n <div class=\"ready-item\" role=\"listitem\">\n <span class=\"ready-num\">02<\/span>\n Prepara un ambiente di lavoro\n <\/div>\n <div class=\"ready-item\" role=\"listitem\">\n <span class=\"ready-num\">03<\/span>\n Pensa a un problema reale che un decisore pubblico affronta ogni giorno\n <\/div>\n <div class=\"ready-item\" role=\"listitem\">\n <span class=\"ready-num\">04<\/span>\n Crea un team interdisciplinare: dati, design, AI, comunicazione, business\n <\/div>\n <div class=\"ready-item\" role=\"listitem\">\n <span class=\"ready-num\">05<\/span>\n <strong style=\"color:var(--orange);\">Presenta la tua idea a una giuria di\n esperti!<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <svg class=\"corner-deco corner-tr\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\n aria-hidden=\"true\">\n <path d=\"M0 20 L0 0 L20 0\" stroke=\"rgba(255,107,53,0.3)\" stroke-width=\"1.5\" \/>\n <\/svg>\n <\/div>\n\n\n\n <!-- \u2500\u2500 DOWNLOADS (12 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel col-12 reveal d1\" id=\"downloads\" aria-labelledby=\"downloads-h\">\n <div class=\"p-inner\" style=\"text-align:center; padding-block: clamp(2.5rem,4vw,3.5rem);\">\n <div class=\"p-label\" style=\"justify-content:center;\">\n <span class=\"p-label-dot\" style=\"background:var(--cyan);\" aria-hidden=\"true\"><\/span>\n Risorse & Link\n <\/div>\n <h2 class=\"p-title\" id=\"downloads-h\"\n style=\"font-size:clamp(1.5rem,3vw,2.2rem); color:#fff; margin-bottom:1.5rem;\">\n MATERIALE PER PREPARARSI\n <\/h2>\n <div\n style=\"display:flex; gap:1.25rem; justify-content:center; flex-wrap:wrap; margin-top:2rem;\">\n <a href=\"https:\/\/www.epcsrl.eu\/wp-content\/uploads\/2026\/04\/Enclod_hackathon_regolamento.pdf\" class=\"btn-register\" style=\"background: rgba(255,255,255,0.06); color: #fff; box-shadow: none; border: 1px solid rgba(255,255,255,0.15);\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n REGOLAMENTO\n <\/a>\n <a href=\"https:\/\/enclod.dihvicenza.it\/\" class=\"btn-register\" style=\"background: rgba(255,255,255,0.06); color: #fff; box-shadow: none; border: 1px solid rgba(255,255,255,0.15);\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line>\n <line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line>\n <\/svg>\n REPOSITORY\n <\/a>\n <!-- <a href=\"https:\/\/enclod.dihvicenza.it\/\" class=\"btn-register\" style=\"background: rgba(255,255,255,0.06); color: #fff; box-shadow: none; border: 1px solid rgba(255,255,255,0.15);\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n MATERIALE EXTRA\n <\/a> -->\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2500\u2500 CTA FINAL (12 col) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel col-12 reveal\" id=\"candidatura\" aria-labelledby=\"cta-h\" style=\"background: linear-gradient(135deg, rgba(0,212,255,0.06) 0%, rgba(168,85,247,0.06) 50%, rgba(255,107,53,0.06) 100%);\n border-color: rgba(0,212,255,0.15);\">\n <div class=\"p-inner\" style=\"text-align:center; padding-block: clamp(2rem,5vw,3rem);\">\n <div class=\"p-label\" style=\"justify-content:center;\">\n <span class=\"p-label-dot\" style=\"background:var(--cyan);\" aria-hidden=\"true\"><\/span>\n Candidature aperte\n <\/div>\n <h2 class=\"p-title\" id=\"cta-h\"\n style=\"font-size:clamp(1.5rem,4vw,2.5rem); color:#fff; margin-bottom:0.75rem;\">\n I dati pubblici descrivono gi\u00e0<br>il territorio in cui viviamo.\n <\/h2>\n <p class=\"p-body\"\n style=\"max-width:48ch; margin-inline:auto; margin-bottom:2rem; font-size:1rem;\">\n La domanda non \u00e8 se usarli. \u00c8 <span class=\"glow-cyan\" style=\"font-weight:600;\">chi lo\n far\u00e0\n prima.<\/span>\n <\/p>\n <a href=\"https:\/\/enclod-hackathon.eventbrite.it\" class=\"btn-register\" style=\"font-size:1rem; padding:1rem 2.5rem;\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"3\" aria-hidden=\"true\">\n <polyline points=\"13 17 18 12 13 7\" \/>\n <polyline points=\"6 17 11 12 6 7\" \/>\n <\/svg>\n ISCRIVITI ORA \u2014 12\/13 GIUGNO\n <\/a>\n <p\n style=\"margin-top:1.7rem; font-family:'Space Mono',monospace; font-size:0.65rem; color:var(--text-faint); letter-spacing:0.15em;\">\n IUAV Vicenza – Piazza S. Biagio, 1, 36100 Vicenza VI\n <\/p>\n <\/div>\n <\/div>\n\n <\/div><!-- \/bento -->\n <!-- \u2500\u2500 PARTNER BANNER BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"panel col-12 reveal d1\"\n style=\"background: #fff; padding: clamp(1.5rem, 3vw, 2.5rem); margin-top: 2rem; border-radius: var(--r);\">\n <img decoding=\"async\" src=\"https:\/\/www.epcsrl.eu\/wp-content\/uploads\/2026\/05\/logo-partners-1.png\" alt=\"Sponsor e Partner\"\n style=\"width: 100%; height: auto; object-fit: contain;\">\n <\/div>\n\n <\/div><!-- \/page -->\n\n <\/div>\n\n <script>\n \/\/ \u2500\u2500 CANVAS NETWORK ANIMATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n (function () {\n const canvas = document.getElementById('bg-canvas');\n const ctx = canvas.getContext('2d');\n let W, H, nodes = [], animId;\n\n const COLORS = ['rgba(0,212,255,', 'rgba(168,85,247,', 'rgba(255,107,53,'];\n\n function resize() {\n W = canvas.width = window.innerWidth;\n H = canvas.height = window.innerHeight;\n }\n\n function initNodes() {\n nodes = [];\n const count = Math.min(Math.floor((W * H) \/ 18000), 80);\n for (let i = 0; i < count; i++) {\n nodes.push({\n x: Math.random() * W, y: Math.random() * H,\n vx: (Math.random() - 0.5) * 0.4, vy: (Math.random() - 0.5) * 0.4,\n r: Math.random() * 2 + 1,\n color: COLORS[Math.floor(Math.random() * COLORS.length)],\n alpha: Math.random() * 0.5 + 0.2\n });\n }\n }\n\n function draw() {\n ctx.clearRect(0, 0, W, H);\n\n \/\/ connections\n for (let i = 0; i < nodes.length; i++) {\n for (let j = i + 1; j < nodes.length; j++) {\n const dx = nodes[i].x - nodes[j].x;\n const dy = nodes[i].y - nodes[j].y;\n const dist = Math.sqrt(dx * dx + dy * dy);\n if (dist < 160) {\n const alpha = (1 - dist \/ 160) * 0.12;\n ctx.beginPath();\n ctx.strokeStyle = `rgba(0,212,255,${alpha})`;\n ctx.lineWidth = 0.5;\n ctx.moveTo(nodes[i].x, nodes[i].y);\n ctx.lineTo(nodes[j].x, nodes[j].y);\n ctx.stroke();\n }\n }\n }\n\n \/\/ nodes\n nodes.forEach(n => {\n ctx.beginPath();\n ctx.arc(n.x, n.y, n.r, 0, Math.PI * 2);\n ctx.fillStyle = n.color + n.alpha + ')';\n ctx.fill();\n\n \/\/ glow\n ctx.beginPath();\n ctx.arc(n.x, n.y, n.r * 3, 0, Math.PI * 2);\n ctx.fillStyle = n.color + (n.alpha * 0.15) + ')';\n ctx.fill();\n\n \/\/ move\n n.x += n.vx; n.y += n.vy;\n if (n.x < 0 || n.x > W) n.vx *= -1;\n if (n.y < 0 || n.y > H) n.vy *= -1;\n });\n\n \/\/ floating code fragments\n animId = requestAnimationFrame(draw);\n }\n\n resize();\n initNodes();\n draw();\n window.addEventListener('resize', () => { resize(); initNodes(); });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n cancelAnimationFrame(animId);\n ctx.clearRect(0, 0, W, H);\n }\n })();\n\n \/\/ \u2500\u2500 COUNTDOWN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n (function () {\n const target = new Date('2026-06-12T09:00:00');\n function update() {\n const now = new Date();\n const diff = target - now;\n if (diff <= 0) {\n document.getElementById('cnt-days').textContent = '00';\n document.getElementById('cnt-hours').textContent = '00';\n document.getElementById('cnt-mins').textContent = '00';\n return;\n }\n const d = Math.floor(diff \/ 86400000);\n const h = Math.floor((diff % 86400000) \/ 3600000);\n const m = Math.floor((diff % 3600000) \/ 60000);\n document.getElementById('cnt-days').textContent = String(d).padStart(2, '0');\n document.getElementById('cnt-hours').textContent = String(h).padStart(2, '0');\n document.getElementById('cnt-mins').textContent = String(m).padStart(2, '0');\n }\n update();\n setInterval(update, 30000);\n })();\n\n \/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n (function () {\n const els = document.querySelectorAll('.reveal');\n if (!window.IntersectionObserver) { els.forEach(e => e.classList.add('visible')); return; }\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n els.forEach(e => obs.observe(e));\n })();\n <\/script>\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Open Data Enclod Hackathon \u00b7 IUAV Vicenza \u00b7 12\u201313 Giugno Interreg EnCLOD \u00b7 IUAV Vicenza \u00b7 12\u201313 Giugno 2026 OPEN DATA HACKATHON 24 ore per trasformare i dati pubblici in strumenti decisionali e servizi per imprese e cittadini. Non esercizi tecnici. Non output generici. Soluzioni che qualcuno possa usare. ISCRIVITI ORA 24H Durata 1.7M Dataset […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-46265","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/pages\/46265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/comments?post=46265"}],"version-history":[{"count":47,"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/pages\/46265\/revisions"}],"predecessor-version":[{"id":46470,"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/pages\/46265\/revisions\/46470"}],"wp:attachment":[{"href":"https:\/\/www.epcsrl.eu\/it\/wp-json\/wp\/v2\/media?parent=46265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}