1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(299)}])},2971:function(e,i,t){"use strict";t.d(i,{Z:function(){return g}});var s=t(5893),o=JSON.parse('[{"name":"Andreas Gysin","url":"https://ertdfgcvb.xyz"},{"name":"Anton Repponen","url":"https://repponen.com"},{"name":"Brian Lovin","url":"http://brianlovin.com"},{"name":"Denis Sharypin","url":"http://sharypin.cool"},{"name":"Gadzhi Kharkharov","url":"https://kkga.me/"},{"name":"Ilya Kolganov","url":"https://ilyakolganov.com/"},{"name":"Jason Yuan","url":"https://jasonyuan.design"},{"name":"Louis Berger","url":"https://louisberger.de"},{"name":"Luc Mikelsons","url":"http://mikelsons.ca"},{"name":"Nick Pryde","url":"https://www.nickp.design"},{"name":"Nila","url":"http://nila.myportfolio.com"},{"name":"Noah Stokes","url":"http://noahstokes.com"},{"name":"Rasmus Andersson","url":"http://rsms.me"},{"name":"Sean Sevestre","url":"https://www.seansevestre.com"},{"name":"Shola Anozie","url":"https://soulprovidr.fm"},{"name":"Meritt Thomas","url":"https://meritt.me"},{"name":"Rauno Freiberg","url":"https://rauno.me"},{"name":"ååä½ãã¶ã¤ã³","url":"https://index.kitasenju.design"},{"name":"Eugene Kudashev","url":"https://eugenekudashev.com"},{"name":"Philip Davis","url":"https://www.philipcdavis.com"},{"name":"Maciej Zadykowiczgi","url":"https://www.maciej.co/"},{"name":"Alexander Logan","url":"https://alexanderlogan.co.uk"},{"name":"Daria Vorontsova","url":"https://dariavorontsova.com/"},{"name":"Nenad Grujicic","url":"https://www.grujicic.com"},{"name":"Cory Etzkorn","url":"https://www.coryetzkorn.com/"},{"name":"Nadim Kobeissi","url":"https://nadim.computer"}]'),n=JSON.parse('[{"name":"Collins","url":"https://www.wearecollins.com"},{"name":"Play","url":"https://www.play.studio"},{"name":"Red Antler","url":"https://redantler.com"},{"name":"Pudding Studio","url":"https://www.pudding.studio"}]'),a=JSON.parse('[{"name":"Dribbble","url":"https://dribbble.com/yaosamo"},{"name":"LinkedIn","url":"https://www.linkedin.com/in/yaric-sam-63487b3a/"}]'),r=t(9240),l=t.n(r),c=t(7294),d=t(9201),m=t.n(d);function h(){let e=[].concat(o).sort((e,i)=>e.name>i.name?1:-1),[i,t]=(0,c.useState)("copy"),r=async e=>{try{await navigator.clipboard.writeText(e),t("copied!"),setTimeout(()=>{t("copy")},1e3)}catch(e){console.log(e)}};return(0,s.jsx)("div",{className:"content",children:(0,s.jsxs)("div",{className:l().footer,children:[(0,s.jsx)("div",{className:l().group,children:(0,s.jsx)("div",{className:l().link,children:a.map(function(e){return(0,s.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",children:(0,s.jsx)("div",{className:l().item,children:(0,s.jsx)("p",{children:e.name})})},e.name)})})}),(0,s.jsxs)("div",{className:l().group,children:[(0,s.jsx)("h4",{children:"Some great people & friends:"}),(0,s.jsx)("div",{className:l().link,children:e.map(function(e){return(0,s.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",children:(0,s.jsx)("div",{className:l().item,children:(0,s.jsx)("p",{children:e.name})})},e.name)})})]}),(0,s.jsxs)("div",{className:l().group,children:[(0,s.jsx)("h4",{children:"Cool design collectives:"}),(0,s.jsx)("div",{className:l().link,children:n.map(function(e){return(0,s.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",children:(0,s.jsx)("div",{className:l().item,children:(0,s.jsx)("p",{children:e.name})})},e.name)})})]}),(0,s.jsx)("div",{className:l().group,children:(0,s.jsxs)("p",{children:["I designed and built this website on NextJS. Check on"," ",(0,s.jsx)("a",{className:"link",href:"https://github.com/yaosamo/personal-website",target:"_blank",children:"github"}),".",(0,s.jsx)("br",{}),"Letâs meet on"," ",(0,s.jsx)("a",{className:"link",href:"https://twitter.com/yaosamo",target:"_blank",children:"Twitter"})," ","or talk over email [email protected] â"," ",(0,s.jsx)("a",{className:"".concat(l().copyCursor," link"),onClick:()=>r("[email protected]"),children:i}),(0,s.jsx)("br",{}),(0,s.jsx)("br",{}),"Thanks for visiting & have a nice!"]})})]})})}function g(e){let{children:i,hideFooter:t=!1}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(m(),{children:[(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:site",content:"@yaosamo"}),(0,s.jsx)("meta",{name:"twitter:creator",content:"@yaosamo"}),(0,s.jsx)("meta",{property:"og:url",content:"https://yaosamo.com"}),(0,s.jsx)("meta",{property:"og:title",content:"Yaroslav Samoylov"}),(0,s.jsx)("meta",{property:"og:description",content:"Curious designer based in Oregon"}),(0,s.jsx)("meta",{property:"og:image",content:"https://yaosamo.com/intro.jpg"}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:site_name",content:"Yaroslav Samoylov"}),(0,s.jsx)("meta",{name:"description",content:"Curious designer based in Oregon"}),(0,s.jsx)("link",{rel:"icon",href:"favicon.svg"}),(0,s.jsx)("link",{rel:"mask-icon",href:"favicon.svg",color:"#000000;"}),(0,s.jsx)("meta",{name:"theme-color",content:"#FFFFFF"})]}),i,!t&&(0,s.jsx)(h,{})]})}},299:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return I}});var s=t(5893),o=t(9008),n=t.n(o),a=t(1664),r=t.n(a),l=t(2971),c=t(735),d=t.n(c),m=t(8234),h=t.n(m),g=t(6
1776),x=t.n(g),u=t(1389),p=t.n(u),w=t(7294);let _=[{title:"Reviewing",subtitle:"It may take up to 90 seconds to receive a decision. Hold on tight!",step:"1 / 3",svg:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"120",height:"140",viewBox:"-10 -10 104 140",fill:"none",children:(0,s.jsxs)("g",{id:"Application",children:[(0,s.jsxs)("g",{className:p().Doc3,children:[(0,s.jsx)("rect",{id:"Rectangle 281",x:"15.7767",y:"1",width:"52.4466",height:"73",rx:"5.6699",fill:"white",stroke:"#0047AC",strokeWidth:"1.41748",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 282",x:"22.8641",y:"38.563",width:"38.2718",height:"3.54369",rx:"1.77184",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Star 1",d:"M56.268 57.613C56.8024 56.5038 58.3821 56.5038 58.9165 57.613C59.2411 58.2868 60.02 58.6095 60.726 58.3625C61.8883 57.9561 63.0053 59.0731 62.5988 60.2353C62.3519 60.9414 62.6745 61.7202 63.3484 62.0449C64.4576 62.5793 64.4576 64.159 63.3484 64.6934C62.6745 65.018 62.3519 65.7969 62.5988 66.5029C63.0053 67.6651 61.8883 68.7822 60.726 68.3757C60.02 68.1288 59.2411 68.4514 58.9165 69.1252C58.3821 70.2345 56.8024 70.2345 56.268 69.1252C55.9434 68.4514 55.1645 68.1288 54.4585 68.3757C53.2962 68.7822 52.1792 67.6651 52.5857 66.5029C52.8326 65.7969 52.51 65.018 51.8362 64.6934C50.7269 64.159 50.7269 62.5793 51.8362 62.0449C52.51 61.7202 52.8326 60.9414 52.5857 60.2353C52.1792 59.0731 53.2962 57.9561 54.4585 58.3625C55.1645 58.6095 55.9434 58.2868 56.268 57.613Z",fill:"#0047AC"}),(0,s.jsx)("rect",{id:"Rectangle 285",x:"22.8641",y:"29.3496",width:"38.2718",height:"3.54369",rx:"1.77184",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 283",x:"22.8641",y:"47.7769",width:"38.2718",height:"3.54369",rx:"1.77184",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 284",x:"28.534",y:"11.6309",width:"26.932",height:"3.54369",rx:"1.77184",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 286",x:"32.7864",y:"18.7188",width:"18.4272",height:"3.54369",rx:"1.77184",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Vector 53",d:"M55.4661 63.3686L57.2379 65.1405L60.0729 61.9512",stroke:"white",strokeWidth:"1.41748",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,s.jsxs)("g",{className:p().Doc2,children:[(0,s.jsx)("rect",{id:"Rectangle 281_2",x:"10",y:"7",width:"63.9417",height:"89",rx:"6.91262",fill:"white",stroke:"#0047AC",strokeWidth:"1.72816",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 282_2",x:"18.6408",y:"52.7959",width:"46.6602",height:"4.32039",rx:"2.16019",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Star 1_2",d:"M59.3661 76.0211C60.0176 74.6688 61.9435 74.6688 62.5951 76.0211C62.9909 76.8427 63.9404 77.236 64.8012 76.935C66.2182 76.4394 67.58 77.8012 67.0845 79.2182C66.7834 80.079 67.1767 81.0286 67.9983 81.4243C69.3507 82.0759 69.3507 84.0018 67.9983 84.6534C67.1767 85.0491 66.7834 85.9987 67.0845 86.8595C67.58 88.2765 66.2182 89.6383 64.8012 89.1428C63.9404 88.8417 62.9909 89.235 62.5951 90.0566C61.9435 91.4089 60.0176 91.4089 59.3661 90.0566C58.9703 89.235 58.0207 88.8417 57.1599 89.1428C55.7429 89.6383 54.3811 88.2765 54.8767 86.8595C55.1777 85.9987 54.7844 85.0491 53.9629 84.6534C52.6105 84.0018 52.6105 82.0759 53.9629 81.4243C54.7844 81.0286 55.1777 80.079 54.8767 79.2182C54.3811 77.8012 55.7429 76.4394 57.1599 76.935C58.0207 77.236 58.9703 76.8427 59.3661 76.0211Z",fill:"#0047AC"}),(0,s.jsx)("rect",{id:"Rectangle 285_2",x:"18.6408",y:"41.563",width:"46.6602",height:"4.32039",rx:"2.16019",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 283_2",x:"18.6408",y:"64.0293",width:"46.6602",height:"4.32039",rx:"2.16019",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 284_2",x:"25.5534",y:"19.9609",width:"32.835",height:"4.32039",rx:"2.16019",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 286_2",x:"30.7379",y:"28.6021",width:"22.466",height:"4.32039",rx:"2.16019",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Vector 53_2",d:"M58.3883 83.0387L60.5485 85.1989L64.0048 81.3105",stroke:"white",strokeWidth:"1.72816",strokeLinecap:"round",strokeLinejoin:"round"})]}
1),(0,s.jsxs)("g",{className:p().Doc1,children:[(0,s.jsx)("rect",{id:"Rectangle 281_3",x:"5.00003",y:"15",width:"74",height:"103",rx:"8",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 282_3",x:"15",y:"68",width:"54",height:"5",rx:"2.5",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Star 1_3",d:"M62.1316 94.8784C62.8856 93.3133 65.1145 93.3133 65.8685 94.8784C66.3265 95.8291 67.4255 96.2843 68.4217 95.9359C70.0616 95.3624 71.6376 96.9385 71.0641 98.5784C70.7157 99.5745 71.1709 100.673 72.1217 101.132C73.6868 101.886 73.6868 104.114 72.1217 104.868C71.1709 105.327 70.7157 106.425 71.0641 107.422C71.6376 109.062 70.0616 110.638 68.4217 110.064C67.4255 109.716 66.3265 110.171 65.8685 111.122C65.1145 112.687 62.8856 112.687 62.1316 111.122C61.6735 110.171 60.5746 109.716 59.5784 110.064C57.9385 110.638 56.3624 109.062 56.936 107.422C57.2844 106.425 56.8292 105.327 55.8784 104.868C54.3133 104.114 54.3133 101.886 55.8784 101.132C56.8292 100.673 57.2844 99.5745 56.936 98.5784C56.3624 96.9385 57.9385 95.3624 59.5784 95.9359C60.5746 96.2843 61.6735 95.8291 62.1316 94.8784Z",fill:"#0047AC"}),(0,s.jsx)("rect",{id:"Rectangle 285_3",x:"15",y:"55",width:"54",height:"5",rx:"2.5",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 283_3",x:"15",y:"81",width:"54",height:"5",rx:"2.5",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 284_3",x:"23",y:"30",width:"38",height:"5",rx:"2.5",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 286_3",x:"29",y:"40",width:"26",height:"5",rx:"2.5",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Vector 53_3",d:"M61 103L63.5 105.5L67.5 101",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,s.jsxs)("g",{className:p().Doc0,children:[(0,s.jsx)("rect",{id:"Rectangle 281_4",x:"1.76698",y:"24",width:"80.466",height:"112",rx:"8.69903",fill:"white",stroke:"#0047AC",strokeWidth:"2.17476",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 282_4",x:"12.6408",y:"81.6309",width:"58.7184",height:"5.43689",rx:"2.71845",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Star 1_4",d:"M63.8906 110.858C64.7105 109.156 67.1342 109.156 67.9541 110.858V110.858C68.4521 111.892 69.6471 112.387 70.7303 112.008V112.008C72.5135 111.384 74.2273 113.098 73.6036 114.881V114.881C73.2248 115.964 73.7198 117.159 74.7536 117.657V117.657C76.4555 118.477 76.4555 120.901 74.7536 121.721V121.721C73.7198 122.219 73.2248 123.414 73.6036 124.497V124.497C74.2273 126.28 72.5135 127.994 70.7303 127.37V127.37C69.6471 126.992 68.4521 127.487 67.9541 128.52V128.52C67.1342 130.222 64.7105 130.222 63.8906 128.52V128.52C63.3925 127.487 62.1975 126.992 61.1143 127.37V127.37C59.3312 127.994 57.6174 126.28 58.241 124.497V124.497C58.6199 123.414 58.1249 122.219 57.091 121.721V121.721C55.3892 120.901 55.3892 118.477 57.091 117.657V117.657C58.1249 117.159 58.6199 115.964 58.241 114.881V114.881C57.6174 113.098 59.3312 111.384 61.1143 112.008V112.008C62.1975 112.387 63.3925 111.892 63.8906 110.858V110.858Z",fill:"#0047AC"}),(0,s.jsx)("rect",{id:"Rectangle 285_4",x:"12.6408",y:"67.4951",width:"58.7184",height:"5.43689",rx:"2.71845",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 283_4",x:"12.6408",y:"95.7671",width:"58.7184",height:"5.43689",rx:"2.71845",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 284_4",x:"21.3398",y:"40.3105",width:"41.3204",height:"5.43689",rx:"2.71845",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("rect",{id:"Rectangle 286_4",x:"27.8641",y:"51.1846",width:"28.2718",height:"5.43689",rx:"2.71845",fill:"#0047AC",fillOpacity:"0.2"}),(0,s.jsx)("path",{id:"Vector 53_4",d:"M62.6602 119.689L65.3786 122.408L69.7281 117.515",stroke:"white",strokeWidth:"2.17476",strokeLinecap:"round",strokeLinejoin:"round"})]})]})})}
1,{title:"Submitting",subtitle:"It may take up to 90 seconds to receive a decision. Hold on tight!",step:"2 / 3",svg:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"120",height:"120",viewBox:"-15 -30 120 120",fill:"none",children:(0,s.jsxs)("g",{children:[(0,s.jsxs)("g",{className:p().envelope,children:[(0,s.jsx)("rect",{id:"Rectangle 290",x:"1",y:"1",width:"90",height:"60",rx:"8",fill:"#0047AC",fillOpacity:"0.1",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{id:"Rectangle 291",d:"M1 9C1 4.58172 4.58172 1 9 1H83C87.4183 1 91 4.58172 91 9V11L50.2264 36.3702C47.6388 37.9803 44.3612 37.9803 41.7736 36.3702L1 11V9Z",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{id:"Vector 56",d:"M1 53L37 33.5",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{id:"Vector 57",d:"M91 53L55 33.5",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,s.jsx)("g",{className:p().shadow,children:(0,s.jsx)("ellipse",{id:"Shadow_2",cx:"46",cy:"81.5",rx:"45",ry:"2.5",fill:"#0047AC",fillOpacity:"0.1"})})]})})},{title:"Getting Offer",subtitle:"It may take up to 90 seconds to receive a decision. Hold on tight!",step:"3 / 3",svg:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"86",height:"128",viewBox:"0 0 86 128",fill:"none",children:(0,s.jsxs)("g",{id:"Inbox",children:[(0,s.jsx)("path",{id:"Envelope",d:"M85 103L75.1672 78.7458C74.2493 76.4815 72.05 75 69.6068 75H16.3932C13.95 75 11.7507 76.4815 10.8328 78.7458L1 103",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsxs)("g",{className:p().docsmove,children:[(0,s.jsxs)("g",{id:"Doc5",children:[(0,s.jsx)("path",{id:"Rectangle 295",d:"M17.7554 89.04C18.1672 87.8208 19.3107 87 20.5976 87H64.2153C65.4521 87 66.5622 87.759 67.0109 88.9116L74.4082 107.912C75.174 109.878 73.7232 112 71.6126 112H14.1799C12.1271 112 10.6807 109.985 11.3376 108.04L17.7554 89.04Z",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 296",x:"26",y:"91",width:"34",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 297",x:"24",y:"95",width:"38",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 298",x:"22",y:"99",width:"42",height:"3",rx:"1.5",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 299",x:"20",y:"104",width:"46",height:"4",rx:"2",fill:"#C3D1E6"})]}),(0,s.jsxs)("g",{id:"Doc4",children:[(0,s.jsx)("path",{id:"Rectangle 295_2",d:"M17.7554 81.04C18.1672 79.8208 19.3107 79 20.5976 79H64.2153C65.4521 79 66.5622 79.759 67.0109 80.9116L74.4082 99.9116C75.174 101.878 73.7232 104 71.6126 104H14.1799C12.1271 104 10.6807 101.985 11.3376 100.04L17.7554 81.04Z",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 296_2",x:"26",y:"83",width:"34",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 297_2",x:"24",y:"87",width:"38",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 298_2",x:"22",y:"91",width:"42",height:"3",rx:"1.5",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 299_2",x:"20",y:"96",width:"46",height:"4",rx:"2",fill:"#C3D1E6"})]}),(0,s.jsxs)("g",{id:"Doc3",children:[(0,s.jsx)("path",{id:"Rectangle 295_3",d:"M17.7554 73.04C18.1672 71.8208 19.3107 71 20.5976 71H64.2153C65.4521 71 66.5622 71.759 67.0109 72.9116L74.4082 91.9116C75.174 93.8784 73.7232 96 71.6126 96H14.1799C12.1271 96 10.6807 93.9847 11.3376 92.04L17.7554 73.04Z",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 296_3",x:"26",y:"75",width:"34",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 297_3",x:"24",y:"79",width:"38",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 298_3",x:"22",y:"83",width:"42",height:"3",rx:"1.5",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 299_3",x:"20",y:"88",width:"46",height:"4",rx:"2",fill:"#C3D1E6"})]}),(0,s.jsxs)("g",{id:"Doc2",children:[(0,s.jsx)("path",{id:"Rectangle 295_4",d:"M17.7554 65.04C18.1672 63.8208 19.3107 63 20.5976 63H64.2153C65.4521 63 66.5622 63.759 67.0109 64.9116L74.4082 83.9116C75.174 85.8784 73.7232 88 71.6126 88H14.1799C12.1271 88 10.6807 85.9847 11.3376 84.04L17.7554 65.04Z",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 296_4",x:"26",y:"67",width:"34",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 297_4",x:"24",y:"71",width:"38",he
1ight:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 298_4",x:"22",y:"75",width:"42",height:"3",rx:"1.5",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 299_4",x:"20",y:"80",width:"46",height:"4",rx:"2",fill:"#C3D1E6"})]})]}),(0,s.jsxs)("g",{className:p().doc11,children:[(0,s.jsx)("path",{id:"Rectangle 295_5",d:"M17.7554 3.03996C18.1672 1.82075 19.3107 1 20.5976 1H64.2153C65.4521 1 66.5622 1.75904 67.0109 2.91158L74.4082 21.9116C75.174 23.8784 73.7232 26 71.6126 26H14.1799C12.1271 26 10.6807 23.9847 11.3376 22.04L17.7554 3.03996Z",fill:"white",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("rect",{id:"Rectangle 296_5",x:"26",y:"5",width:"34",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 297_5",x:"24",y:"9",width:"38",height:"2",rx:"1",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 298_5",x:"22",y:"13",width:"42",height:"3",rx:"1.5",fill:"#C3D1E6"}),(0,s.jsx)("rect",{id:"Rectangle 299_5",x:"20",y:"18",width:"46",height:"4",rx:"2",fill:"#C3D1E6"})]}),(0,s.jsxs)("g",{id:"Inbox-front",children:[(0,s.jsx)("path",{id:"Rectangle 294",d:"M1 103H16.2609C18.2824 103 20.168 104.018 21.2772 105.708L22.9728 108.292C24.082 109.982 25.9676 111 27.9891 111H58.0109C60.0324 111 61.918 109.982 63.0272 108.292L64.7228 105.708C65.832 104.018 67.7176 103 69.7391 103H85V121C85 124.314 82.3137 127 79 127H7C3.68629 127 1 124.314 1 121V103Z",fill:"#E6EDF7",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{id:"Vector 58",d:"M49 117L37 117",stroke:"#0047AC",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})]})})}];function j(){let[e,i]=(0,w.useState)(0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:x().submission_container,children:(0,s.jsxs)("div",{className:x().submission_content,children:[(0,s.jsx)("div",{className:x().submission_svg,children:_[e].svg}),(0,s.jsxs)("div",{className:x().submission_textcontainer,children:[(0,s.jsx)("h3",{children:_[e].title}),(0,s.jsx)("p",{className:x().submission_text,children:_[e].subtitle}),(0,s.jsx)("p",{className:x().submission_text,children:_[e].step})]})]})}),(0,s.jsxs)("div",{className:x().controls,children:[(0,s.jsxs)("button",{className:x().button,onClick:()=>i(0),children:[(0,s.jsx)("p",{className:0===e?x().num_select:x().num,children:"1"}),(0,s.jsx)("p",{children:"Submission"})]}),(0,s.jsxs)("button",{className:x().button,onClick:()=>i(1),children:[(0,s.jsx)("p",{className:1===e?x().num_select:x().num,children:"2"}),(0,s.jsx)("p",{children:"Reviewing"})]}),(0,s.jsxs)("button",{className:x().button,onClick:()=>i(2),children:[(0,s.jsx)("p",{className:2===e?x().num_select:x().num,children:"3"}),(0,s.jsx)("p",{children:"Submission"})]})]})]})}var C=t(1132),k=t.n(C);function b(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("video",{className:k().video,muted:"muted",playsInline:!0,autoPlay:!0,loop:!0,"aria-label":"A video of the player displaying horizontal scroll",src:"images/work/case-two/item-2/vid-1.mp4"}),(0,s.jsxs)("p",{className:k().copy,children:["I had a problem while using an audio player: its scroll bar was small and wasn't comfortable when scrolling through my 10h+ long books. It was hard to be precise when scanning for a certain moment. I wanted to be able to scrub through an audio book for 10s or 4h in a convenient way.",(0,s.jsx)("br",{}),(0,s.jsx)("br",{}),"My solution was to design a custom scroller. Its width is equal to the length of a book in seconds, so the bar goes all the way off the screen, and it scrolls using the native iOS ScrollView â which allows you to scroll both very slow and very fast with few swipes.",(0,s.jsx)("br",{}),(0,s.jsx)("br",{}),"This way scanning is joyful and easy for any amount of time: seconds, minutes or hours."]})]})}var f=t(7180),y=t.n(f);function v(){let e=(0,s.jsx)("svg",{className:y().swipe,width:"40",height:"40",viewBox:"-3 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M28.467 2.80465C29.4922 3.82986 29.4866 5.49764 28.4545 6.52974L20.4238 14.5605C23.6058 11.3785 24.6986 11.9479 25.7238 12.9731C26.749 13.9983 26.7435 15.6661 25.7114 16.6982L22.9931 19.4164C25.9042 16.5053 27.0521 17.0196 28.0773 18.0448C29.1026 19.07 29.097 20.7378 28.0649 21.7699L25.0206 24.8141C27.8491 21.9857 29.4056 22.0913 30.4308 23.1165C31.4561 24.1418 31.4505 25.8095 30.4184 26.8416L21.2444 36.0157C12.3909 44.4998 -2.49976 31.4998 3.65108 19.0921L10.0109 7.79108C10.7264 6.51969 12.3333 6.06216 13.5999 6.76917C14.8665 7.47617 15.3133 9.07998 14.5978 10.3514C14.0587 11.3094 10.543 17.0161 11.3207 16.2384L24.7419 2.81712C25.774 1.78502 27.4418 1.77944 28.467 2.80465Z",stroke:"#2F3137",strokeWidth:"2.5",strokeLinejoin:"round"})});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:y().swipe_container,children:(0,s.jsx)("div",{className:y().swipe_content,children:(0,s.jsx)("div",{className:y().swipeShape,children:e})})}),(0,s.jsx)("div",{className:y().image,children:(0,s.jsx)("img",{src:"images/work/case-three/item-4/[email protected]"})})]})}function L(e){let{tag:i}=e;return"Submission"===i&&(0,s.jsx)(j,{}
1)||"Chameleonscroller"===i&&(0,s.jsx)(b,{})||"Swipehint"===i&&(0,s.jsx)(v,{})}function E(e){let{Item:i,Img:t,i:o}=e;return(0,s.jsx)("img",{src:t.img,style:i.maxwidth?{maxWidth:i.maxwidth}:{}})}function N(e){let{Item:i,Img:t,i:o}=e;return(0,s.jsx)("video",{style:i.maxwidth?{maxWidth:i.maxwidth}:{},className:h().video,muted:"muted",playsInline:!0,autoPlay:!0,loop:!0,src:t.img})}function R(e){let{Desc:i}=e;return(0,s.jsx)("p",{className:"bodyMD",children:i})}function A(e){let{Work:i,Item:t,i:o}=e;return(0,s.jsx)("div",{style:t.bgcolor&&{background:t.bgcolor},className:h().item,children:(0,s.jsx)("div",{className:h().images,children:t.images.map((e,i)=>t.tag?(0,s.jsx)(L,{tag:t.tag},i):t.video?(0,s.jsx)(N,{Item:t,Img:e},i):(0,s.jsx)(E,{Item:t,Img:e},i))})})}function D(e){let{Work:i}=e;return(0,s.jsx)("div",{style:i.bgcolor?{color:"#DFDFDF",background:i.bgcolor}:{},children:(0,s.jsxs)("div",{className:"content",children:[(0,s.jsxs)("div",{className:h().header,children:[(0,s.jsxs)("p",{className:"bodyMD",children:[i.client,(0,s.jsx)("a",{className:"link",href:i.url,target:"_blank",children:i.link})]}),(0,s.jsx)("h1",{className:"headingL weightMedium",children:i.title}),(0,s.jsx)("div",{className:h().contributors,children:i.description.map((e,i)=>(0,s.jsx)(R,{Desc:e.text},i))})]}),(0,s.jsx)("div",{className:h().items,children:i.items.map((e,t)=>(0,s.jsx)(A,{Work:i,Item:e},t))})]})})}var S=JSON.parse('[{"client":"2020-2022 / Various Clients","title":"Interactive prototypes using SwiftUI, ReactJS, NextJS, CSS/HTML","description":[{"text":"Design & Code: Yaroslav Samoylov"}],"items":[{"video":true,"maxwidth":"44%","bgcolor":"#080808","images":[{"img":"images/work/case-four/item-1/img-1.mp4"},{"img":"images/work/case-four/item-1/img-2.mp4"},{"img":"images/work/case-four/item-1/img-3.mp4"},{"img":"images/work/case-four/item-1/img-4.mp4"},{"img":"images/work/case-four/item-1/img-5.mp4"},{"img":"images/work/case-four/item-1/img-6.mp4"}]}]},{"client":"2019-2022 / Gubagoo -> Released","title":"A service to sell cars fully online. Clients include Audi, BMW, Land Rover, Nissan, Toyota, Volvo, Porsche and other brands","description":[{"text":"Product design: Emrah Demirag, Eugene Belyakoff, Tim Marks, Yaroslav Samoylov"},{"text":"Direction: Alyssa Bouranova, John Ellithorp, Jordie Lowe,Miran Maric and whole Asbury AG, Ryan Osten, Tim Marks"}],"items":[{"bgcolor":"#E6E6E6","caption":"Loading view","images":[{"img":"images/work/case-one/item-1/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Payments view","images":[{"img":"images/work/case-one/item-2/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Credit decisions","images":[{"img":"images/work/case-one/item-10/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"UI elements","images":[{"img":"images/work/case-one/item-9/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Illustrations","images":[{"img":"images/work/case-one/item-11/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Find your car view","maxwidth":"42%","images":[{"img":"images/work/case-one/item-3/[email protected]"},{"img":"images/work/case-one/item-3/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Result / Value distribution view","maxwidth":"42%","images":[{"img":"images/work/case-one/item-4/[email protected]"},{"img":"images/work/case-one/item-4/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Color library roles","maxwidth":"960px","images":[{"img":"images/work/case-one/item-5/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Checkout view","maxwidth":"42%","images":[{"img":"images/work/case-one/item-6/[email protected]"},{"img":"images/work/case-one/item-6/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Submition animation","tag":"Submission","images":[{}]},{"bgcolor":"#E6E6E6","caption":"Final home page view","maxwidth":"42%","images":[{"img":"images/work/case-one/item-8/[email protected]"},{"img":"images/work/case-one/item-8/[email protected]"}]}]},{"bgcolor":"#000","captioncolor":"#A29EA5","client":"2022 / Personal -> ","link":"Released to the App Store","url":"https://apps.apple.com/us/app/chameleon-audiobook-player/id1615705830","title":"Audiobook player designed to listen to long books","description":[{"text":"Product designer and developer: Yaroslav Samoylov"}],"items":[{"bgcolor":"#0C0C0E","caption":"Playlist view","maxwidth":"42%","images":[{"img":"images/work/case-two/item-1/[email protected]"},{"img":"images/work/case-two/item-1/[email protected]"}]},{"tag":"Chameleonscroller","bgcolor":"#0C0C0E","caption":"I made this app for myself. I had a problem with regular scrollers because for long books itâs hard to be presice when scatter. Itâs not versatile enough to go 10 seconds, 2 minutes or 1 hour head. So I designed custom scroller. Its width equels to the lenght of a book in seconds and scrolls using native iOS ScrollView which allow you to scroll very slow and very fast with few swipes. This way scattering is joyful and easy on eany lengh, seconds, munutes or hours","maxwidth":"574px","images":[{}]},{"bgcolor":"#0C0C0E","caption":"New playlist view","maxwidth":"42%","images":[{"img":"images/work/case-two/item-3/[email protected]"}]},{"bgcolor":"#0C0C0E","caption":"App Store & Xcode","images":[{"img":"images/work/case-two/item-4/[email protected]"},{"img":"images/work/case-two/item-4/[email protected]"}]}]},{"client":"2022 / Gubagoo -> Released","url":"https://apps.apple.com/us/app/chameleon-audiobook-player/id1615705830","title":"Vehicle protection as part of buying process","description":[{"text":"Product design: Yaroslav Samoylov"},{"text":"Direction: Jordie Lowe, Ryan Osten"}],"items":[{"bgcolor":"#E6E6E6","caption":"Main bundles view","maxwidth":"42%","images":[{"img":"images/work/case-three/item-1/[email protected]"},{"img":"images/work/case-three/item-1/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Protection details pop-up","maxwidth":"588px","images":[{"img":"images/work/case-three/item-2/[email protected]"}]},{"bgcolor":"#E6E6E6","caption":"Protection details view","maxwidth":"42%","images":[{"img":"images/work/case-three/item-3/[email protected]"},{"img":"images/work/case-three/item-3/[email protected]"}]},{"tag":"Swipehint","bgcolor":"#E6E6E6","caption":"Animated SVG hint icon","maxwidth":"42%","images":[{}]}]}]'),M=t(5118),O=t.n(M);function V(e){let{char:i,id:t}=e,o="@abcdefghijklmnopqrstuvwxyz",[n,a]=(0,w.useState)(!1),[r,l]=(0,w.useState)(!1);var[c,d]=(0,w.useState)(i),m=0;function h(){a(!0),o[m]===i&&(d(o[m]),l(!1)),!r&&m<o.length&&o[m]!=i&&" "!=i&&(d(o[m]),m++,setTimeout(h,60),l(!0))}return(0,w.useEffect)(()=>{setTimeout(h,45*t)},[]),(0,s.jsx)("span",{onMouseOver:()=>h(),onAnimationEnd:()=>void a(!1),className:n?O().letter:"",children:c})}function I(){return(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(n(),{children:(0,s.jsx)("title",{children:"\uD83D\uDC68â\uD83D\uDCBB"})}),(0,s.jsx)("div",{className:"content",children:(0,s.jsxs)("div",{className:d().header,children:[(0,s.jsxs)("p",{className:d().subtitle,children:["about me & other things I do â"," ",(0,s.jsx)(r(),{href:"/about",className:"link",children:"see info"})]}),(0,s.jsxs)("h1",{className:"headingL weightMedium",children:["Yaroslav Samoylov,",(0,s.jsx)("br",{}),"software designer &"," ","design engineer".split("").map((e,i)=>(0,s.jsx)(V,{char:e,id:i},i))]})]})}),S.map((e,i)=>(0,s.jsx)(D,{Work:e},i))]})}},8234:function(e){e.exports={header:"case_header__2_Bx8",contributors:"case_contributors__wKHmG",items:"case_items__fPRv4",item:"case_item__FsQmA",caption:"case_caption__lsNhs",images:"case_images__kQ2cP",video:"case_video__NfU7a",filtermadness:"case_filtermadness___A9sX"}},1132:function(e){e.exports={video:"chameleonscroller_video__NYkka",copy:"chameleonscroller_copy__lLt8u"}},1389:function(e){e.exports={Doc0:"submission-animation_Doc0__YATZr","doc-zero":"submission-animation_doc-zero__L_sIc",Doc1:"submission-animation_Doc1__6nQ_q","doc-one":"submission-animation_doc-one___Z69k",Doc2:"submission-animation_Doc2__krYan","doc-two":"submission-animation_doc-two__8IEzJ",Doc3:"submission-animation_Doc3__P9ZV_","doc-three":"submission-animation_doc-three__p61aw",envelope:"submission-animation_envelope__DWlCo",fly:"submission-animation_fly__G3TiJ",shadow:"submission-animation_shadow__Nb5Yx",copy:"submission-animation_copy__KwNpu",doc11:"submission-animation_doc11__tsr8p",dropdoc:"submission-animation_dropdoc__URSa_",docsmove:"submission-animation_docsmove__Nt7MQ",stack:"submission-animation_stack__eaB0f"}},6776:function(e){e.exports={controls:"submission_controls__aHC78",button:"submission_button___mVUu",num:"submission_num__p9bCg",num_select:"submission_num_select__z1z4y",submission_container:"submission_submission_container__PiJmv",submission_content:"submission_submission_content__wSGoQ",submission_text:"submission_submission_text__usHTC",submission_svg:"submission_submission_svg__zERmX"}},7180:function(e){e.exports={swipe_container:"swipehint_swipe_container__9uukr",swipe_content:"swipehint_swipe_content__CZ064",swipeShape:"swipehint_swipeShape__995EP",image:"swipehint_image__PO0_i",swipe:"swipehint_swipe__4opbY",move:"swipehint_move__Aurkl"}},735:function(e){e.exports={header:"components_header__ljjxI",subtitle:"components_subt
1itle__WRDdM"}},9240:function(e){e.exports={footer:"layout_footer__WlhMu",group:"layout_group__4altS",link:"layout_link__ONn1f",copyCursor:"layout_copyCursor__34g9V",item:"layout_item__13RFS"}},5118:function(e){e.exports={letter:"wordanimation_letter__pU76a",test:"wordanimation_test__2gQ9D"}}},function(e){e.O(0,[996,774,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);
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.