1(this.webpackJsonptymio=this.webpackJsonptymio||[]).push([[6],{136:function(e,i,n){"use strict";n.r(i);var t=n(1),a=n(3);const r=a.b.div` 2 margin-bottom: -1px; 3 max-width: 1320px; 4 margin: 0px auto; 5 padding: 120px 0 120px; 6 7 @media (max-width: 1439px) { 8 max-width: auto; 9 margin: 0px; 10 padding: 85px 30px 40px; 11 } 12 @media (max-width: 767px) { 13 padding: 85px 15px 40px; 14 } 15`,l=a.b.div` 16 padding: 0 112px 0 112px; 17 display: grid; 18 grid-template-columns: repeat(2, 1fr); 19 grid-column-gap: 30px; 20 21 @media (max-width: 1439px) { 22 grid-template-columns: repeat(1, 1fr); 23 grid-column-gap: 0; 24 padding: 0; 25 } 26`;var d=n(2);const c=a.b.div` 27 display: flex; 28 gap: 10px; 29 align-items: center; 30 margin-bottom: 60px; 31 position: relative; 32 ::-webkit-scrollbar { 33 width: 0px; 34 background: transparent; 35 } 36 37 @media (max-width: 767px) { 38 margin-bottom: 30px; 39 flex-wrap: nowrap; 40 overflow-x: auto; 41 padding: 1px; 42 button { 43 flex: 0 0 auto; 44 } 45 } 46`,o=a.b.div` 47 position: absolute; 48 width: 61px; 49 height: 100%; 50 right: 0; 51 top: 0; 52 background: linear-gradient(90deg, rgba(230, 226, 238, 0) 0%, #e6e2ee 100%); 53`,s=a.b.div` 54 position: relative; 55`;var p=n(21),b=n(0);var x=e=>{let{blogs:i,setFilteredBlogs:n}=e;const[a,r]=Object(t.useState)(["all"]),l=e=>{if("all"===e)r(["all"]);else{const i=a.includes(e)?a.filter((i=>i!==e)):[...a.filter((e=>"all"!==e)),e];r(i)}},x=e=>a.includes(e)||"all"===e&&0===a.length;return Object(t.useEffect)((()=>{((e,i)=>{let t=i;e.length>0&&!e.includes("all")&&(t=i.filter((i=>e.includes(i.heading.toLowerCase())))),t=t.sort(((e,i)=>i.id-e.id)),t.length>0&&(t=t.map(((e,i)=>({...e,big:0===i})))),n(t)})(a,i)}),[a,i]),Object(b.jsxs)(s,{children:[Object(b.jsxs)(c,{children:[Object(b.jsx)(p.f,{active:x("all"),type:"blog",onClick:()=>l("all"),children:Object(b.jsx)(p.p,{size:"medium",color:d.a.BLACK,children:"ALL"})}),Object(b.jsx)(p.f,{active:x("investing"),type:"blog",onClick:()=>l("investing"),children:Object(b.jsx)(p.p,{size:"medium",color:d.a.BLACK,children:"investing"})}),Object(b.jsx)(p.f,{active:x("news"),type:"blog",onClick:()=>l("news"),children:Object(b.jsx)(p.p,{size:"medium",color:d.a.BLACK,children:"news"})})]}),Object(b.jsx)(o,{})]})},g=n(80),h=n(72),u=n(81);const j=a.b.div` 56 ${e=>{let{big:i}=e;return i&&` background-image: url(${u.a});\n background-repeat: no-repeat;\n background-size: cover; \n border-radius: 10px;\n padding: 30px;\n @media (max-width: 1439px) {\n padding: 30px 20px;\n }\n @media (max-width: 767px) {\n margin-bottom: 30px;\n }\n `}} 57 cursor: pointer; 58 margin-bottom: 60px; 59`,m=a.b.div` 60 ${e=>{let{big:i,background:n,color:t}=e;return!i&&` background: ${n?"linear-gradient(180deg, rgba(28, 16, 47, 0.00) 0%, #A180FF 144.16%);"===n?`linear-gradient(180deg, rgba(28, 16, 47, 0.00) 0%, #A180FF 144.16%), ${d.a.BLACK}`:n:d.a.PURPLE_BRIGHT};\n height: 330px; \n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-radius: 10px;\n padding: 30px;\n @media (max-width: 1439px) {\n height: auto; \n padding: 30px 20px;\n }\n p {\n color: ${t||d.a.BLACK}\n }\n h1 {\n color: ${t||d.a.BLACK}\n }\n `}} 61`,O=a.b.div` 62 margin-bottom: 20px; 63`,f=a.b.div` 64 margin-bottom: ${e=>{let{big:i}=e;return i?"50px":"0"}}; 65`,v=a.b.div` 66 display: flex; 67 gap: 60px; 68 margin-bottom: 20px; 69 @media (max-width: 1439px) { 70 margin-bottom: 20px; 71 } 72 73 ${e=>{let{color:i,big:n}=e;return` \n h2 {\n color: ${i&&!n?i:d.a.BLACK};\n }\n\n @media (max-width: 1439px) {\n h2 {\n display: none;\n }\n }\n `}} 74 75 ${e=>{let{big:i}=e;return i&&" \n h1 {\n flex-basis: 755px;\n flex-shrink: 0;\n margin-bottom: 10px;\n }\n h2 {\n display: none;\n }\n @media (max-width: 1439px) {\n h1 {\n flex-basis: auto;\n flex-shrink: unset;\n display: none;\n }\n h2 {\n display: block;\n }\n p {\n display: none;\n }\n }\n "}} 76`,w=a.b.div` 77 display: flex; 78 justify-content: space-between; 79 svg { 80 ${e=>{let{color:i,big:n}=e;return` path {\n fill: ${i&&!n?i:d.a.BLACK};\n }\n circle {\n fill: ${i&&!n?i:d.a.BLACK};\n }\n `}} 81 } 82`,L=a.b.div` 83 display: flex; 84 align-items: center; 85 gap: 20px; 86`,k=a.b.div` 87 display: flex; 88 flex-direction: column; 89`,y=a.b.div` 90 padding: 30px 30px 0 30px; 91 @media (max-width: 1439px) { 92 padding: 30px 20px 0 20px; 93 } 94 ${e=>{let{big:i}=e;return i&&" \n padding: 0;\n display: none;\n @media (max-width: 1439px) {\n display: block;\n padding: 50px 0 0 0;\n }\n "}} 95`,C=a.b.div` 96 @media (max-width: 1439px) { 97 margin-bottom: 50px; 98 } 99`,B=a.b.div` 100 display: none; 101 @media (max-width: 1439px) { 102 display: ${e=>{let{big:i}=e;return i?"none":"block"}}; 103 h2 { 104 display: block; 105 } 106 } 107`;var A=n(5);var $=e=>
107{let{big:i,color:n,background:t,heading:a,title:r,description:l,date:c,authorName:o,authorOccupation:s,dataLength:x,id:u}=e;const $=Object(A.p)();return Object(b.jsxs)(j,{big:i,dataLength:x,onClick:()=>function(e){$(`/blog/${e}`)}(u),children:[Object(b.jsxs)(m,{big:i,background:t,color:n,children:[Object(b.jsxs)(C,{children:[Object(b.jsx)(O,{big:i,children:Object(b.jsx)(p.p,{size:"small",color:d.a.LIME_LEMON,children:a})}),Object(b.jsxs)(v,{big:i,color:n,children:[i&&Object(b.jsx)(p.l,{color:d.a.BLACK,children:r}),Object(b.jsx)(p.k,{noMedia:!0,color:d.a.BLACK,children:function(e,i){if(e.length<=i)return e;{let n=e.substring(0,i);return n=n.substring(0,Math.min(n.length,n.lastIndexOf(" "))),n+" ..."}}(r,70)}),Object(b.jsx)(B,{big:i,children:Object(b.jsx)(p.k,{noMedia:!0,color:n,children:r})}),i&&Object(b.jsx)(p.p,{size:"large",color:d.a.BLACK,children:l})]}),Object(b.jsx)(f,{big:i,children:Object(b.jsx)(p.p,{size:"small",color:d.a.LIME_LEMON,children:c})})]}),Object(b.jsxs)(w,{color:n,big:i,children:[Object(b.jsxs)(L,{children:[Object(b.jsx)(h.a,{}),Object(b.jsxs)(k,{children:[Object(b.jsx)(p.p,{size:"small",color:d.a.BLACK,children:o}),Object(b.jsx)(p.p,{size:"small",color:d.a.BLACK,children:s})]})]}),Object(b.jsx)("div",{children:Object(b.jsx)(g.a,{})})]})]}),Object(b.jsx)(y,{big:i,children:Object(b.jsx)(p.p,{size:"large",color:d.a.BLACK,children:l})})]})},K=n(53);i.default=()=>{const{blogs:e}=Object(K.a)(),[i,n]=Object(t.useState)(e);Object(t.useEffect)((()=>{n(e)}),[e]);const a=i.sort(((e,i)=>i.id-e.id)),c=a.filter((e=>e.big)),o=a.filter((e=>!e.big));return Object(b.jsxs)(r,{children:[Object(b.jsx)(x,{blogs:e,setFilteredBlogs:e=>{n(e)}}),c.map(((e,n)=>Object(b.jsx)($,{big:e.big,color:d.a[e.color],background:d.a[e.background],heading:e.heading,title:e.title,description:e.description,date:e.date,authorName:e.authorName,authorOccupation:e.authorOccupation,id:e.id,dataLength:i.length},n))),Object(b.jsx)(l,{children:o.map(((e,n)=>Object(b.jsx)($,{big:e.big,color:d.a[e.color],background:d.a[e.background],heading:e.heading,title:e.title,description:e.description,date:e.date,authorName:e.authorName,authorOccupation:e.authorOccupation,id:e.id,dataLength:i.length},n)))})]})}},72:function(e,i,n){"use strict";n(1);var t=n(0);i.a=function(){return Object(t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"35",height:"35",fill:"none",viewBox:"0 0 35 35",children:Object(t.jsx)("circle",{cx:"17.5",cy:"17.5",r:"17.5",fill:"#11071C"})})}},80:function(e,i,n){"use strict";n(1);var t=n(0);i.a=function(){return Object(t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"35",height:"35",fill:"none",viewBox:"0 0 35 35",cursor:"pointer",children:Object(t.jsx)("path",{fill:"#1C102F",fillRule:"evenodd",d:"M.75 0a.75.75 0 100 1.5h31.808L.78 33.276a.75.75 0 001.06 1.061L33.5 2.68v31.57a.75.75 0 001.5 0V.75L34.25 0H.75z",clipRule:"evenodd"})})}},81:function(e,i,n){"use strict";i.a=n.p+"static/media/big-card-gradient.cc66b236.svg"}}]); 108//# sourceMappingURL=6.26c5963d.chunk.js.map
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.