https://cyclopolis.fr/_nuxt/D5gH7TWr.js

1import{_ as C}from"./CFq1Tu_h.js";import{e as h,o as x,c as u,K as L,a as t,t as c,j as l,d as a,b as s,l as z,w as m,n as $,g as k,F as D,r as M,y as Q,h as U,k as R,m as S}from"./DOkYTTaS.js";import{u as T}from"./BY31thPY.js";import{u as j}from"./CWtJ5MXP.js";import{_ as F,a as E,b as G,c as I}from"./DsXKMvQz.js";import K from"./MWR6TY81.js";import{u as J}from"./CoKKzTyk.js";import{u as W}from"./DNlblRcV.js";import{a as X,u as Y}from"./ZoYG2HAJ.js";import{_ as Z}from"./bEG2d2Q8.js";import{q as tt}from"./DPhT5b-w.js";import"./n4eokKan.js";import"./B0PX-4tt.js";import"./CTEZyXwE.js";const et=""+new URL("hero.BA9t-QoT.jpeg",import.meta.url).href,st={class:"relative bg-white overflow-hidden"},ot={class:"relative pt-6 pb-16 sm:pb-24 lg:pb-32"},lt={class:"mt-16 mx-auto max-w-7xl px-4 sm:mt-24 sm:px-6 lg:mt-32"},nt={class:"lg:grid lg:grid-cols-12 lg:gap-8"},rt={class:"sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left"},at={class:"mt-1 block text-4xl tracking-tight font-extrabold sm:text-5xl xl:text-6xl"},it={class:"block text-lvv-blue-600"},dt={class:"mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl"},mt=["href"],ct={class:"mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0"},xt={class:"space-y-4 sm:space-y-0 sm:mx-auto sm:inline-grid sm:grid-cols-2 sm:gap-5"},ut={class:"mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center"},pt={class:"relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md"},gt={class:"relative block w-full bg-white rounded-lg overflow-hidden"},_t=["alt"],vt=h({__name:"HeroSection",setup(y){const{getRevName:n,getAssoName:d,getAssoLink:p}=j(),r=d(),_=T("(min-width: 1024px)"),v=$(()=>_.value?"/carte-interactive?modal=filters":"/carte-interactive");return(f,e)=>{const i=C,w=z;return x(),u("div",st,[e[7]||(e[7]=L('<div class="hidden lg:block lg:absolute lg:inset-0" aria-hidden="true"><svg class="absolute top-0 left-1/2 transform translate-x-64 -translate-y-8" width="640" height="784" fill="none" viewBox="0 0 640 784"><defs><pattern id="9ebea6f4-a1f5-4d96-8c4e-4c2abf658047" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect></pattern></defs><rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor"></rect><rect x="118" width="404" height="784" fill="url(#9ebea6f4-a1f5-4d96-8c4e-4c2abf658047)"></rect></svg></div>',1)),t("div",ot,[t("div",lt,[t("div",nt,[t("div",rt,[t("h1",null,[e[1]||(e[1]=t("span",{class:"block text-sm font-semibold uppercase tracking-wide text-gray-500 sm:text-base lg:text-sm xl:text-base"},"Plateforme de suivi",-1)),t("span",at,[e[0]||(e[0]=t("span",{class:"block text-gray-900"},"Avancement des",-1)),t("span",it,c(l(n)()),1)])]),t("p",dt,[e[2]||(e[2]=a(" Une initiative de l'association ",-1)),t("a",{href:l(p)(),target:"_blank",rel:"noopener",class:"text-lvv-blue-600 font-medium hover:underline"},[t("strong",null,c(l(r)),1)],8,mt),e[3]||(e[3]=a(" pour suivre le développement du nouveau réseau vélo sécurisé Lyonnais. ",-1))]),t("div",ct,[t("div",xt,[s(w,null,{fallback:m(()=>[...e[4]||(e[4]=[t("div",{class:"flex items-center justify-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-lvv-blue-600 sm:px-8"}," Carte interactive ",-1)])]),default:m(()=>[s(i,{to:l(v),class:"flex items-center justify-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-lvv-blue-600 hover:shadow-lg sm:px-8 transition duration-300 transform hover:scale-105"},{default:m(()=>[...e[5]||(e[5]=[a(" Carte interactive ",-1)])]),_:1},8,["to"])]),_:1}),s(i,{to:"/plan-officiel",class:"flex items-center justify-center px-4 py-3 text-base font-medium rounded-md shadow-sm text-lvv-blue-600 border border-lvv-blue-600 hover:shadow-lg sm:px-8 transition duration-300 transform hover:scale-105"},{default:m(()=>[...e[6]||(e[6]=[a(" Plan officiel ",-1)])]),_:1})])])]),t("div",ut,[t("div",pt,[t("div",gt,[t("img",{class:"w-full",src:et,alt:`illustration des ${l(n)()}`},null,8,_t)])])])])])])])}}}),ft=Object.assign(vt,{__name:"HomeHeroSection"}),bt={class:"bg-white pt-12 sm:pt-16"},ht={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},yt={class:"max-w-4xl mx-auto text-center"},wt={class:"text-3xl font-extrabold text-gray-900 sm:text-4xl"},$t={class:"mt-3 text-xl text-gray-500 sm:mt-4"},kt={class:"mt-10 bg-white"},Ct={class:"relative"},jt={class:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},St={class:"max-w-4xl mx-auto"},Lt={class:"rounded-lg bg-white shadow-lg sm:grid sm:grid-cols-3"},Nt={class:"flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-r"},Vt={class:"order-1 text-5xl font-extrabold text-lvv-blue-600"},Ht=h({__name:"StatSection",setup(y){const{getRevName:n,getNbVoiesCyclables:d}=j();return(p,r)=>(x(),u("div",bt,[t("div",ht,[t("div",yt,[t("h2",wt,"Les "+c(l(n)())+", c'est quoi ?",1),t("p",$t,[r[0]||(r[0]=a(" C'est le nom donné au projet de réseau cyclable porté par la Métropole de Lyon.",-1)),r[1]||(r[1]=t("br",null,null,-1)),a("Concrètement, une "+c(l(n)("singular"))+" est une voie cyclable large (3 à 4m), souvent sous forme de piste bidirectionnelle et séparée des voitures. L'ensemble doit créer un maillage cyclable sans discontinuités qui connecte les quartiers lyonnais aux communes de la périphérie de la métropole. ",1)])])]),t("div",kt,[t("div",Ct,[r[4]||(r[4]=t("div",{class:"absolute inset-0 h-1/2 bg-white"},null,-1)),t("div",jt,[t("div",St,[t("dl",Lt,[t("div",Nt,[r[2]||(r[2]=t("dt",{class:"order-2 mt-2 text-lg leading-6 font-medium text-gray-500"},"Lignes",-1)),t("dd",Vt,c(l(d)()),1)]),r[3]||(r[3]=L('<div class="flex flex-col border-t border-b border-gray-100 p-6 text-center sm:border-0 sm:border-l sm:border-r"><dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500">Distance</dt><dd class="order-1 text-5xl font-extrabold text-lvv-blue-600">260km</dd></div><div class="flex flex-col border-t border-gray-100 p-6 text-center sm:border-0 sm:border-l"><dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500">Budget</dt><dd class="order-1 text-5xl font-extrabold text-lvv-blue-600">280M€</dd></div>',2))])])])])])]))}}),At=Object.assign(Ht,{__name:"HomeStatSection"}),Bt={class:"grid grid-cols-1 gap-4 sm:grid-cols-2 md:sm:grid-cols-3"},Ot={class:"flex-shrink-0"},qt={class:"flex-1 min-w-0"},Pt={class:"text-sm font-medium text-gray-900"},zt={class:"text-sm text-gray-500 truncate"},Dt=h({__name:"LinesSection",async setup(y){let n,d;const{getLineColor:p}=J(),{getVoieCyclablePath:r}=W(),{voies:_}=([n,d]=k(()=>X()),n=await n,d(),n);return(v,f)=>{const e=C;return x(),u("div",Bt,[(x(!0),u(D,null,M(l(_),i=>(x(),u("div",{key:i.line,class:"relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-lvv-blue-600"},[t("div",Ot,[t("div",{class:"h-10 w-10 rounded-full flex items-center justify-center text-white font-bold",style:Q(`background-color: ${l(p)(i.line)}`)},c(i.line),5)]),t("div",qt,[s(e,{to:l(r)(i.line),class:"focus:outline-none"},{default:m(()=>[f[0]||(f[0]=t("span",{class:"absolute inset-0","aria-hidden":"true"},null,-1)),t("p",Pt,"Ligne "+c(i.line),1),t("p",zt,c(i.from)+" → "+c(i.to),1)]),_:2},1032,["to"])])]))),128))])}}}),Mt=Object.assign(Dt,{__name:"HomeLinesSection"}),Qt={class:"max-w-7xl mx-auto mt-14 px-4 sm:px-6 lg:px-8 lg:mt-24"},Ut={class:"max-w-7xl mx-auto mt-14 px-4 sm:px-6 lg:px-8 lg:mt-24"},Rt={class:"space-y-8 sm:space-y-12"},Tt={class:"space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl text-center"},Ft={class:"text-xl text-gray-500"},Et={class:"text-center"},Gt={key:0,class:"max-w-7xl mx-auto mt-14 px-4 sm:px-6 lg:px-8 lg:mt-24"},It={class:"space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl text-center"},Kt={class:"text-xl text-gray-500"},Jt={class:"mt-8 flex flex-wrap justify-center gap-4"},Wt={class:"flex-shrink-0 w-12 h-12 rounded-full bg-pink-100 flex items-center justify-center"},Xt={class:"flex-shrink-0 w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center"},Yt={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 lg:mt-10 rounded-2xl py-8"},Zt={class:"relative flex flex-col sm:flex-row justify-between items-center gap-6"},te={class:"max-w-2xl"},ee={class:"mt-2 text-lg text-gray-500"},se={class:"py-16"},fe=h({__name:"index",async setup(y){let n,d;const{getRevName:p,displayQuality:r,displayQualityOnHomePage:_,displayCounters:v}=j(),{geojsons:f}=([n,d]=k(()=>Y()),n=await n,d(),n),e=$(()=>f.value||[]),{data:i}=([n,d]=k(()=>U("home-counter-count",()=>

1v()?tt("compteurs").where("path","LIKE","/compteurs/velo%").all():Promise.resolve(null),{deep:!1})),n=await n,d(),n),w=$(()=>i.value?.length??0);return(oe,o)=>{const N=ft,V=At,H=F,A=E,B=I,O=G,b=K,g=C,q=Mt,P=Z;return x(),u("div",null,[s(N),s(V),t("div",Qt,[o[0]||(o[0]=t("div",{class:"space-y-8 sm:space-y-12"},[t("div",{class:"space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl text-center"},[t("h2",{class:"text-3xl font-extrabold tracking-tight sm:text-4xl"},"Où en est le projet ?"),t("p",{class:"text-xl text-gray-500"},[a(" Après une phase d'étude et de concertation en 2022 et 2023, le projet est maintenant en phase de réalisation."),t("br"),a(" Malgré de nombreux reports, les travaux se multiplient entre l'été 2024 et l'été 2026. ")])])],-1)),s(H,{voies:l(e),class:"mt-8 md:mt-10"},null,8,["voies"]),s(A,{voies:l(e),class:"mt-8"},null,8,["voies"]),l(r)()&&l(_)()?(x(),R(B,{key:0,voies:l(e),class:"mt-8"},null,8,["voies"])):S("",!0),s(O,{voies:l(e),class:"mt-8 max-w-2xl mx-auto"},null,8,["voies"])]),t("div",null,[s(g,{href:"/tableau-de-bord",class:"flex items-center justify-center text-lvv-blue-600 hover:underline"},{default:m(()=>[o[1]||(o[1]=a(" Voir le tableau de bord complet ",-1)),s(b,{name:"heroicons:arrow-right",class:"ml-1 h-5 w-5"})]),_:1})]),t("div",Ut,[t("div",Rt,[t("div",Tt,[o[2]||(o[2]=t("h2",{class:"text-3xl font-extrabold tracking-tight sm:text-4xl"},"Avancement par ligne",-1)),t("p",Ft," Choisissez une "+c(l(p)("singular"))+" pour connaitre le détail du projet et voir son niveau d'avancement. ",1)]),s(q,{class:"mt-5"}),t("div",Et,[s(g,{to:"/chronologie",class:"inline-flex items-center gap-1 text-sm text-lvv-blue-600 hover:underline font-medium"},{default:m(()=>[o[3]||(o[3]=a(" Voir la chronologie des réalisations ",-1)),s(b,{name:"mdi:arrow-right",class:"h-4 w-4"})]),_:1})])])]),l(v)()?(x(),u("div",Gt,[t("div",It,[o[4]||(o[4]=t("h2",{class:"text-3xl font-extrabold tracking-tight sm:text-4xl"},"Compteurs de passages",-1)),t("p",Kt," Suivez l'évolution de la fréquentation cycliste grâce aux "+c(l(w))+" compteurs de l'agglomération lyonnaise. ",1)]),t("div",Jt,[s(g,{to:"/compteurs/velo",class:"flex items-center gap-4 p-4 rounded-lg border border-gray-200 hover:border-lvv-blue-600 hover:shadow-md transition-all group w-full sm:w-auto sm:min-w-[250px]"},{default:m(()=>[t("div",Wt,[s(b,{name:"game-icons:dutch-bike",class:"text-2xl text-pink-600"})]),o[5]||(o[5]=t("div",null,[t("div",{class:"font-semibold text-gray-900 group-hover:text-lvv-blue-600"},"Compteurs vélo"),t("div",{class:"text-sm text-gray-500"},"Fréquentation cycliste")],-1))]),_:1}),s(g,{to:"/compteurs/comparaison",class:"flex items-center gap-4 p-4 rounded-lg border border-gray-200 hover:border-lvv-blue-600 hover:shadow-md transition-all group w-full sm:w-auto sm:min-w-[250px]"},{default:m(()=>[t("div",Xt,[s(b,{name:"mdi:compare-horizontal",class:"text-2xl text-purple-600"})]),o[6]||(o[6]=t("div",null,[t("div",{class:"font-semibold text-gray-900 group-hover:text-lvv-blue-600"},"Comparaison"),t("div",{class:"text-sm text-gray-500"},"Vélo vs voiture")],-1))]),_:1})])])):S("",!0),t("div",Yt,[t("div",Zt,[t("div",te,[t("p",ee,[o[8]||(o[8]=a(" Découvrez d'autres observatoires à travers le pays, dont certains sont basés sur ",-1)),s(g,{class:"text-lvv-blue-600 hover:text-lvv-blue-800 font-medium underline",to:"/blog/open-source"},{default:m(()=>[...o[7]||(o[7]=[a("notre travail en Open Source.",-1)])]),_:1})])]),s(g,{to:"/sites-partenaires",class:"inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-lvv-blue-600 hover:bg-lvv-blue-700 md:text-lg w-full sm:w-auto"},{default:m(()=>[...o[9]||(o[9]=[a(" Voir les sites partenaires ",-1)])]),_:1})])]),t("div",se,[s(P)])])}}});export{fe as default};