-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
47 lines (40 loc) · 44.8 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 2.32.13"/><title data-react-helmet="true">Page Not Found | Rahmad Al Habib Khasary | Software Engineer</title><meta data-react-helmet="true" name="description" content="Rahmad Al Habib Khasary is a software engineer based in Cibinong, Bogor who specializes in developing, high-quality websites and applications."/><meta data-react-helmet="true" name="image" content="https://abewartech.github.io/og.png"/><meta data-react-helmet="true" property="og:title" content="Rahmad Al Habib Khasary | Software Engineer"/><meta data-react-helmet="true" property="og:description" content="Rahmad Al Habib Khasary is a software engineer based in Cibinong, Bogor who specializes in developing, high-quality websites and applications."/><meta data-react-helmet="true" property="og:image" content="https://abewartech.github.io/og.png"/><meta data-react-helmet="true" property="og:url" content="https://abewartech.github.io/404.html"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:creator" content="@habibkhasary"/><meta data-react-helmet="true" name="twitter:title" content="Rahmad Al Habib Khasary | Software Engineer"/><meta data-react-helmet="true" name="twitter:description" content="Rahmad Al Habib Khasary is a software engineer based in Cibinong, Bogor who specializes in developing, high-quality websites and applications."/><meta data-react-helmet="true" name="twitter:image" content="https://abewartech.github.io/og.png"/><meta data-react-helmet="true" name="google-site-verification" content="DCl7VAf9tcz6eD9gb67NfkNnJ1PKRNcg8qQiwpbx9Lk"/><meta data-react-helmet="true" name="p:domain_verify" content="cfc2bcf1bcc76a8d3f4af04992954fa7"/><style data-styled="cHvtLI eEindp gqsCSF jBIjsD dTQTcg bGrukx ewAVGW DUgFS hbGQwI dFJNST bUZygx ixAmSv NzDYc kZcFdB dzmeRm" data-styled-version="4.4.1">
/* sc-component-id: sc-global-4051374478 */
@font-face{font-family:'Calibre';src:url(/static/Calibre-Regular-b63c62e591d0c8fbe2c8f009883346d5.woff2) format('woff2'), url(/static/Calibre-Regular-e08232148510aade507c2af9bb66acd0.woff) format('woff');font-weight:400;font-style:normal;font-display:auto;} @font-face{font-family:'Calibre';src:url(/static/Calibre-Medium-46b36969c7bb1d7ed4c8253e8f274788.woff2) format('woff2'), url(/static/Calibre-Medium-115d37180a9c07e2f480ca81b032babe.woff) format('woff');font-weight:500;font-style:normal;font-display:auto;} @font-face{font-family:'Calibre';src:url(/static/Calibre-Semibold-d8b856473a51d7eec2a9bccf2fbea54c.woff2) format('woff2'), url(/static/Calibre-Semibold-347808401d7a6607ff9a86897aec0a39.woff) format('woff');font-weight:600;font-style:normal;font-display:auto;} @font-face{font-family:'Calibre';src:url(/static/Calibre-RegularItalic-35657aa2d12ff78e3d8a8a5ba28c2c35.woff2) format('woff2'), url(/static/Calibre-RegularItalic-3a445970c7bcd6b102ac6bd60178b0bc.woff) format('woff');font-weight:400;font-style:italic;font-display:auto;} @font-face{font-family:'Calibre';src:url(/static/Calibre-MediumItalic-3df14639dd2cb07c83bd39707d70910f.woff2) format('woff2'), url(/static/Calibre-MediumItalic-4afe8032c647b57de924543c052e0ee4.woff) format('woff');font-weight:500;font-style:italic;font-display:auto;} @font-face{font-family:'Calibre';src:url(/static/Calibre-SemiboldItalic-8f3e4b3eaed73e67bbc4fc81f308a35f.woff2) format('woff2'), url(/static/Calibre-SemiboldItalic-6473be72d5216d0ec21d273af09b9fa3.woff) format('woff');font-weight:600;font-style:italic;font-display:auto;} @font-face{font-family:'SF Mono';src:url(/static/SFMono-Regular-7faa66605357721067fe1b07d9103015.woff2) format('woff2'), url(/static/SFMono-Regular-d59c1702c527525e9939ba06166a3750.woff) format('woff');font-weight:400;font-style:normal;font-display:auto;} @font-face{font-family:'SF Mono';src:url(/static/SFMono-Semibold-cebe2bfbe8a283427e3c5ad8a1b8ae2f.woff2) format('woff2'), url(/static/SFMono-Semibold-2d4bff46a7a9ba9dc7701f75726a7815.woff) format('woff');font-weight:600;font-style:normal;font-display:auto;} @font-face{font-family:'SF Mono';src:url(/static/SFMono-RegularItalic-bb1fc3ab1772befac3587b30ca876a09.woff2) format('woff2'), url(/static/SFMono-RegularItalic-502441ff6ee56a1df1558e8461050a46.woff) format('woff');font-weight:400;font-style:italic;font-display:auto;} @font-face{font-family:'SF Mono';src:url(/static/SFMono-SemiboldItalic-2fd68bed64aeaceadc6402efc4d82767.woff2) format('woff2'), url(/static/SFMono-SemiboldItalic-41da0311eaa7077546785a822a6ba21a.woff) format('woff');font-weight:600;font-style:italic;font-display:auto;} :root{--dark-navy:#020c1b;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:rgba(2,12,27,0.7);--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--green-tint:rgba(100,255,218,0.1);--font-sans:'Calibre','San Francisco','SF Pro Text',-apple-system,system-ui,sans-serif;--font-mono:'SF Mono','Fira Code','Fira Mono','Roboto Mono',monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215,0.61,0.355,1) 0.12s;} html{box-sizing:border-box;width:100%;} *,*:before,*:after{box-sizing:inherit;} ::selection{background-color:var(--slate);color:var(--lightest-slate);} body{margin:0;width:100%;min-height:100%;overflow-x:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--navy);color:var(--slate);font-family:var(--font-sans);font-size:var(--fz-xl);line-height:1.3;} @media (max-width:480px){body{font-size:var(--fz-lg);}} body.hidden{overflow:hidden;} body.blur{overflow:hidden;} body.blur header{background-color:transparent;} body.blur #content > *{-webkit-filter:blur(5px) brightness(0.7);filter:blur(5px) brightness(0.7);-webkit-transition:var(--transition);transition:var(--transition);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #root{min-height:100vh;display:grid;grid-template-rows:1fr auto;grid-template-columns:100%;} main{margin:0 auto;width:100%;max-width:1600px;min-height:100vh;padding:200px 150px;} @media (max-width:1080px){main{padding:200px 100px;}} @media (max-width:768px){main{padding:150px 50px;}} @media (max-width:480px){main{padding:125px 25px;}} main.fillHeight{padding:0 150px;} @media (max-width:1080px){main.fillHeight{padding:0 100px;}} @media (max-width:768px){main.fillHeight{padding:0 50px;}} @media (max-width:480px){main.fillHeight{padding:0 25px;}} section{margin:0 auto;padding:100px 0;max-width:1000px;} @media (max-width:768px){section{padding:80px 0;}} @media (max-width:480px){section{padding:60px 0;}} h1,h2,h3,h4,h5,h6{margin:0 0 10px 0;font-weight:600;color:var(--lightest-slate);line-height:1.1;} .big-heading{margin:0;font-size:clamp(40px,8vw,80px);} .medium-heading{margin:0;font-size:clamp(40px,8vw,60px);} .numbered-heading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:10px 0 40px;width:100%;font-size:clamp(26px,5vw,var(--fz-heading));white-space:nowrap;} .numbered-heading:before{position:relative;bottom:4px;counter-increment:section;content:'0' counter(section) '.';margin-right:10px;color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-md),3vw,var(--fz-xl));font-weight:400;} @media (max-width:480px){.numbered-heading:before{margin-bottom:-3px;margin-right:5px;}} .numbered-heading:after{content:'';display:block;position:relative;top:-5px;width:300px;height:1px;margin-left:20px;background-color:var(--lightest-navy);} @media (max-width:1080px){.numbered-heading:after{width:200px;}} @media (max-width:768px){.numbered-heading:after{width:100%;}} @media (max-width:600px){.numbered-heading:after{margin-left:10px;}} img,svg,.gatsby-image-wrapper{width:100%;max-width:100%;vertical-align:middle;} img[alt=""],img:not([alt]){-webkit-filter:blur(5px);filter:blur(5px);} svg{width:100%;height:100%;fill:currentColor;vertical-align:middle;} svg.feather{fill:none;} a{display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:inherit;position:relative;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;} a:hover,a:focus{color:var(--green);} a.inline-link{display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;position:relative;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;color:var(--green);} a.inline-link:hover,a.inline-link:focus,a.inline-link:active{color:var(--green);outline:0;} a.inline-link:hover:after,a.inline-link:focus:after,a.inline-link:active:after{width:100%;} a.inline-link:hover > *,a.inline-link:focus > *,a.inline-link:active > *{color:var(--green) !important;-webkit-transition:var(--transition);transition:var(--transition);} a.inline-link:after{content:'';display:block;width:0;height:1px;position:relative;bottom:0.37em;background-color:var(--green);-webkit-transition:var(--transition);transition:var(--transition);opacity:0.5;} button{cursor:pointer;border:0;border-radius:0;} input,textarea{border-radius:0;outline:0;} input:focus,textarea:focus{outline:0;} input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder,input:active::-webkit-input-placeholder,textarea:active::-webkit-input-placeholder{opacity:0.5;} input:focus::-moz-placeholder,textarea:focus::-moz-placeholder,input:active::-moz-placeholder,textarea:active::-moz-placeholder{opacity:0.5;} input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder,input:active:-ms-input-placeholder,textarea:active:-ms-input-placeholder{opacity:0.5;} input:focus::placeholder,textarea:focus::placeholder,input:active::placeholder,textarea:active::placeholder{opacity:0.5;} p{margin:0 0 15px 0;} p:last-child,p:last-of-type{margin:0;} p > a{display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;position:relative;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;color:var(--green);} p > a:hover,p > a:focus,p > a:active{color:var(--green);outline:0;} p > a:hover:after,p > a:focus:after,p > a:active:after{width:100%;} p > a:hover > *,p > a:focus > *,p > a:active > *{color:var(--green) !important;-webkit-transition:var(--transition);transition:var(--transition);} p > a:after{content:'';display:block;width:0;height:1px;position:relative;bottom:0.37em;background-color:var(--green);-webkit-transition:var(--transition);transition:var(--transition);opacity:0.5;} p > code{background-color:var(--light-navy);color:var(--white);font-size:var(--fz-sm);border-radius:var(--border-radius);padding:0.3em 0.5em;} ul.fancy-list{padding:0;margin:0;list-style:none;font-size:var(--fz-lg);} ul.fancy-list li{position:relative;padding-left:30px;margin-bottom:10px;} ul.fancy-list li:before{content:'▹';position:absolute;left:0;color:var(--green);} blockquote{border-left-color:var(--green);border-left-style:solid;border-left-width:1px;margin-left:0px;margin-right:0px;padding-left:1.5rem;} blockquote p{font-style:italic;font-size:24px;} hr{background-color:var(--lightest-navy);height:1px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;margin:1rem;} code{font-family:var(--font-mono);font-size:var(--fz-md);} #logo{color:var(--green);} .overline{color:var(--green);font-family:var(--font-mono);font-size:var(--fz-md);font-weight:400;} .subtitle{color:var(--green);margin:0 0 20px 0;font-size:var(--fz-md);font-family:var(--font-mono);font-weight:400;line-height:1.5;} @media (max-width:1080px){.subtitle{font-size:var(--fz-sm);}} @media (max-width:768px){.subtitle{font-size:var(--fz-xs);}} .subtitle a{display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;position:relative;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;color:var(--green);line-height:1.5;} .subtitle a:hover,.subtitle a:focus,.subtitle a:active{color:var(--green);outline:0;} .subtitle a:hover:after,.subtitle a:focus:after,.subtitle a:active:after{width:100%;} .subtitle a:hover > *,.subtitle a:focus > *,.subtitle a:active > *{color:var(--green) !important;-webkit-transition:var(--transition);transition:var(--transition);} .subtitle a:after{content:'';display:block;width:0;height:1px;position:relative;bottom:0.37em;background-color:var(--green);-webkit-transition:var(--transition);transition:var(--transition);opacity:0.5;} .breadcrumb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px;color:var(--green);} .breadcrumb .arrow{display:block;margin-right:10px;padding-top:4px;} .breadcrumb a{display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;position:relative;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;color:var(--green);font-family:var(--font-mono);font-size:var(--fz-sm);font-weight:600;line-height:1.5;text-transform:uppercase;-webkit-letter-spacing:0.1em;-moz-letter-spacing:0.1em;-ms-letter-spacing:0.1em;letter-spacing:0.1em;} .breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active{color:var(--green);outline:0;} .breadcrumb a:hover:after,.breadcrumb a:focus:after,.breadcrumb a:active:after{width:100%;} .breadcrumb a:hover > *,.breadcrumb a:focus > *,.breadcrumb a:active > *{color:var(--green) !important;-webkit-transition:var(--transition);transition:var(--transition);} .breadcrumb a:after{content:'';display:block;width:0;height:1px;position:relative;bottom:0.37em;background-color:var(--green);-webkit-transition:var(--transition);transition:var(--transition);opacity:0.5;} .gatsby-image-outer-wrapper{height:100%;} .fadeup-enter{opacity:0.01;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 300ms var(--easing),-webkit-transform 300ms var(--easing);-webkit-transition:opacity 300ms var(--easing),transform 300ms var(--easing);transition:opacity 300ms var(--easing),transform 300ms var(--easing);} .fadeup-enter-active{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:opacity 300ms var(--easing),-webkit-transform 300ms var(--easing);-webkit-transition:opacity 300ms var(--easing),transform 300ms var(--easing);transition:opacity 300ms var(--easing),transform 300ms var(--easing);} .fadedown-enter{opacity:0.01;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:opacity 300ms var(--easing),-webkit-transform 300ms var(--easing);-webkit-transition:opacity 300ms var(--easing),transform 300ms var(--easing);transition:opacity 300ms var(--easing),transform 300ms var(--easing);} .fadedown-enter-active{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:opacity 300ms var(--easing),-webkit-transform 300ms var(--easing);-webkit-transition:opacity 300ms var(--easing),transform 300ms var(--easing);transition:opacity 300ms var(--easing),transform 300ms var(--easing);} .fade-enter{opacity:0;} .fade-enter-active{opacity:1;-webkit-transition:opacity 300ms var(--easing);transition:opacity 300ms var(--easing);} .fade-exit{opacity:1;} .fade-exit-active{opacity:0;-webkit-transition:opacity 300ms var(--easing);transition:opacity 300ms var(--easing);} .gatsby-highlight{background-color:#112340;border-radius:var(--border-radius);margin:2em 0;padding:1.25em;overflow:auto;position:relative;font-family:var(--font-mono);font-size:var(--fz-md);} .gatsby-highlight code[class*='language-'],.gatsby-highlight pre[class*='language-']{height:auto !important;font-size:var(--fz-sm);line-height:1.5;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;} .gatsby-highlight pre[class*='language-']{background-color:transparent;margin:0;padding:0;overflow:initial;float:left;min-width:100%;padding-top:2em;} .gatsby-code-title{padding:1em 1.5em;font-family:var(--font-mono);font-size:var(--fz-xs);background-color:#112340;color:#a2aabc;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom:1px solid #1d2d50;} .gatsby-code-title + .gatsby-highlight{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;} .gatsby-highlight-code-line{display:block;background-color:#1d2d50;border-left:2px solid var(--green);padding-left:calc(1em + 2px);padding-right:1em;margin-right:-1.35em;margin-left:-1.35em;} .gatsby-highlight pre[class*='language-']::before{background:var(--lightest-navy);color:var(--white);font-size:var(--fz-xxs);font-family:var(--font-mono);line-height:1.5;-webkit-letter-spacing:0.1em;-moz-letter-spacing:0.1em;-ms-letter-spacing:0.1em;letter-spacing:0.1em;text-transform:uppercase;border-radius:0 0 3px 3px;position:absolute;top:0;left:1.25rem;padding:0.25rem 0.5rem;} .gatsby-highlight pre[class='language-javascript']::before{content:'js';} .gatsby-highlight pre[class='language-js']::before{content:'js';} .gatsby-highlight pre[class='language-jsx']::before{content:'jsx';} .gatsby-highlight pre[class='language-graphql']::before{content:'GraphQL';} .gatsby-highlight pre[class='language-html']::before{content:'html';} .gatsby-highlight pre[class='language-css']::before{content:'css';} .gatsby-highlight pre[class='language-mdx']::before{content:'mdx';} .gatsby-highlight pre[class='language-shell']::before{content:'shell';} .gatsby-highlight pre[class='language-sh']::before{content:'sh';} .gatsby-highlight pre[class='language-bash']::before{content:'bash';} .gatsby-highlight pre[class='language-yaml']::before{content:'yaml';} .gatsby-highlight pre[class='language-markdown']::before{content:'md';} .gatsby-highlight pre[class='language-json']::before,.gatsby-highlight pre[class='language-json5']::before{content:'json';} .gatsby-highlight pre[class='language-diff']::before{content:'diff';} .gatsby-highlight pre[class='language-text']::before{content:'text';} .gatsby-highlight pre[class='language-flow']::before{content:'flow';} .token{display:inline;} .token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#8695b799;} .token.punctuation{color:#a2aabc;} .token.namespace,.token.deleted{color:#ef6b73;} .token.function-name,.token.function,.token.class-name,.token.constant,.token.symbol{color:#ffd580;} .token.attr-name,.token.operator,.token.rule{color:#ffae57;} .token.keyword,.token.boolean,.token.number,.token.property{color:#c3a6ff;} .token.tag,.token.selector,.token.important,.token.atrule,.token.builtin,.token.entity,.token.url{color:#5ccfe6;} .token.string,.token.char,.token.attr-value,.token.regex,.token.variable,.token.inserted{color:#bae67e;} .token.important,.token.bold{font-weight:600;} .token.italic{font-style:italic;} .token.entity{cursor:help;} .namespace{opacity:0.7;}
/* sc-component-id: layout__SkipToContentLink-sc-1yw8zls-0 */
.cHvtLI{position:absolute;top:auto;left:-999px;width:1px;height:1px;overflow:hidden;z-index:-99;} .cHvtLI:focus,.cHvtLI:active{top:0;left:0;width:auto;height:auto;padding:18px 23px;outline:0;border-radius:var(--border-radius);background-color:var(--light-navy);color:var(--green);font-family:var(--font-mono);font-size:var(--fz-sm);line-height:1;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;overflow:auto;-webkit-transition:var(--transition);transition:var(--transition);z-index:99;}
/* sc-component-id: layout__StyledContent-sc-1yw8zls-1 */
.eEindp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}
/* sc-component-id: nav__StyledHeader-sc-ghklvd-0 */
.gqsCSF{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;z-index:11;padding:0px 50px;width:100%;height:var(--nav-height);background-color:var(--navy);-webkit-filter:none !important;filter:none !important;pointer-events:auto !important;-webkit-user-select:auto !important;-moz-user-select:auto !important;-ms-user-select:auto !important;user-select:auto !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:var(--transition);transition:var(--transition);} @media (max-width:1080px){.gqsCSF{padding:0 40px;}} @media (max-width:768px){.gqsCSF{padding:0 25px;}}
/* sc-component-id: nav__StyledNav-sc-ghklvd-1 */
.jBIjsD{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;color:var(--lightest-slate);font-family:var(--font-mono);counter-reset:item 0;z-index:12;} .jBIjsD .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .jBIjsD .logo a{color:var(--green);width:42px;height:42px;} .jBIjsD .logo a:hover svg,.jBIjsD .logo a:focus svg{fill:var(--green-tint);} .jBIjsD .logo a svg{fill:none;-webkit-transition:var(--transition);transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* sc-component-id: nav__StyledLinks-sc-ghklvd-2 */
.dTQTcg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} @media (max-width:768px){.dTQTcg{display:none;}} .dTQTcg ol{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none;} .dTQTcg ol li{margin:0 5px;position:relative;counter-increment:item 1;font-size:var(--fz-xs);} .dTQTcg ol li a{padding:10px;} .dTQTcg ol li a:before{content:'0' counter(item) '.';margin-right:5px;color:var(--green);font-size:var(--fz-xxs);text-align:right;} .dTQTcg .resume-button{color:var(--green);background-color:transparent;border:1px solid var(--green);border-radius:var(--border-radius);padding:0.75rem 1rem;font-size:var(--fz-xs);font-family:var(--font-mono);line-height:1;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);margin-left:15px;font-size:var(--fz-xs);} .dTQTcg .resume-button:hover,.dTQTcg .resume-button:focus,.dTQTcg .resume-button:active{background-color:var(--green-tint);} .dTQTcg .resume-button:after{display:none !important;}
/* sc-component-id: menu__StyledMenu-sc-sdn9y6-0 */
.bGrukx{display:none;} @media (max-width:768px){.bGrukx{display:block;}}
/* sc-component-id: menu__StyledHamburgerButton-sc-sdn9y6-1 */
.ewAVGW{display:none;} @media (max-width:768px){.ewAVGW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10;margin-right:-15px;padding:15px;border:0;background-color:transparent;color:inherit;text-transform:none;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-property:opacity,filter;transition-property:opacity,filter;}} .ewAVGW .ham-box{display:inline-block;position:relative;width:var(--hamburger-width);height:24px;} .ewAVGW .ham-box-inner{position:absolute;top:50%;right:0;width:var(--hamburger-width);height:2px;border-radius:var(--border-radius);background-color:var(--green);-webkit-transition-duration:0.22s;transition-duration:0.22s;-webkit-transition-property:-webkit-transform;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-timing-function:cubic-bezier( 0.55,0.055,0.675,0.19 );transition-timing-function:cubic-bezier( 0.55,0.055,0.675,0.19 );} .ewAVGW .ham-box-inner:before,.ewAVGW .ham-box-inner:after{content:'';display:block;position:absolute;left:auto;right:0;width:var(--hamburger-width);height:2px;border-radius:4px;background-color:var(--green);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-property:-webkit-transform;-webkit-transition-property:transform;transition-property:transform;} .ewAVGW .ham-box-inner:before{width:120%;top:-10px;opacity:1;-webkit-transition:var(--ham-before);transition:var(--ham-before);} .ewAVGW .ham-box-inner:after{width:80%;bottom:-10px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:var(--ham-after);transition:var(--ham-after);}
/* sc-component-id: menu__StyledSidebar-sc-sdn9y6-2 */
.DUgFS{display:none;} @media (max-width:768px){.DUgFS{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;bottom:0;right:0;padding:50px 10px;width:min(75vw,400px);height:100vh;outline:0;background-color:var(--light-navy);box-shadow:-10px 0px 30px -15px var(--navy-shadow);z-index:9;-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);visibility:hidden;-webkit-transition:var(--transition);transition:var(--transition);}} .DUgFS nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--lightest-slate);font-family:var(--font-mono);text-align:center;} .DUgFS ol{padding:0;margin:0;list-style:none;width:100%;} .DUgFS ol li{position:relative;margin:0 auto 20px;counter-increment:item 1;font-size:clamp(var(--fz-sm),4vw,var(--fz-lg));} @media (max-width:600px){.DUgFS ol li{margin:0 auto 10px;}} .DUgFS ol li:before{content:'0' counter(item) '.';display:block;margin-bottom:5px;color:var(--green);font-size:var(--fz-sm);} .DUgFS ol a{display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:inherit;position:relative;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;width:100%;padding:3px 20px 20px;} .DUgFS ol a:hover,.DUgFS ol a:active,.DUgFS ol a:focus{color:var(--green);outline:0;} .DUgFS .resume-link{color:var(--green);background-color:transparent;border:1px solid var(--green);border-radius:var(--border-radius);padding:1.25rem 1.75rem;font-size:var(--fz-sm);font-family:var(--font-mono);line-height:1;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);padding:18px 50px;margin:10% auto 0;width:-webkit-max-content;width:-moz-max-content;width:max-content;} .DUgFS .resume-link:hover,.DUgFS .resume-link:focus,.DUgFS .resume-link:active{background-color:var(--green-tint);} .DUgFS .resume-link:after{display:none !important;}
/* sc-component-id: side__StyledSideElement-sc-1duznzb-0 */
.hbGQwI{width:40px;position:fixed;bottom:0;left:40px;right:auto;z-index:10;color:var(--light-slate);} @media (max-width:1080px){.hbGQwI{left:20px;right:auto;}} @media (max-width:768px){.hbGQwI{display:none;}}.dFJNST{width:40px;position:fixed;bottom:0;left:auto;right:40px;z-index:10;color:var(--light-slate);} @media (max-width:1080px){.dFJNST{left:auto;right:20px;}} @media (max-width:768px){.dFJNST{display:none;}}
/* sc-component-id: social__StyledSocialList-sc-anu6nt-0 */
.bUZygx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;} .bUZygx:after{content:'';display:block;width:1px;height:90px;margin:0 auto;background-color:var(--light-slate);} .bUZygx li:last-of-type{margin-bottom:20px;} .bUZygx li a{padding:10px;} .bUZygx li a:hover,.bUZygx li a:focus{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);} .bUZygx li a svg{width:20px;height:20px;}
/* sc-component-id: email__StyledLinkWrapper-sc-2epoq-0 */
.ixAmSv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;} .ixAmSv:after{content:'';display:block;width:1px;height:90px;margin:0 auto;background-color:var(--light-slate);} .ixAmSv a{margin:20px auto;padding:10px;font-family:var(--font-mono);font-size:var(--fz-xxs);-webkit-letter-spacing:0.1em;-moz-letter-spacing:0.1em;-ms-letter-spacing:0.1em;letter-spacing:0.1em;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;} .ixAmSv a:hover,.ixAmSv a:focus{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);}
/* sc-component-id: footer__StyledFooter-sc-4jwnt4-0 */
.NzDYc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:70px;padding:15px;text-align:center;}
/* sc-component-id: footer__StyledSocialLinks-sc-4jwnt4-1 */
.kZcFdB{display:none;} @media (max-width:768px){.kZcFdB{display:block;width:100%;max-width:270px;margin:0 auto 10px;color:var(--light-slate);}} .kZcFdB ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none;} .kZcFdB ul a{padding:10px;} .kZcFdB ul a svg{width:20px;height:20px;}
/* sc-component-id: footer__StyledCredit-sc-4jwnt4-2 */
.dzmeRm{color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1;} .dzmeRm a{padding:10px;} .dzmeRm .github-stats{margin-top:10px;} .dzmeRm .github-stats > span{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 7px;} .dzmeRm .github-stats svg{display:inline-block;margin-right:5px;width:14px;height:14px;}</style><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link rel="icon" href="/favicon-32x32.png?v=8437e4a57a7e32ee0f5d4bf18db18e21" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#0a192f"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=8437e4a57a7e32ee0f5d4bf18db18e21"/><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link as="script" rel="preload" href="/webpack-runtime-2bcf25c06353be2c9b91.js"/><link as="script" rel="preload" href="/framework-305b3707783ccc9d7ca6.js"/><link as="script" rel="preload" href="/app-4d7e274530f34c2814cb.js"/><link as="script" rel="preload" href="/2e3cc0ab8b725f1ac0fab2a7e4829da0facef406-0b9310f21de87007cacd.js"/><link as="script" rel="preload" href="/component---src-pages-404-js-35c672b4f6312d82645b.js"/><link as="fetch" rel="preload" href="/page-data\404.html\page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1143475367.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1994492073.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/3618961439.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/4112399270.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/604461682.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"/></head><body class=""><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="root"><a href="#content" class="layout__SkipToContentLink-sc-1yw8zls-0 cHvtLI">I'm a software engineer based in Cibinong, Bogor specializing in building (and occasionally designing) exceptional websites, applications, and everything in between.</a><div class="layout__StyledContent-sc-1yw8zls-1 eEindp"><header class="nav__StyledHeader-sc-ghklvd-0 gqsCSF"><nav class="nav__StyledNav-sc-ghklvd-1 jBIjsD"><div class="logo" tabindex="-1"><a aria-label="home" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="110" height="74" viewBox="0 0 110 74"><g id="Group_1" data-name="Group 1" transform="translate(-233 -203)"><text id="AB" transform="translate(233 263)" fill="#64ffda" font-size="60" font-family="SFMono-Medium, SF Mono" font-weight="500"><tspan x="0" y="0">AB</tspan></text><line id="Line_1" data-name="Line 1" x2="71" transform="translate(233.5 270.5)" fill="none" stroke="#707070" stroke-width="1"></line><text id="e" transform="translate(305 260)" fill="#64ffda" font-size="60" font-family="SFMono-Medium, SF Mono" font-weight="500"><tspan x="0" y="0">e</tspan></text></g></svg></a></div><div class="nav__StyledLinks-sc-ghklvd-2 dTQTcg"><ol><li style="transition-delay:0ms"><a href="/#about">About</a></li><li style="transition-delay:0ms"><a href="/#jobs">Experience</a></li><li style="transition-delay:0ms"><a href="/#projects">Work</a></li><li style="transition-delay:0ms"><a href="/#contact">Contact</a></li></ol><div style="transition-delay:0ms"><a class="resume-button" href="/resume.pdf" target="_blank" rel="noopener noreferrer">Resume</a></div></div><div class="menu__StyledMenu-sc-sdn9y6-0 bGrukx"><div><button class="menu__StyledHamburgerButton-sc-sdn9y6-1 ewAVGW"><div class="ham-box"><div class="ham-box-inner"></div></div></button><aside aria-hidden="true" tabindex="-1" class="menu__StyledSidebar-sc-sdn9y6-2 DUgFS"><nav><ol><li><a href="/#about">About</a></li><li><a href="/#jobs">Experience</a></li><li><a href="/#projects">Work</a></li><li><a href="/#contact">Contact</a></li></ol><a href="/resume.pdf" class="resume-link">Resume</a></nav></aside></div></div></nav></header><div orientation="left" class="side__StyledSideElement-sc-1duznzb-0 hbGQwI"><ul class="social__StyledSocialList-sc-anu6nt-0 bUZygx"><li><a href="https://github.com/abewartech" aria-label="GitHub" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></li><li><a href="https://www.instagram.com/rahmadalhabibk" aria-label="Instagram" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a></li><li><a href="https://twitter.com/habibkhasary" aria-label="Twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a></li><li><a href="https://www.linkedin.com/in/rahmad-al-habib-4a7391125" aria-label="Linkedin" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></li><li><a href="https://codepen.io/abewartech" aria-label="Codepen" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codepen"><polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon><line x1="12" y1="22" x2="12" y2="15.5"></line><polyline points="22 8.5 12 15.5 2 8.5"></polyline><polyline points="2 15.5 12 8.5 22 15.5"></polyline><line x1="12" y1="2" x2="12" y2="8.5"></line></svg></a></li></ul></div><div orientation="right" class="side__StyledSideElement-sc-1duznzb-0 dFJNST"><div class="email__StyledLinkWrapper-sc-2epoq-0 ixAmSv"><a href="mailto:[email protected]">[email protected]</a></div></div><div id="content"><footer class="footer__StyledFooter-sc-4jwnt4-0 NzDYc"><div class="footer__StyledSocialLinks-sc-4jwnt4-1 kZcFdB"><ul><li><a href="https://github.com/abewartech" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></li><li><a href="https://www.instagram.com/rahmadalhabibk" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a></li><li><a href="https://twitter.com/habibkhasary" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a></li><li><a href="https://www.linkedin.com/in/rahmad-al-habib-4a7391125" aria-label="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></li><li><a href="https://codepen.io/abewartech" aria-label="Codepen"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codepen"><polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon><line x1="12" y1="22" x2="12" y2="15.5"></line><polyline points="22 8.5 12 15.5 2 8.5"></polyline><polyline points="2 15.5 12 8.5 22 15.5"></polyline><line x1="12" y1="2" x2="12" y2="8.5"></line></svg></a></li></ul></div><div class="footer__StyledCredit-sc-4jwnt4-2 dzmeRm"><div>Designs inspired by Brittany Chiang Website</div></div></footer></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
if(true) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
if (typeof ga === "function") {
ga('create', 'UA-150360280-2', 'auto', {});
}</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/404.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-d8d7a3e390d4a6f77d18.js"],"app":["/app-4d7e274530f34c2814cb.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-16703ee5599528db9f93.js"],"component---src-pages-404-js":["/component---src-pages-404-js-35c672b4f6312d82645b.js"],"component---src-pages-archive-js":["/component---src-pages-archive-js-48a4037b1ab1f46fbe43.js"],"component---src-pages-index-js":["/component---src-pages-index-js-550ac5e161125db7c859.js"],"component---src-pages-project-index-js":["/component---src-pages-project-index-js-fa0ab286545883d8273b.js"],"component---src-pages-project-tags-js":["/component---src-pages-project-tags-js-649b551066d45c67435d.js"],"component---src-templates-post-js":["/component---src-templates-post-js-dac0142543e0d6fa51c1.js"],"component---src-templates-tag-js":["/component---src-templates-tag-js-ac5f4643d52fe388c58f.js"]};/*]]>*/</script><script src="/polyfill-d8d7a3e390d4a6f77d18.js" nomodule=""></script><script src="/component---src-pages-404-js-35c672b4f6312d82645b.js" async=""></script><script src="/2e3cc0ab8b725f1ac0fab2a7e4829da0facef406-0b9310f21de87007cacd.js" async=""></script><script src="/app-4d7e274530f34c2814cb.js" async=""></script><script src="/framework-305b3707783ccc9d7ca6.js" async=""></script><script src="/webpack-runtime-2bcf25c06353be2c9b91.js" async=""></script></body></html>