PageSourceSearch

https://www.100ximpact.org/static/modern/js/caseStudy.page.9e428218156e91ce6192.mjs

js 100ximpact.org collected 2026-10-03 23:23:48 UTC 11,713 bytes, 235 lines download raw bytes

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[399,556],{217:(j,v,t)=>{t.d(v,{D:()=>w});var e=t(6109),u=t(8451),o=t.n(u),p=t(7742),y=t(4616),E=t(430);const S=E.default.ul`
2  padding: 0;
3  width: 100%;
4  max-width: 21.6rem;
5  display: flex;
6  justify-content: space-between;
7  margin: 5rem auto 0 auto;
8
9  li {
10    /* delete li styles */
11    list-style: none;
12    margin: 0;
13    padding: 0;
14    
15  }
16`,w=({className:g,link:m,title:s,hashtags:d,via:b,article:O})=>{let f=`https://twitter.com/intent/tweet?url=${m}&text=${s}`;return d&&(f+=`&hashtags=${d}`),b&&(f+=` ${b}`),e.createElement(S,{className:g},e.createElement("li",null,e.createElement("a",{href:f,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on Twitter"},e.createElement("span",{className:"sr-only"},"Share on Twitter"),e.createElement(p.Z,{icon:y.g.Twitter,width:30,height:30}))),e.createElement("li",null,e.createElement("a",{href:`https://www.linkedin.com/sharing/share-offsite/?url=${m}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on LinkedIn"},e.createElement("span",{className:"sr-only"},"Share on LinkedIn"),e.createElement(p.Z,{icon:y.g.LinkedIn}))),e.createElement("li",null,e.createElement("a",{href:`https://www.facebook.com/sharer/sharer.php?u=${m}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on Facebook"},e.createElement("span",{className:"sr-only"},"Share on Facebook"),e.createElement(p.Z,{icon:y.g.Facebook}))),e.createElement("li",null,e.createElement("a",{href:`mailto:?&subject=${s}&body=${m}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share by email"},e.createElement("span",{className:"sr-only"},"Share by email"),e.createElement(p.Z,{icon:y.g.Envelope}))))};w.propTypes={className:o().string,link:o().object,title:o().string,hashtags:o().string,via:o().string,article:o().object,subscribe:o().bool}},8708:(j,v,t)=>{t.d(v,{Z:()=>w});var e=t(6109),u=t(7742),o=t(726),p=t(430);const E=p.default.section`
17  ${({theme:g})=>p.css`
18    height: 100vh;
19    width: 100%;
20    position: relative;
21    display: flex;
22    justify-content: center;
23    align-items: center;
24    text-align: center;
25    .hero-banner__image {
26      position: absolute;
27      width: 100%;
28      height: 100%;
29      z-index: -1;
30      overflow: hidden;
31    }
32    .hero-banner__content {
33      max-width: 66rem;
34      margin: 0 2rem;
35
36      svg {
37        width: 6rem;
38        height: 6rem;
39      }
40    }
41
42    .hero-banner__title {
43      ${g.typographyStyles.h2Styles}
44      color: var(--color-base-white);
45    }
46  `}
47`;var x=t(7086);const w=({image:g,heroImage:m,title:s,icon:d})=>s?e.createElement(E,null,e.createElement(x.Z,{className:"hero-banner__image",src:m||g,alt:"",height:810,width:1440}),e.createElement("div",{className:"hero-banner__content"},d&&e.createElement(u.Z,{icon:d,color:"#fff"}),e.createElement(o.Z,{headingLevel:"h1",className:"hero-banner__title"},s))):null},2974:(j,v,t)=>{t.r(v),t.d(v,{default:()=>f});var e=t(6109),u=t(726),o=t(2063),p=t(5975),y=t(8841),E=t(430);const S=E.default.div`
48  ${({theme:c,columns:i})=>E.css`
49    text-align: center;
50    margin: 10rem 0;
51    padding: 0 2rem;
52    @media ${c.mq.min.mediumDesktop} {
53      margin: 15rem 0;
54      padding: 0 3rem;
55    }
56    .highlights__title {
57      ${c.typographyStyles.h3Styles}
58    }
59    .highlights__statistics {
60      display: grid;
61      grid-template-columns: 12fr;
62      gap: 3rem;
63      margin: 5rem auto;
64      max-width: 138rem;
65      width: 100%;
66      @media ${c.mq.min.mediumDesktop} {
67        grid-template-columns: ${i};
68        margin: 15rem auto;
69      }
70    }
71    .highlights__statistics div {
72      @media ${c.mq.min.mediumDesktop} {
73        flex: 1 1 auto;
74        border-right: 1px solid rgba(49, 11, 73, 0.2);
75        &:last-child {
76          border-right: none;
77        }
78      }
79    }
80    .statistic__title {
81      ${c.typographyStyles.h1Styles}
82      margin-bottom: 3rem;
83    }
84    .link {
85      margin-top: 2.5rem;
86    }
87  `}
88`;var w=Object.defineProperty,g=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,d=(c,i,l)=>i in c?w(c,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):c[i]=l,b=(c,i)=>{for(var l in i||(i={}))m.call(i,l)&&d(c,l,i[l]);if(g)for(var l of g(i))s.call(i,l)&&d(c,l,i[l]);return c};const f=({title:c,text:i,highlights:l,cta:h})=>{if(!l||(l==null?void 0:l.length)<=0)return null;const T=()=>{const $=l==null?void 0:l.length,N=12/$,_=[];for(let D=1;D<=$;
88D++)_.push(`${N}fr`);return _==null?void 0:_.join(" ")};return e.createElement(S,{columns:T()},e.createElement(u.Z,{headingLevel:"h1",className:"highlights__title"},c),e.createElement("div",{className:"highlights__statistics"},l.map(($,N)=>e.createElement(p.Z,{key:N},e.createElement(y.Z,b({className:"highlights__statistic"},$))))),i&&e.createElement("p",null,i),h&&e.createElement(o.default,b({},h)))}},8841:(j,v,t)=>{t.d(v,{Z:()=>g});var e=t(6109),u=t(430);const p=u.default.div`
89  ${()=>u.css`
90    .prefers-reduce-motion--off {
91      display: block;
92      @media (prefers-reduced-motion) {
93        display: none;
94      }
95    }
96    .prefers-reduce-motion--on {
97      display: none;
98      @media (prefers-reduced-motion) {
99        display: block;
100      }
101    }
102  `}
103`,E=({start:m=0,end:s,timer:d=50})=>{const[b,O]=(0,e.useState)(0),f=(0,e.useRef)(m),c=s/200,i=()=>{if(f.current<s){const h=Math.ceil(f.current+c);if(h>s)return O(s);O(h),f.current=h}setTimeout(i,d)};(0,e.useEffect)(()=>{let h=!0;return h&&i(),()=>h=!1},[m,s]);const l=h=>new Intl.NumberFormat("en-gb",{style:"currency",currency:"GBP",maximumSignificantDigits:3}).format(h);return e.createElement(p,null,e.createElement("div",{className:"prefers-reduce-motion--off"},l(b)),e.createElement("div",{className:"prefers-reduce-motion--on"},l(s)))},S=u.default.div`
104  ${({theme:m})=>u.css`
105    .statistic__title {
106      font-family: ${m.fontFamily.FreightText};
107      margin-bottom: 1rem;
108      color: var(--color-light-purple);
109    }
110  `}
111`,g=({className:m,statistic:s,text:d})=>s?typeof s=="number"?e.createElement(S,{className:m},e.createElement("h4",{className:"statistic__title"},e.createElement(E,{start:0,end:s,timer:4})),e.createElement("p",{className:"statistic__text"},d)):e.createElement(S,{className:m},e.createElement("h4",{className:"statistic__title"},s),e.createElement("p",{className:"statistic__text"},d)):null},1723:(j,v,t)=>{t.r(v),t.d(v,{default:()=>Q});var e=t(6109),u=t(8068),o=t(430);const p=o.default.div`
112  ${({theme:r})=>o.css`
113      .campaign {
114        background: linear-gradient(
115          180deg,
116          var(--color-dark-purple) 50%,
117          var(--color-base-white) 50%
118        );
119      }
120
121      .socialShare {
122        margin: 0;
123      }
124
125      .overview__heading {
126        display: flex;
127        justify-content: space-between;
128        flex-direction: column;
129        gap: 3rem;
130      }
131
132      .simple-parallax-initialized > img {
133        transform: scale(1) !important;
134      }
135
136      .simple-slider__image {
137        background-color: #ffffff;
138      }
139    `}
140`;var y=t(7511),E=t(8708),x=t(726),S=t(8694);const g=o.default.div`
141  ${({theme:r})=>o.css`
142    padding: 10rem 2rem;
143    background-color: var(--color-light-grey);
144    @media ${r.mq.min.laptop} {
145      padding: 15rem 3rem;
146    }
147    .overview__wrapper {
148      max-width: 144rem;
149      width: 100%;
150      margin: 0 auto;
151      display: flex;
152      flex-direction: column;
153      gap: 1rem;
154      @media ${r.mq.min.laptop} {
155        flex-direction: row;
156      }
157    }
158    .overview__heading,
159    .overview__content {
160      flex: 1 1 0;
161    }
162
163    .overview__heading--title {
164      ${r.typographyStyles.labelStyles}
165    }
166
167    .overview__content {
168      p {
169        ${r.typographyStyles.h3Styles}
170        font-family: ${r.fontFamily.FreightText};
171      }
172    }
173  `}
174`;var m=t(217);const d=({title:r,text:a,socialShareProps:n})=>e.createElement(g,null,e.createElement("div",{className:"overview__wrapper"},e.createElement("div",{className:"overview__heading"},e.createElement(x.Z,{headingLevel:"h1",className:"overview__heading--title"},r),e.createElement(m.D,{link:n.link,title:n.title,className:"socialShare"}),e.createElement("section",null)),e.createElement("div",{className:"overview__content"},e.createElement(S.default,{html:a}))));var b=t(2974),O=t(9381),f=t(1918),c=t(7742);const l=o.default.div`
175  ${({theme:r})=>o.css`
176    background-color: var(--color-dark-purple);
177    color: var(--color-base-white);
178    display: flex;
179    flex-direction: column;
180    gap: 2rem;
181    padding: 2rem;
182
183    @media ${r.mq.min.laptop} {
184      padding: 3rem;
185      flex-direction: row;
186    }
187
188    .problems-text__content,
189    .problems-text__icon {
190      flex: 1;
191    }
192
193    .problems-text__icon {
194      circle {
195        fill: var(--color-light-purple);
196      }
197    }
198
199    .problems-text__title {
200      ${r.typographyStyles.h3Styles}
201    }
202
203    .problems-text__text {
204      margin-top: 3rem;
205
206      p {
207        margin-top: 2rem;
208        &:first-child {
209          margin-top: 0;
210        }
211      }
212    }
213  `}
214`,T=({className:r,title:a,text:n,icon:Z})=>n?e.createElement(l,{className:r},e.createElement("div",{className:"problems-text__icon"},e.createElement(c.Z,{icon:Z,width:30,height:30})),e.createElement("div",{className:"problems-text__content"},e.createElement(x.Z,{headingLevel:"h2",className:"problems-text__title"},a),e.createElement("div",{dangerouslySetInnerHTML:{__html:n},className:"problems-text__text"}))):null,$=o.default.div`
215  ${({theme:r})=>
215o.css`
216      background: var(--color-dark-purple);
217      padding: 10rem 0;
218      @media ${r.mq.min.desktop} {
219        padding: 15rem 0;
220      }
221      .problems-section__wrapper {
222        max-width: 144rem;
223        width: 100%;
224        margin: 0 auto;
225      }
226      .problems-section__problem {
227        &:not(:last-child) {
228          margin-bottom: 10.4rem;
229          @media ${r.mq.min.desktop} {
230            margin-bottom: 20.8rem;
231          }
232        }
233      }
234    `}
235`;var N=Object.defineProperty,_=Object.defineProperties,D=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,L=(r,a,n)=>a in r?N(r,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[a]=n,U=(r,a)=>{for(var n in a||(a={}))I.call(a,n)&&L(r,n,a[n]);if(C)for(var n of C(a))F.call(a,n)&&L(r,n,a[n]);return r},A=(r,a)=>_(r,D(a));const M=({className:r,problems:a})=>!a||(a==null?void 0:a.length)<=0?null:e.createElement($,{className:r},e.createElement("div",{className:"problems-section__wrapper"},a==null?void 0:a.map((n,Z)=>e.createElement(T,A(U({key:Z},n),{className:"problems-section__problem"})))));var R=t(4301),V=Object.defineProperty,z=Object.defineProperties,K=Object.getOwnPropertyDescriptors,B=Object.getOwnPropertySymbols,W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,H=(r,a,n)=>a in r?V(r,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[a]=n,P=(r,a)=>{for(var n in a||(a={}))W.call(a,n)&&H(r,n,a[n]);if(B)for(var n of B(a))G.call(a,n)&&H(r,n,a[n]);return r},J=(r,a)=>z(r,K(a));const Q=({mappedEntry:r})=>{(0,e.useEffect)(()=>{window.scrollTo(0,0)},[]);const{metaDataProps:a,heroProps:n,overviewProps:Z,highlightProps:X,simpleSliderProps:Y,problemsProps:k,campaignProps:q,relatedContentProps:ee,entryTitle:te,uri:re}=r||{},ae={title:te,link:"https://www.100ximpact.org"+re};return e.createElement(u.Z,null,e.createElement(p,null,e.createElement(y.Z,P({},a)),e.createElement(E.Z,P({},n)),e.createElement(d,J(P({},Z),{socialShareProps:ae})),e.createElement(b.default,P({},X)),e.createElement(O.default,P({},Y)),e.createElement(M,P({},k)),e.createElement(f.default,P({},q)),e.createElement(R.Z,P({},ee))))}}}]);

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.