/
component---src-pages-index-jsx-cd3d4e140165aed54736.js
2 lines (2 loc) 路 26.7 KB
/
component---src-pages-index-jsx-cd3d4e140165aed54736.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{131:function(e,t,a){"use strict";a.r(t);a(134);var r=a(0),i=a.n(r),o=a(132),l=(a(138),a(139),a(158)),n=a(140),c=a.n(n),s=a(148),m=a.n(s),p=function(){var e=m.a.siteTitle,t=m.a.siteDescription,a="/"===m.a.pathPrefix?"":m.a.pathPrefix,r=m.a.siteUrl+a+m.a.seoLogo,o=[{"@context":"http://schema.org","@type":"WebSite",url:m.a.siteUrl+m.a.pathPrefix,name:e,alternateName:m.a.siteTitleAlt?m.a.siteTitleAlt:""}];return i.a.createElement(c.a,null,i.a.createElement("html",{lang:m.a.siteLanguage}),i.a.createElement("title",null,e),i.a.createElement("link",{rel:"apple-touch-icon",href:"/favicons/apple-touch-icon.png"}),i.a.createElement("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicons/favicon-32x32.png"}),i.a.createElement("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicons/favicon-16x16.png"}),i.a.createElement("link",{rel:"shortcut icon",href:"favicon.ico"}),i.a.createElement("meta",{name:"msapplication-TileColor",content:m.a.backgroundColor}),i.a.createElement("meta",{name:"msapplication-config",content:"browserconfig.xml"}),i.a.createElement("meta",{name:"description",content:t}),i.a.createElement("meta",{name:"image",content:r}),i.a.createElement("script",{type:"application/ld+json"},JSON.stringify(o)),i.a.createElement("meta",{property:"og:locale",content:m.a.ogLanguage}),i.a.createElement("meta",{property:"og:site_name",content:m.a.ogSiteName}),i.a.createElement("meta",{property:"og:title",content:e}),i.a.createElement("meta",{property:"og:description",content:t}),i.a.createElement("meta",{property:"og:image",content:r}),i.a.createElement("meta",{property:"fb:app_id",content:m.a.siteFBAppID?m.a.siteFBAppID:""}),i.a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),i.a.createElement("meta",{name:"twitter:creator",content:m.a.userTwitter?m.a.userTwitter:""}),i.a.createElement("meta",{name:"twitter:title",content:e}),i.a.createElement("meta",{name:"twitter:description",content:t}),i.a.createElement("meta",{name:"twitter:image",content:r}))},d=a(4),f=a.n(d),g=a(133),h=Object(o.b)("svg",{target:"e99mwmy0"})({stroke:"currentColor",position:"absolute"},";color:",function(e){return e.stroke},";width:",function(e){return e.svgWidth},";fill:",function(e){return e.fill},";left:",function(e){return e.left},";top:",function(e){return e.top},";"),b={triangle:{shape:i.a.createElement("polygon",{strokeWidth:"1px",strokeLinejoin:"round",strokeMiterlimit:"10",points:"14.921,2.27 28.667,25.5 1.175,25.5 "}),viewBox:"0 0 30 30"},circle:{shape:i.a.createElement("path",{d:"M15,30A15,15,0,1,1,30,15,15,15,0,0,1,15,30ZM15,6.23A8.77,8.77,0,1,0,23.77,15,8.77,8.77,0,0,0,15,6.23Z"}),viewBox:"0 0 30 30"},arrowUp:{shape:i.a.createElement(i.a.Fragment,null,i.a.createElement("path",{d:"M28.74,20.81H1.26a1.26,1.26,0,0,1-1-2L14.16.5a1.25,1.25,0,0,1,1-.5h0a1.24,1.24,0,0,1,1,.51L29.75,18.8a1.25,1.25,0,0,1-1,2ZM3.81,18.29H26.22L15.16,3.37Z"})," ",i.a.createElement("path",{d:"M28.74,42H1.26a1.28,1.28,0,0,1-1.13-.71A1.26,1.26,0,0,1,.26,40l13.9-18.29a1.28,1.28,0,0,1,1-.5h0a1.24,1.24,0,0,1,1,.51L29.75,40a1.26,1.26,0,0,1,.12,1.32A1.28,1.28,0,0,1,28.74,42ZM3.81,39.47H26.22L15.16,24.55Z"})),viewBox:"0 0 30 42"},upDown:{shape:i.a.createElement(i.a.Fragment,null,i.a.createElement("path",{d:"M28.74,44.58a1.28,1.28,0,0,1-1-.51L15.16,27.13l-12.89,17a1.26,1.26,0,1,1-2-1.53l13.9-18.29a1.34,1.34,0,0,1,1-.5,1.24,1.24,0,0,1,1,.51L29.75,42.56a1.27,1.27,0,0,1-1,2Z"}),i.a.createElement("path",{d:"M14.83,20.82h0a1.28,1.28,0,0,1-1-.52L.25,2a1.27,1.27,0,0,1,2-1.51L14.84,17.45,27.73.5a1.26,1.26,0,0,1,2,1.53L15.84,20.32A1.28,1.28,0,0,1,14.83,20.82Z"})),viewBox:"0 0 30 44.58"},box:{shape:i.a.createElement("path",{d:"M28,2V28H2V2H28m.13-2H1.88A1.88,1.88,0,0,0,0,1.88V28.13A1.88,1.88,0,0,0,1.88,30H28.13A1.87,1.87,0,0,0,30,28.13V1.88A1.88,1.88,0,0,0,28.13,0Z"}),viewBox:"0 0 30 30"},hexa:{shape:i.a.createElement("polygon",{strokeLinejoin:"round",strokeMiterlimit:"10",points:"27.5,21.904 15,28.809 2.5,21.904 2.5,8.095 15,1.19 27.5,8.095 "}),viewBox:"0 0 30 30"}},u=function(e){var t=e.stroke,a=e.fill,r=e.width,o=e.icon,l=e.left,n=e.top,c=e.className;return i.a.createElement(h,{viewBox:b[o].viewBox,stroke:t,fill:a,svgWidth:g.width[""+r],left:l,top:n,className:c},b[o].shape)},w=u;u.propTypes={stroke:f.a.string,fill:f.a.string,width:f.a.number,icon:f.a.oneOf(["triangle","circle","arrowUp","upDown","box","hexa"]).isRequired,left:f.a.string,top:f.a.string,className:f.a.string},u.defaultProps={stroke:"transparent",width:8,fill:"none",left:"0%",top:"0%",className:"fancy-icon"};a(154);var x=Object(o.b)("a",{target:"eajhi9s0"})("width:100%;",{boxShadow:"0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)",position:"relative",textDecoration:"none",borderRadius:".5rem",paddingLeft:"2rem",paddingRight:"2rem",paddingTop:"2rem",paddingBottom:"2rem",color:"#fff","@media (min-width: 600px)":{paddingTop:"6rem",paddingBottom:"6rem"}},";background:",function(e){return e.bg},";transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);&:hover{transform:translateY(-5px);}"),E=Object(o.b)("div",{target:"eajhi9s1"})({opacity:".75",fontFamily:"system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif",fontSize:".875rem","@media (min-width: 600px)":{fontSize:"1rem"}},";text-shadow:0 2px 10px rgba(0,0,0,0.3);"),y=Object(o.b)("div",{target:"eajhi9s2"})({color:"#fff",textTransform:"uppercase",fontSize:"1.5rem",letterSpacing:".05em",fontFamily:"system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif",paddingTop:"2rem","@media (min-width: 600px)":{fontSize:"1.875rem"},"@media (min-width: 1200px)":{fontSize:"2.25rem"}},";text-shadow:0 2px 10px rgba(0,0,0,0.3);"),k=function(e){var t=e.title,a=e.link,r=e.children,o=e.bg;return i.a.createElement(x,{href:a,target:"_blank",rel:"noopener noreferrer",bg:o},i.a.createElement(E,null,r),i.a.createElement(y,null,t))},S=k;k.propTypes={title:f.a.string.isRequired,link:f.a.string.isRequired,children:f.a.oneOfType([f.a.string,f.a.element]).isRequired,bg:f.a.string.isRequired};var v=Object(o.c)("from{transform:rotate(0deg);}to{transform:rotate(360deg);}"),L=Object(o.c)('0%{d:path("M 0 100 Q 250 50 400 200 Q 550 350 800 300 L 800 0 L 0 0 L 0 100 Z");}50%{d:path("M 0 100 Q 200 150 400 200 Q 600 250 800 300 L 800 0 L 0 0 L 0 100 Z");}100%{d:path("M 0 100 Q 150 350 400 200 Q 650 50 800 300 L 800 0 L 0 0 L 0 100 Z");}'),I=Object(o.c)("from{transform:translateY(0);}to{transform:translateY(30px);}"),z=Object(o.c)("from{transform:translateY(0);}to{transform:translateY(200px);}"),j=Object(o.b)("div",{target:"e15piv9w0"})("animation:",I," 4s ease-in-out infinite alternate;",{top:"0",right:"0",bottom:"0",left:"0",position:"absolute"},";"),M=Object(o.b)("div",{target:"e15piv9w1"})("animation:",z," 18s ease-in-out infinite alternate;",{top:"0",right:"0",bottom:"0",left:"0",position:"absolute"},";"),C=Object(o.a)("animation:",L," 20s linear infinite alternate;"),O=Object(o.a)({display:"none","@media (min-width: 1200px)":{display:"block"}},";"),A=a(156),D=a.n(A),B=a(157),N=a.n(B),F=a(66);Object(F.injectGlobal)("*,*:before,*:after{box-sizing:inherit;}html{text-rendering:optimizeLegibility;overflow-x:hidden;box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#161719;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html,body{width:100%;height:100%;margin:0;padding:0;}");var U=Object(o.b)(l.b,{target:"ecphh8z0"})({position:"absolute",width:"100%",height:"100%"},";background:",function(e){return e.bg},";svg{fill:",function(e){return e.fill},";}clip-path:",function(e){return e.clipPath},";"),R=Object(o.b)(U,{target:"ecphh8z1"})("clip-path:polygon(0 15%,100% 25%,100% 85%,0 75%);"),T=Object(o.b)(l.b,{target:"ecphh8z2"})({padding:"1.5rem",justifyContent:"center",alignItems:"center",display:"flex",zIndex:"50","@media (min-width: 600px)":{padding:"3rem"},"@media (min-width: 900px)":{padding:"6rem"}},";"),H=Object(o.b)("div",{target:"ecphh8z3"})({width:"100%","@media (min-width: 1200px)":{width:"66.66667%"}},";"),Z=Object(o.b)("div",{target:"ecphh8z4"})({width:"100%",textAlign:"center","@media (min-width: 1600px)":{width:"66.66667%"},"@media (min-width: 900px)":{textAlign:"left"}},";"),P=Object(o.b)("h1",{target:"ecphh8z5"})({fontSize:"3rem",fontFamily:"Constantia,Lucida Bright,Lucidabright,Lucida Serif,Lucida,DejaVu Serif,Bitstream Vera Serif,Liberation Serif,Georgia,serif",color:"#fff",marginBottom:"1.5rem",letterSpacing:".05em","@media (min-width: 900px)":{}},";text-shadow:0 5px 35px rgba(255,255,255,0.15);"),W=Object(o.b)("h1",{target:"ecphh8z6"})({fontSize:"2.25rem",fontFamily:"Constantia,Lucida Bright,Lucidabright,Lucida Serif,Lucida,DejaVu Serif,Bitstream Vera Serif,Liberation Serif,Georgia,serif",color:"#fff",marginBottom:"2rem",letterSpacing:".05em",position:"relative",display:"inline-block","@media (min-width: 900px)":{fontSize:"2.25rem"}},';text-shadow:0 2px 10px rgba(0,0,0,0.2);&:before{content:"";width:40px;height:40px;background:url(',D.a,");position:absolute;background-size:40px;animation:",v," 4s linear infinite;left:-60px;top:5px;}"),Q=Object(o.b)("p",{target:"ecphh8z7"})({fontSize:"1.5rem",fontFamily:"system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif",color:"#fff",marginTop:"2rem","@media (min-width: 900px)":{fontSize:"2.25rem"},"@media (min-width: 1600px)":{width:"75%"}},";text-shadow:0 2px 15px rgba(0,0,0,0.2);"),V=Object(o.b)("div",{target:"ecphh8z8"})({display:"flex",flexWrap:"wrap",justifyContent:"space-between",marginTop:"2rem"},";display:grid;grid-gap:4rem;grid-template-columns:repeat(2,1fr);@media (max-width:1200px){grid-gap:3rem;}@media (max-width:900px){grid-template-columns:1fr;grid-gap:2rem;}"),G=Object(o.b)("div",{target:"ecphh8z9"})({position:"absolute",bottom:"0",width:"100%"},";transform:matrix(1,0,0,-1,0,0);"),q=Object(o.b)("div",{target:"ecphh8z10"})({position:"relative",height:"100%"},";svg{width:100%;height:40vh;}"),J=Object(o.b)("div",{target:"ecphh8z11"})({display:"flex",flexDirection:"column",alignItems:"center",marginTop:"2rem","@media (min-width: 900px)":{flexDirection:"row"}},";"),Y=Object(o.b)("img",{target:"ecphh8z12"})({borderRadius:"9999px",width:"8rem",boxShadow:"0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)",height:"auto","@media (min-width: 1200px)":{width:"12rem"}},";"),_=Object(o.b)("span",{target:"ecphh8z13"})({color:"#fff",paddingTop:"3rem",fontSize:"1.5rem","@media (min-width: 900px)":{paddingTop:"0",paddingLeft:"3rem",fontSize:"1.875rem"},"@media (min-width: 1200px)":{fontSize:"2.25rem"}},";"),K=Object(o.b)("p",{target:"ecphh8z14"})({color:"#dae1e7",fontSize:"1.125rem",fontFamily:"system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif",paddingTop:"1.5rem",textAlign:"justify","@media (min-width: 600px)":{fontSize:"1.25rem",paddingTop:"3rem"},"@media (min-width: 900px)":{fontSize:"1.5rem"}},";"),X=Object(o.b)("p",{target:"ecphh8z15"})({color:"#dae1e7",fontFamily:"system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif",fontSize:"1.25rem","@media (min-width: 600px)":{fontSize:"1.5rem"},"@media (min-width: 900px)":{fontSize:"1.875rem"}},";a{color:#e07628;text-decoration:none;}"),$=Object(o.b)("footer",{target:"ecphh8z16"})({textAlign:"center",color:"#b8c2cc",position:"absolute",bottom:"0",padding:"1.5rem",fontFamily:"system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif","@media (min-width: 900px)":{fontSize:"1.125rem"}},";a{color:#e07628;text-decoration:none;}");t.default=function(){return i.a.createElement(i.a.Fragment,null,i.a.createElement(p,null),i.a.createElement(l.a,{pages:5},i.a.createElement(U,{speed:.2,offset:0},i.a.createElement(j,null,i.a.createElement(w,{icon:"triangle",className:O,width:48,stroke:g.colors.orange,left:"10%",top:"20%"}),i.a.createElement(w,{icon:"hexa",width:48,stroke:g.colors.red,left:"60%",top:"70%"}),i.a.createElement(w,{icon:"box",width:6,fill:g.colors["grey-darker"],left:"60%",top:"15%"})),i.a.createElement(M,null,i.a.createElement(w,{icon:"arrowUp",className:O,width:16,fill:g.colors["blue-dark"],left:"80%",top:"10%"}),i.a.createElement(w,{icon:"triangle",width:12,stroke:g.colors.white,left:"90%",top:"50%"}),i.a.createElement(w,{icon:"circle",width:16,fill:g.colors["grey-darker"],left:"70%",top:"90%"}),i.a.createElement(w,{icon:"triangle",width:16,stroke:g.colors["grey-darkest"],left:"30%",top:"65%"}),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors["grey-darkest"],left:"75%",top:"10%"}),i.a.createElement(w,{icon:"upDown",className:O,width:8,fill:g.colors["grey-darkest"],left:"45%",top:"10%"})),i.a.createElement(w,{icon:"circle",className:O,width:24,fill:g.colors["grey-darker"],left:"5%",top:"70%"}),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors["grey-darkest"],left:"4%",top:"20%"}),i.a.createElement(w,{icon:"circle",width:12,fill:g.colors["grey-darkest"],left:"50%",top:"60%"}),i.a.createElement(w,{icon:"upDown",width:8,fill:g.colors["grey-darkest"],left:"95%",top:"90%"}),i.a.createElement(w,{icon:"upDown",className:O,width:24,fill:g.colors["grey-darker"],left:"40%",top:"80%"}),i.a.createElement(w,{icon:"triangle",width:8,stroke:g.colors["grey-darker"],left:"25%",top:"5%"}),i.a.createElement(w,{icon:"circle",width:64,fill:g.colors.green,left:"95%",top:"5%"}),i.a.createElement(w,{icon:"box",className:O,width:64,fill:g.colors.purple,left:"5%",top:"90%"}),i.a.createElement(w,{icon:"box",width:6,fill:g.colors["grey-darkest"],left:"10%",top:"10%"}),i.a.createElement(w,{icon:"box",width:12,fill:g.colors["grey-darkest"],left:"40%",top:"30%"}),i.a.createElement(w,{icon:"hexa",width:16,stroke:g.colors["grey-darker"],left:"10%",top:"50%"}),i.a.createElement(w,{icon:"hexa",width:8,stroke:g.colors["grey-darker"],left:"80%",top:"70%"})),i.a.createElement(T,{speed:.4,offset:0},i.a.createElement(H,null,i.a.createElement(P,null,"Hello, ",i.a.createElement("br",null)," I'm Mo Sharif 馃."),i.a.createElement(Q,null,"I'm creating amazing web experiences for the next generation of consumer-facing companies."))),i.a.createElement(R,{bg:"#22272b",speed:-.2,offset:1.1,factor:2}),i.a.createElement(T,{speed:.4,offset:1.2,factor:2},i.a.createElement(Z,null,i.a.createElement(W,null,"Projects"),i.a.createElement(V,null,i.a.createElement(S,{title:"Mo Skool 馃帓",link:"https://moskool.com",bg:"linear-gradient(to left, #108dc7 0%, #ef8e38 100%)"},"Master React without the fees!! Experience a modern interactive approach to mastering React and frontend development."),i.a.createElement(S,{title:"Rocket Native 馃殌",link:"https://github.com/mo-sharif/rocket-native",bg:"linear-gradient(to right, #108dc7 0%, #ef8e38 100%)"},"Complete React-native (IOS and Android) application powered by firebase serverless backend. Built using expo cli, material UI and custom CI/CD pipeline"),i.a.createElement(S,{title:"Mosh X 馃敤",link:"https://mosh-media.web.app/",bg:"linear-gradient(to left, #D4145A 0%, #FBB03B 100%)"},"Mosh X is a tools builder for the web. Build Forms, Tables, Posts, and handle Http requests all in one place."),i.a.createElement(S,{title:"Promania 馃摫",link:"https://github.com/mo-sharif/promania",bg:"linear-gradient(to right, #D4145A 0%, #FBB03B 100%)"},"Complete React PWA web dashboard powered by Firebase serverless backend"),i.a.createElement(S,{title:"Bashar UI 馃惗",link:"https://bashar-ui.firebaseapp.com/",bg:"linear-gradient(to right, #c2e59c 0%, #64b3f4 100%)"},"React PWA template, firebase cloud authentication and database ready."),i.a.createElement(S,{title:"React UI 馃捇",link:"https://promania.herokuapp.com",bg:"linear-gradient(to right, #662D8C 0%, #ED1E79 100%)"},"Responsive Dashboard, built on paper material UI and ready to deploy ."),i.a.createElement(S,{title:"Mosh UI 馃搱",link:"https://mo-sharif.github.io/Mosh-UI",bg:"linear-gradient(to right, #D585FF 0%, #00FFEE 100%)"},"Built on Angular with many reusable and universal components.")))),i.a.createElement(U,{speed:.1,offset:1,factor:2},i.a.createElement(j,null,i.a.createElement(w,{icon:"box",width:6,fill:g.colors.white,left:"85%",top:"75%"}),i.a.createElement(w,{icon:"upDown",width:8,fill:g.colors.teal,left:"70%",top:"20%"}),i.a.createElement(w,{icon:"triangle",width:8,stroke:g.colors.orange,left:"25%",top:"5%"}),i.a.createElement(w,{icon:"circle",className:O,width:24,fill:g.colors.white,left:"17%",top:"60%"})),i.a.createElement(M,null,i.a.createElement(w,{icon:"arrowUp",className:O,width:16,fill:g.colors.green,left:"20%",top:"90%"}),i.a.createElement(w,{icon:"triangle",width:12,stroke:g.colors.white,left:"90%",top:"30%"}),i.a.createElement(w,{icon:"circle",width:16,fill:g.colors.yellow,left:"70%",top:"90%"}),i.a.createElement(w,{icon:"triangle",className:O,width:16,stroke:g.colors.teal,left:"18%",top:"75%"}),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors.white,left:"75%",top:"10%"}),i.a.createElement(w,{icon:"upDown",className:O,width:8,fill:g.colors.green,left:"45%",top:"10%"})),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors.white,left:"4%",top:"20%"}),i.a.createElement(w,{icon:"circle",width:12,fill:g.colors.pink,left:"80%",top:"60%"}),i.a.createElement(w,{icon:"box",width:6,fill:g.colors.orange,left:"10%",top:"10%"}),i.a.createElement(w,{icon:"box",width:12,fill:g.colors.yellow,left:"29%",top:"26%"}),i.a.createElement(w,{icon:"hexa",width:16,stroke:g.colors.red,left:"75%",top:"30%"}),i.a.createElement(w,{icon:"hexa",width:8,stroke:g.colors.yellow,left:"80%",top:"70%"})),i.a.createElement(U,{bg:"#23262b",clipPath:"polygon(0 16%, 100% 4%, 100% 82%, 0 94%)",speed:.2,offset:3}),i.a.createElement(U,{speed:.1,offset:3},i.a.createElement(j,null,i.a.createElement(w,{icon:"box",className:O,width:6,fill:g.colors.blue,left:"50%",top:"75%"}),i.a.createElement(w,{icon:"upDown",className:O,width:8,fill:g.colors["grey-darkest"],left:"70%",top:"20%"}),i.a.createElement(w,{icon:"triangle",width:8,stroke:g.colors["grey-darkest"],left:"25%",top:"5%"}),i.a.createElement(w,{icon:"upDown",className:O,width:24,fill:g.colors.orange,left:"80%",top:"80%"})),i.a.createElement(M,null,i.a.createElement(w,{icon:"arrowUp",className:O,width:16,fill:g.colors.purple,left:"5%",top:"80%"}),i.a.createElement(w,{icon:"triangle",width:12,stroke:g.colors.white,left:"95%",top:"50%"}),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors.white,left:"85%",top:"15%"}),i.a.createElement(w,{icon:"upDown",className:O,width:8,fill:g.colors["grey-darkest"],left:"45%",top:"10%"})),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors.white,left:"4%",top:"20%"}),i.a.createElement(w,{icon:"circle",width:12,fill:g.colors["grey-darkest"],left:"70%",top:"60%"}),i.a.createElement(w,{icon:"box",width:6,fill:g.colors.orange,left:"10%",top:"10%"}),i.a.createElement(w,{icon:"box",width:12,fill:g.colors["grey-darkest"],left:"20%",top:"30%"}),i.a.createElement(w,{icon:"hexa",width:8,stroke:g.colors["grey-darkest"],left:"80%",top:"70%"})),i.a.createElement(T,{speed:.4,offset:3},i.a.createElement(Z,null,i.a.createElement(W,null,"About"),i.a.createElement(J,null,i.a.createElement(Y,{src:N.a,alt:"John Doe"}),i.a.createElement(_,null,"The English language can not fully capture the depth and complexity of my thoughts. So I'm incorporating Emoji into my speech to better express myself. 馃槈")),i.a.createElement(K,null,"Software engineering is one of my favorite hobbies, I enjoy architecting large scale web and mobile applications, from UI/UX to code modularity and reusability. I get annoyed by poor UI/UX choice, therefore I use frameworks and libraries such as React and Angular to the next level."))),i.a.createElement(U,{fill:"#23262b",speed:.2,offset:4},i.a.createElement(G,null,i.a.createElement(q,null,i.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 800 338.05",preserveAspectRatio:"none"},i.a.createElement("path",{className:C},i.a.createElement("animate",{attributeName:"d",values:"M 0 100 Q 250 50 400 200 Q 550 350 800 300 L 800 0 L 0 0 L 0 100 Z;M 0 100 Q 200 150 400 200 Q 600 250 800 300 L 800 0 L 0 0 L 0 100 Z;M 0 100 Q 150 350 400 200 Q 650 50 800 300 L 800 0 L 0 0 L 0 100 Z",repeatCount:"indefinite",dur:"30s"})))))),i.a.createElement(T,{speed:.4,offset:4},i.a.createElement(Z,null,i.a.createElement(W,null,"Get in touch"),i.a.createElement(X,null,"Say ",i.a.createElement("a",{href:"mailto:mo@mosh-media.com"},"Hi")," or find me on other platforms: ",i.a.createElement("a",{href:"https://github.com/mo-sharif/"},"GitHub")," &"," ",i.a.createElement("a",{href:"https://www.mosh-media.com/"},"Mosh Media"))),i.a.createElement($,null,"漏 2018 by Mo Sharif."," ",i.a.createElement("a",{href:"https://mo-shrif.github.io/"},"Github Repository"),".")),i.a.createElement(U,{speed:.1,offset:4},i.a.createElement(j,null,i.a.createElement(w,{icon:"upDown",className:O,width:8,fill:g.colors["grey-darkest"],left:"70%",top:"20%"}),i.a.createElement(w,{icon:"triangle",width:8,stroke:g.colors["grey-darkest"],left:"25%",top:"5%"})),i.a.createElement(M,null,i.a.createElement(w,{icon:"triangle",width:12,stroke:g.colors.white,left:"95%",top:"50%"}),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors.white,left:"85%",top:"15%"}),i.a.createElement(w,{icon:"upDown",className:O,width:8,fill:g.colors["grey-darkest"],left:"45%",top:"10%"})),i.a.createElement(w,{icon:"circle",width:6,fill:g.colors.white,left:"4%",top:"20%"}),i.a.createElement(w,{icon:"circle",width:12,fill:g.colors["grey-darkest"],left:"70%",top:"60%"}),i.a.createElement(w,{icon:"box",width:12,fill:g.colors["grey-darkest"],left:"20%",top:"30%"}),i.a.createElement(w,{icon:"hexa",width:8,stroke:g.colors["grey-darkest"],left:"80%",top:"70%"}))))}},133:function(e,t,a){a(27);a(149)();var r={transparent:"transparent","blue-black":"#161719","blue-grey":"#23262b",black:"#222b2f","grey-darkest":"#273238","grey-darker":"#364349","grey-dark":"#70818a",grey:"#9babb4","grey-light":"#dae4e9","grey-lighter":"#f3f7f9","grey-lightest":"#fafcfc",white:"#ffffff","red-darkest":"#420806","red-darker":"#6a1b19","red-dark":"#cc1f1a",red:"#bf381a","red-light":"#ef5753","red-lighter":"#f9acaa","red-lightest":"#fcebea","orange-darkest":"#542605","orange-darker":"#7f4012","orange-dark":"#c1611f",orange:"#e07628","orange-light":"#ffa31b","orange-lighter":"#fcd9b6","orange-lightest":"#fff5eb","yellow-darkest":"#453411","yellow-darker":"#684f1d","yellow-dark":"#f2d024",yellow:"#e9af32","yellow-light":"#fff382","yellow-lighter":"#fff9c2","yellow-lightest":"#fcfbeb","green-darkest":"#032d19","green-darker":"#0b4228","green-dark":"#1f9d55",green:"#38c172","green-light":"#51d88a","green-lighter":"#a2f5bf","green-lightest":"#e3fcec","teal-darkest":"#0d3331","teal-darker":"#174e4b","teal-dark":"#38a89d",teal:"#4dc0b5","teal-light":"#64d5ca","teal-lighter":"#a0f0ed","teal-lightest":"#e8fffe","blue-darkest":"#0a224e","blue-darker":"#103d60","blue-dark":"#2779bd",blue:"#a0d8f1","blue-light":"#6cb2eb","blue-lighter":"#bcdefa","blue-lightest":"#eff8ff","indigo-darkest":"#191e38","indigo-darker":"#2f365f","indigo-dark":"#5661b3",indigo:"#6574cd","indigo-light":"#7886d7","indigo-lighter":"#b2b7ff","indigo-lightest":"#e6e8ff","purple-darkest":"#1f133f","purple-darker":"#352465","purple-dark":"#794acf",purple:"#9561e2","purple-light":"#a779e9","purple-lighter":"#d6bbfc","purple-lightest":"#f3ebff","pink-darkest":"#45051e","pink-darker":"#72173a","pink-dark":"#eb5286",pink:"#f66d9b","pink-light":"#fa7ea8","pink-lighter":"#ffbbca","pink-lightest":"#ffebef"};e.exports={colors:r,screens:{sm:"400px",md:"600px",lg:"900px",xl:"1200px",xxl:"1600px"},fonts:{sans:['"Open Sans"',"-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","sans-serif"],serif:['"Cantata One"',"Constantia","Lucida Bright","Lucidabright","Lucida Serif","Lucida","DejaVu Serif","Bitstream Vera Serif","Liberation Serif","Georgia","serif"],mono:["Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},textSizes:{xs:".75rem",sm:".875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"5rem","7xl":"8rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},leading:{none:1,tight:1.25,normal:1.5,loose:2},tracking:{tight:"-0.05em",normal:"0",wide:"0.05em"},textColors:r,backgroundColors:r,borderWidths:{default:"1px",0:"0",2:"2px",4:"4px",8:"8px"},borderColors:Object.assign({default:r["grey-light"]},r),borderRadius:{none:"0",sm:".125rem",default:".25rem",lg:".5rem",full:"9999px"},width:{auto:"auto",px:"1px",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem",24:"6rem",32:"8rem",48:"12rem",64:"16rem","1/2":"50%","1/3":"33.33333%","2/3":"66.66667%","1/4":"25%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.66667%","5/6":"83.33333%",full:"100%",screen:"100vw"},height:{auto:"auto",px:"1px",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem",24:"6rem",32:"8rem",48:"12rem",64:"16rem",full:"100%",screen:"100vh"},minWidth:{0:"0",full:"100%"},minHeight:{0:"0",full:"100%",screen:"100vh"},maxWidth:{xs:"20rem",sm:"30rem",md:"40rem",lg:"50rem",xl:"60rem","2xl":"70rem","3xl":"80rem","4xl":"90rem","5xl":"100rem",full:"100%"},maxHeight:{full:"100%",screen:"100vh"},padding:{px:"1px",0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",6:"1.5rem",8:"2rem",12:"3rem",16:"4rem",24:"6rem",32:"8rem"},margin:{auto:"auto",px:"1px",0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",6:"1.5rem",8:"2rem"},negativeMargin:{px:"1px",0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",6:"1.5rem",8:"2rem"},shadows:{default:"0 2px 4px 0 rgba(0,0,0,0.10)",md:"0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)",lg:"0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)",none:"none"},zIndex:{auto:"auto",0:0,10:10,20:20,30:30,40:40,50:50},opacity:{0:"0",25:".25",50:".5",75:".75",100:"1"},options:{prefix:"",important:!1}}},148:function(e,t,a){var r=a(133);e.exports={pathPrefix:"/",siteTitle:"Mo Sharif - Software Engineer Portfolio",siteTitleAlt:"Mo",siteUrl:"https://mo-sharif.github.io",siteLanguage:"en",siteLogo:"/logos/logo-1024.png",siteDescription:"Mo Sharif portfolio - ",userTwitter:"@Mo",ogSiteName:"Mo",ogLanguage:"en_US",themeColor:r.colors.orange,backgroundColor:r.colors.blue}},156:function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiB2aWV3Qm94PSIwIDAgMzAgMzUiPgogICAgPHBhdGgKICAgICAgICAgICAgZmlsbD0ibm9uZSIKICAgICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSIKICAgICAgICAgICAgZD0iTTE0LjkyMSwyLjI3IDI4LjY2NywyNS41IDEuMTc1LDI1LjUgeiIKICAgIC8+Cjwvc3ZnPg=="},157:function(e,t,a){e.exports=a.p+"static/avatar-568a49d80cb4e6c9b0cdf5e72b229f6d.jpg"}}]);
//# sourceMappingURL=component---src-pages-index-jsx-cd3d4e140165aed54736.js.map