1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,58389,e=>{"use strict";var i=e.i(43476),t=e.i(97327),a=e.i(39730),r=e.i(93472),d=e.i(66955),l=e.i(57688),o=e.i(22016),n=e.i(71645),s=e.i(97053);let c=s.default.div.withConfig({displayName:"Blog__StyledPage",componentId:"sc-e2ede2b3-0"})` 2 max-width: 1280px; 3 margin: 0 auto; 4 padding: 24px 24px 80px; 5`,p=s.default.p.withConfig({displayName:"Blog__Empty",componentId:"sc-e2ede2b3-1"})` 6 text-align: center; 7 color: ${a.default.darkGray}; 8 padding: 80px 0; 9`,h=(0,s.default)(o.default).withConfig({displayName:"Blog__FeaturedLink",componentId:"sc-e2ede2b3-2"})` 10 display: block; 11 text-decoration: none; 12 border-radius: 20px; 13 overflow: hidden; 14 margin-bottom: 60px; 15 box-shadow: 0 8px 40px rgba(0,0,0,0.15); 16 transition: box-shadow 0.25s, transform 0.25s; 17 18 &:hover { 19 box-shadow: 0 20px 60px rgba(0,0,0,0.22); 20 transform: translateY(-3px); 21 } 22`,g=s.default.div.withConfig({displayName:"Blog__FeaturedCard",componentId:"sc-e2ede2b3-3"})` 23 background: ${e=>e.gradient}; 24 position: relative; 25 min-height: 460px; 26 display: flex; 27 align-items: flex-end; 28 29 @media screen and (${d.devices.lg}) { 30 min-height: 540px; 31 } 32`,u=(0,s.default)(l.default).withConfig({displayName:"Blog__FeaturedImage",componentId:"sc-e2ede2b3-4"})``,m=s.default.span.withConfig({displayName:"Blog__FeaturedLabel",componentId:"sc-e2ede2b3-5"})` 33 position: absolute; 34 top: 24px; 35 right: 28px; 36 z-index: 2; 37 background: ${a.default.primary}; 38 color: white; 39 font-size: 0.75rem; 40 font-weight: 700; 41 letter-spacing: 0.08em; 42 text-transform: uppercase; 43 padding: 6px 16px; 44 border-radius: 100px; 45`,x=s.default.div.withConfig({displayName:"Blog__FeaturedOverlay",componentId:"sc-e2ede2b3-6"})` 46 position: absolute; 47 inset: 0; 48 /* gradient tint + dark-bottom for text legibility */ 49 background: 50 linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.3) 55%, rgba(0,0,0,0.1) 100%), 51 ${e=>e.gradient}22; 52`,f=s.default.div.withConfig({displayName:"Blog__FeaturedContent",componentId:"sc-e2ede2b3-7"})` 53 position: relative; 54 z-index: 1; 55 padding: 36px 40px; 56 width: 100%; 57 max-width: 780px; 58`,b=s.default.span.withConfig({displayName:"Blog__FeaturedBadge",componentId:"sc-e2ede2b3-8"})` 59 display: inline-block; 60 background: rgba(255,255,255,0.18); 61 color: white; 62 font-size: 0.72rem; 63 font-weight: 700; 64 letter-spacing: 0.09em; 65 text-transform: uppercase; 66 padding: 4px 12px; 67 border-radius: 100px; 68 border: 1px solid rgba(255,255,255,0.38); 69 margin-bottom: 14px; 70`,_=s.default.h2.withConfig({displayName:"Blog__FeaturedTitle",componentId:"sc-e2ede2b3-9"})` 71 color: white; 72 font-size: 1.9rem; 73 font-weight: 700; 74 margin: 0 0 12px; 75 line-height: 1.25; 76 text-shadow: 0 2px 12px rgba(0,0,0,0.4); 77 78 @media screen and (${d.devices.lg}) { 79 font-size: 2.6rem; 80 } 81`,y=s.default.p.withConfig({displayName:"Blog__FeaturedExcerpt",componentId:"sc-e2ede2b3-10"})` 82 color: rgba(255,255,255,0.88); 83 font-size: 1rem; 84 line-height: 1.65; 85 margin: 0 0 16px; 86 max-width: 600px; 87`,w=s.default.div.withConfig({displayName:"Blog__FeaturedMeta",componentId:"sc-e2ede2b3-11"})` 88 display: flex; 89 align-items: center; 90 gap: 8px; 91 color: rgba(255,255,255,0.7); 92 font-size: 0.84rem; 93 margin-bottom: 22px; 94`,v=s.default.span.withConfig({displayName:"Blog__FeaturedCTA",componentId:"sc-e2ede2b3-12"})` 95 display: inline-block; 96 background: white; 97 color: ${a.default.extremeGray}; 98 font-weight: 700; 99 font-size: 0.9rem; 100 padding: 10px 24px; 101 border-radius: 100px; 102 transition: background 0.2s, color 0.2s; 103 104 ${h}:hover & { 105 background: ${a.default.primary}; 106 color: white; 107 } 108`,j=s.default.div.withConfig({displayName:"Blog__GridSection",componentId:"sc-e2ede2b3-13"})``,C=s.default.h3.withConfig({displayName:"Blog__GridTitle",componentId:"sc-e2ede2b3-14"})` 109 color: ${a.default.extremeGray}; 110 font-size: 1.35rem; 111 font-weight: 700; 112 margin: 0 0 28px; 113`,N=s.default.div.withConfig({displayName:"Blog__Grid",componentId:"sc-e2ede2b3-15"})` 114 display: grid; 115 gap: 28px; 116 117 @media screen and (${d.devices.md}) { 118 grid-template-columns: repeat(2, 1fr); 119 } 120 @media screen and (${d.devices.lg}) { 121 grid-template-columns: repeat(3, 1fr); 122 } 123`,B=(0,s.default)(o.default).withConfig({displayName:"Blog__CardLink",componentId:"sc-e2ede2b3-16"})` 124 background: white; 125 border-radius: 14px; 126 box-shadow: 0 4px 20px rgba(0,0,0,0.07); 127 display: flex; 128 flex-direction: column; 129 text-decoration: none; 130 overflow: hidden; 131 transition: box-shadow 0.2s, transform 0.2s; 132 133 &:hover { 134 box-shadow: 0 12px 36px rgba(13,65,225,0.13); 135 transform: translateY(-4px); 136 } 137`,k=s.default.div.withConfig({displayName:"Blog__CardCoverWrapper",componentId:"sc-e2ede2b3-17"})` 138 position: relative; 139 height: 180px; 140 overflow: hidden; 141 flex-shrink: 0; 142`,I=s.default.div.withConfig({displayName:"Blog__CardCoverOverlay",componentId:"sc-e2ede2b3-18"})` 143 position: absolute; 144 inset: 0; 145 background: ${e=>e.gradient}55; 146 transition: opacity 0.2s; 147 148 ${B}:hover & { 149 opacity: 0.7; 150 } 151`,$=s.default.div.withConfig({displayName:"Blog__CardCoverPlaceholder",componentId:"sc-e2ede2b3-19"})` 152 position: absolute; 153 inset: 0; 154 background: ${e=>e.gradient}; 155`,F=s.default.span.withConfig({displayName:"Blog__CardBadge",componentId:"sc-e2ede2b3-20"})` 156 position: absolute; 157 top: 12px; 158 left: 14px; 159 z-index: 1; 160 display: inline-block; 161 background: rgba(0,0,0,0.45); 162 backdrop-filter: blur(4px); 163 color: white; 164 font-size: 0.67rem; 165 font-weight: 700; 166 letter-spacing: 0.08em; 167 text-transform: uppercase; 168 padding: 3px 10px; 169 border-radius: 100px; 170`,S=s.default.div.withConfig({displayName:"Blog__CardBody",componentId:"sc-e2ede2b3-21"})` 171 padding: 18px 18px 8px; 172 flex: 1; 173`,z=s.default.h3.withConfig({displayName:"Blog__CardTitle",componentId:"sc-e2ede2b3-22"})` 174 color: ${a.default.extremeGray}; 175 font-size: 0.97rem; 176 font-weight: 700; 177 margin: 0 0 8px; 178 line-height: 1.4; 179`,A=s.default.p.withConfig({displayName:"Blog__CardExcerpt",componentId:"sc-e2ede2b3-23"})` 180 color: ${a.default.darkGray}; 181 font-size: 0.82rem; 182 line-height: 1.6; 183 margin: 0; 184 display: -webkit-box; 185 -webkit-line-clamp: 3; 186 -webkit-box-orient: vertical; 187 overflow: hidden; 188`,G=s.default.div.withConfig({displayName:"Blog__CardFooter",componentId:"sc-e2ede2b3-24"})` 189 padding: 12px 18px 16px; 190 display: flex; 191 align-items: center; 192 justify-content: space-between; 193 border-top: 1px solid ${a.default.lightGray}; 194 margin-top: 12px; 195`,L=s.default.div.withConfig({displayName:"Blog__CardMeta",componentId:"sc-e2ede2b3-25"})` 196 display: flex; 197 flex-direction: column; 198 gap: 2px; 199 font-size: 0.71rem; 200 color: ${a.default.darkGray}; 201`,T=s.default.span.withConfig({displayName:"Blog__CardReadMore",componentId:"sc-e2ede2b3-26"})` 202 color: ${a.default.primary}; 203 font-size: 0.8rem; 204 font-weight: 700; 205 white-space: nowrap; 206 207 ${B}:hover & { 208 text-decoration: underline; 209 } 210`,q=s.default.div.withConfig({displayName:"Blog__LoadMoreWrapper",componentId:"sc-e2ede2b3-27"})` 211 display: flex; 212 justify-content: center; 213 margin-top: 48px; 214`,M=s.default.button.withConfig({displayName:"Blog__LoadMoreButton",componentId:"sc-e2ede2b3-28"})` 215 border: 2px solid ${a.default.primary}; 216 background: white; 217 color: ${a.default.primary}; 218 font-size: 0.95rem; 219 font-weight: 700; 220 padding: 12px 36px; 221 border-radius: 100px; 222 cursor: pointer; 223 transition: background 0.18s, color 0.18s; 224 225 &:hover { 226 background: ${a.default.primary}; 227 color: white; 228 } 229`;e.s(["default",0,function({lang:e,posts:a,locale:d}
229){let[o,s]=(0,n.useState)(""),[R,U]=(0,n.useState)(null),[P,O]=(0,n.useState)(10);if(!a.length)return(0,i.jsx)(c,{children:(0,i.jsx)(p,{children:e.noPosts})});let D=Array.from(new Set(a.flatMap(e=>e.category))).sort(),E=o.trim().toLowerCase(),K=null!==R||!!E,W=a.filter(e=>(null===R||e.category.includes(R))&&(!E||[e.title,e.excerpt,...e.category].join(" ").toLowerCase().includes(E))),[Y,...Q]=a,X=(K?W:Q).slice(0,K?P:P-1),H=P<(K?W.length:a.length);return(0,i.jsxs)(c,{children:[(0,i.jsx)(t.default,{locale:d,query:o,onQueryChange:e=>{s(e),O(10)},placeholder:"fr"===d?"Rechercher un article, Cloud, DevOpsâ¦":"Search articles, Cloud, DevOpsâ¦",groups:[{label:"fr"===d?"Thématiques":"Topics",hideLabel:!0,onSelect:e=>{U(e||null),O(10)},options:[{value:"",label:e.filterAll,selected:null===R},...D.map(e=>({value:e,label:e,selected:e===R}))]}],resultLabel:`${W.length} ${"fr"===d?W.length>1?"articles trouvés":"article trouvé":1===W.length?"article found":"articles found"}`,active:null!==R||!!o,onReset:()=>{U(null),O(10),s("")}}),!K&&(0,i.jsx)(h,{href:`${r.AppRoutes.BlogPost}/${Y.id}`,prefetch:!1,children:(0,i.jsxs)(g,{gradient:Y.coverGradient,children:[Y.imageUrl&&(0,i.jsx)(u,{src:Y.imageUrl,alt:Y.title,fill:!0,sizes:"(max-width: 1280px) 100vw, 1280px",style:{objectFit:"cover"},priority:!0,unoptimized:!0}),(0,i.jsx)(x,{gradient:Y.coverGradient}),(0,i.jsxs)(m,{children:["⦠",e.featuredLabel]}),(0,i.jsxs)(f,{children:[(0,i.jsx)(b,{children:Y.category[0]}),(0,i.jsx)(_,{children:Y.title}),(0,i.jsx)(y,{children:Y.excerpt}),(0,i.jsxs)(w,{children:[(0,i.jsx)("span",{children:Y.displayDate}),(0,i.jsx)("span",{children:"·"}),(0,i.jsxs)("span",{children:[Y.readTime," ",e.readTimeSuffix]})]}),(0,i.jsxs)(v,{children:[e.readMore," â"]})]})]})}),(0,i.jsxs)(j,{children:[(0,i.jsx)(C,{children:e.allArticles}),0===W.length&&(0,i.jsx)(p,{children:"fr"===d?"Aucun article ne correspond à votre recherche.":"No articles match your search."}),(0,i.jsx)(N,{children:X.map(t=>(0,i.jsxs)(B,{href:`${r.AppRoutes.BlogPost}/${t.id}`,prefetch:!1,children:[(0,i.jsxs)(k,{children:[t.cardImageUrl||t.imageUrl?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.default,{src:t.cardImageUrl||t.imageUrl,alt:t.title,fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1280px) 50vw, 420px",style:{objectFit:"cover"},unoptimized:!0}),(0,i.jsx)(I,{gradient:t.coverGradient})]}):(0,i.jsx)($,{gradient:t.coverGradient}),(0,i.jsx)(F,{children:t.category[0]})]}),(0,i.jsxs)(S,{children:[(0,i.jsx)(z,{children:t.title}),(0,i.jsx)(A,{children:t.excerpt})]}),(0,i.jsxs)(G,{children:[(0,i.jsxs)(L,{children:[(0,i.jsx)("span",{children:t.displayDate}),(0,i.jsxs)("span",{children:[t.readTime," ",e.readTimeSuffix]})]}),(0,i.jsxs)(T,{children:[e.readMore," â"]})]})]},t.id))}),H&&(0,i.jsx)(q,{children:(0,i.jsx)(M,{onClick:()=>O(e=>e+9),children:e.loadMore})})]})]})}])},65409,e=>{e.v({chip:"SearchFilters-module__s-_iAq__chip",clear:"SearchFilters-module__s-_iAq__clear",group:"SearchFilters-module__s-_iAq__group",hiddenLabel:"SearchFilters-module__s-_iAq__hiddenLabel",options:"SearchFilters-module__s-_iAq__options",panel:"SearchFilters-module__s-_iAq__panel",results:"SearchFilters-module__s-_iAq__results",search:"SearchFilters-module__s-_iAq__search",wrapper:"SearchFilters-module__s-_iAq__wrapper"})},97327,e=>{"use strict";var i=e.i(43476),t=e.i(92199),a=e.i(65409);e.s(["default",0,function({query:e,onQueryChange:r,placeholder:d,groups:l,locale:o,resultLabel:n,active:s,onReset:c}){return(0,i.jsxs)("div",{className:a.default.wrapper,children:[(0,i.jsxs)("div",{className:a.default.panel,children:[(0,i.jsxs)("div",{className:a.default.search,role:"search",children:[(0,i.jsx)(t.FiSearch,{"aria-hidden":"true"}),(0,i.jsx)("input",{type:"search","aria-label":d,placeholder:d,value:e,onChange:e=>r(e.target.value)}),e&&(0,i.jsx)("button",{type:"button",className:a.default.clear,"aria-label":"fr"===o?"Effacer la recherche":"Clear search",onClick:()=>r(""),children:(0,i.jsx)(t.FiX,{"aria-hidden":"true"})})]}),l.map(e=>(0,i.jsxs)("fieldset",{className:a.default.group,children:[(0,i.jsx)("legend",{className:e.hideLabel?a.default.hiddenLabel:void 0,children:e.label}),(0,i.jsx)("div",{className:a.default.options,children:e.options.map(t=>(0,i.jsx)("button",{type:"button","aria-pressed":t.selected,className:a.default.chip,onClick:()=>e.onSelect(t.value),children:t.label},t.value))})]},e.label))]}),(0,i.jsxs)("div",{className:a.default.results,children:[(0,i.jsx)("span",{role:"status",children:n}),s&&(0,i.jsx)("button",{type:"button",onClick:c,children:"fr"===o?"Réinitialiser les filtres":"Reset filters"})]})]})}])}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.