<!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"/><style data-href="/styles.a41683f0ba70d85285c5.css">.Button{padding:.8em 2em;border:1px solid transparent;border-radius:35px;background-color:var(--color-primary);font-weight:700;cursor:pointer;font-size:1.125rem;box-shadow:0 5px 10px rgba(21,102,107,.1);outline:none;display:inline-flex;justify-content:center;align-content:center;align-items:center}.Button,.Button a{color:#fff}.Button:hover{background-color:plum}.Button-icon{margin-right:8px}.Footer{color:var(--color-faded);margin-top:4em;border-top:1px dashed var(--color-faded);padding-top:1.6em;padding-bottom:4em}@media (min-width:600px){.Footer{padding-top:2em;padding-bottom:12em}}.Footer-bottom{display:flex;justify-content:space-between}.Link{color:var(--color-primary)}.Link:hover{cursor:pointer}.Link-active{font-weight:700;text-decoration:underline}.Link.Button{color:#fff}.Header{background-color:#76ced3;max-width:960px;padding:1.45rem 1.0875rem;margin:0 auto 1.45rem}.Header-title{color:#fff;text-decoration:none}.Navigation{display:flex;flex-direction:column;justify-content:space-between;list-style:none;font-weight:700;letter-spacing:.05em;padding:1em 1em 1em 0;margin:2em 0}@media screen and (min-width:600px){.Navigation{flex-direction:row}}.Navigation-left{display:flex;flex-wrap:wrap;justify-content:center}.Navigation-item{margin-right:.6em;margin-bottom:.6em}.Navigation .Link{background:transparent;border-radius:8px;padding:.6em .8em;background:#d4ecea;color:var(--color-primary)}@media screen and (min-width:600px){.Navigation .Link{padding:.8em 1em;background:none;color:var(--color-primary)}}.Navigation .Link-internal:hover{background:#d4ecea;color:var(--color-primary)}.Navigation .Link-active,.Navigation .Link-active:hover{text-decoration:none;background:var(--color-primary);color:var(--color-light)}.Pullquote{display:block;font-size:1.6em;padding:.8em 1em}@media (min-width:600px){.Pullquote{padding:1em 2em}}.SiteContainer{margin:0 auto;max-width:960px;padding:0 1.0875rem 1.45rem}.Tag{background:#fff;border:1px solid #d6d9dc;border-radius:4px;padding:.4em .8em;margin-right:.4em;line-height:2.6}.Tag:last-child{margin-right:0}.Input{border:2px solid transparent;border-radius:8px;padding:1em;outline:none;margin-right:1em;margin-bottom:1em;width:100%;box-shadow:0 12px 16px rgba(55,178,168,.05)}.Input:focus{border:2px solid var(--color-primary)}::-webkit-input-placeholder{color:var(--color-faded)}:-ms-input-placeholder{color:var(--color-faded)}::-ms-input-placeholder{color:var(--color-faded)}::placeholder{color:var(--color-faded)}.Label{display:block;color:var(--color-muted)}:root{--font-family-default:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans",Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--font-family-code:"SFMono-Regular",Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Menlo,Courier,monospace;--color-brand-turquoise:#76ced3;--color-primary:#13b2a9;--color-dark:#202938;--color-muted:#4e4e4e;--color-faded:#9c9c9c;--color-light:#f6f6f6;--box-shadow-default:0 5px 10px rgba(21,102,107,0.1)}html{font-family:var(--font-family-default);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{margin:0;padding:0}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:112.5%/1.45em var(--font-family-default);box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}body{background-color:var(--color-light);word-wrap:break-word;-webkit-font-kerning:normal;font-kerning:normal;-ms-font-feature-settings:"kern","liga","clig","calt";font-feature-settings:"kern","liga","clig","calt"}img{max-width:100%}h1,h2,h3,h4,h5,h6{color:inherit;font-family:var(--font-family-default);font-weight:700;text-rendering:optimizeLegibility;line-height:1.1}h1{font-size:2.25rem}h2{font-size:1.62671rem}h3{font-size:1.38316rem}h4{font-size:1rem}h5{font-size:.85028rem}h6{font-size:.78405rem}ol,ul{padding:0;margin:0 0 1.45rem 1.45rem;list-style-position:outside;list-style-image:none}address,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hgroup,iframe,img,noscript,p,table{margin:0 0 1.45rem;padding:0}pre{margin:0 0 1.45rem;padding:1.45rem;font-size:.85rem;line-height:1.42;background:rgba(0,0,0,.04);border-radius:8px;overflow:auto;word-wrap:normal}table{font-size:1rem;line-height:1.45rem;border-collapse:collapse;width:100%}blockquote{margin:0 1.45rem 1.45rem;padding-left:1em;border-left:2px solid #d6d9dc}blockquote cite{font-size:.8em;font-style:normal}hr{margin:0 0 calc(1.45rem - 1px);padding:0;background:rgba(0,0,0,.2);border:none;height:1px}a{text-decoration:none;color:var(--color-primary)}a:hover{color:#147974}b,dt,strong,th{font-weight:700}li{margin-bottom:.725rem}ol li,ul li{padding-left:0}li>ol,li>ul{margin-left:1.45rem;margin-bottom:.725rem;margin-top:.725rem}blockquote :last-child,li :last-child,p :last-child{margin-bottom:0}li>p{margin-bottom:.725rem}code,kbd,samp{font-size:.85rem;line-height:1.45rem}abbr,abbr[title],acronym{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}abbr[title]{text-decoration:none}td,th,thead{text-align:left}td,th{border-bottom:1px solid rgba(0,0,0,.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding:.725rem .96667rem calc(.725rem - 1px)}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}code,tt{background-color:rgba(0,0,0,.04);border-radius:3px;font-family:var(--font-family-code);padding:.2em 0}pre code{background:none;line-height:1.42}code:after,code:before,tt:after,tt:before{letter-spacing:-.2em}pre code:after,pre code:before,pre tt:after,pre tt:before{content:""}html{font-size:100%}@media (min-width:600px){html{font-size:112.5%}}body{font-family:var(--font-family-default),sans-serif;font-weight:400;line-height:1.65;color:var(--color-dark)}p{margin-bottom:1.2em}h1,h2,h3,h4,h5{font-family:var(--font-family-default),sans-serif;font-weight:400;line-height:1.15}h1{font-size:3.052em}h2{font-size:2.441em;margin-top:1em}h3{font-size:1.953em;margin-top:.8em}h4{font-size:1.563em;margin-top:.6em}h5{font-size:1.25em;margin-top:1.5em}.text_small,small{font-size:.8em}code,tt{padding:.2em .4em;margin:0 .2em;border-radius:4px}body{background-image:url(/footer-bg.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;min-height:100vh}section{margin-top:2em;margin-bottom:4em}.Post-meta{color:var(--color-faded);margin-bottom:2em}.Post-meta-icon{margin-right:.5em}</style><meta name="generator" content="Gatsby 2.24.33"/><link rel="alternate" type="application/rss+xml" href="/rss.xml"/><title data-react-helmet="true">Home | Aamnah - Frontend developer</title><link data-react-helmet="true" rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link data-react-helmet="true" rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link data-react-helmet="true" rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link data-react-helmet="true" rel="mask-icon" href="/safari-pinned-tab.svg" color="#13B2A9"/><meta data-react-helmet="true" name="msapplication-TileColor" content="#13B2A9"/><meta data-react-helmet="true" name="description" content="Life of Aamnah, in blog version"/><meta data-react-helmet="true" property="og:title" content="Home"/><meta data-react-helmet="true" property="og:description" content="Life of Aamnah, in blog version"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="@aamnahakram"/><meta data-react-helmet="true" name="twitter:title" content="Home"/><meta data-react-helmet="true" name="twitter:description" content="Life of Aamnah, in blog version"/><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="manifest" href="/manifest.webmanifest"/><link rel="apple-touch-icon" sizes="192x192" href="/android-chrome-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/android-chrome-512x512.png"/><link as="script" rel="preload" href="/component---src-pages-index-jsx-41cb20eb23e460d0c4b0.js"/><link as="script" rel="preload" href="/app-d57e840de8cc8cd682d5.js"/><link as="script" rel="preload" href="/framework-0e8501c0599d79803b4b.js"/><link as="script" rel="preload" href="/styles-89fd2ae28bdf06750a71.js"/><link as="script" rel="preload" href="/webpack-runtime-676276e0db4b7252324c.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/3649515864.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/3649515864.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/3889638579.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/4177872066.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/4177872066.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/63159454.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/63159454.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><main class="SiteContainer"><div class="Navigation"><div class="Navigation-left"><a aria-current="page" class="Navigation-item Link Link-internal Link-active" href="/">Home</a><a class="Navigation-item Link Link-internal" href="/about">About</a><a class="Navigation-item Link Link-internal" href="/testimonials">Testimonials</a><a class="Navigation-item Link Link-internal" href="/notes">Notes</a><a class="Navigation-item Link Link-internal" href="/contact">Contact</a><a href="https://notes.aamnah.com" target="_blank" rel="noopener noreferrer" class="Navigation-item Link">Archive</a></div></div><main><section class="sc-fzpans cKJzHK"><div id="about"><h1>Hi, I&#x27;m Aamnah</h1><h3>I&#x27;m a <strong>frontend developer</strong> <br/>with a passion for <strong>UI &amp; UX design</strong></h3><a class="Button Link Link-internal" href="/contact">Let&#x27;s connect</a></div></section><section id="recent-posts"><h3>Recent Posts</h3><ul><li><a class="undefined Link Link-internal" href="/sysadmin/PTCL_Router_DSL_Asus_AC68U_settings_configuration">Configure a different router (Asus AC68U) to work with PTCL Broadband</a></li><li><a class="undefined Link Link-internal" href="/sysadmin/postfix-multiple-domains">Setting your Postfix self-hosted mail server up for multiple domains</a></li><li><span>DRAFT </span><a class="undefined Link Link-internal" href="/sysadmin/host-email-server-postfix-dovecot">Notes on hosting my own email server</a></li><li><a class="undefined Link Link-internal" href="/reactnative/status-bar-customization-style-react-navigation-expo-react-native">Styling the StatusBar in React Native, Expo and React Navigation</a></li><li><a class="undefined Link Link-internal" href="/css/style-child-sibling-selector-css">Styling Child and Sibling selectors</a></li><li><a class="undefined Link Link-internal" href="/css/css-visibility-vs-opacity-vs-display-hidden">Opacity vs. Visibility vs. Display hidden</a></li><li><a class="undefined Link Link-internal" href="/css/notes-hover-active-focus">Notes on styling avtive, hover and focus states</a></li></ul><a class="undefined Link Link-internal" href="/notes">view all</a></section><section id="projects"><h3>Projects</h3><h4>Themes</h4><ul><li><a href="https://github.com/aamnah/oh-my-zsh-custom/blob/master/themes/amnastic.zsh-theme">amnastic.zsh-theme</a></li><li><a href="https://github.com/aamnah/tmux-flat-theme">tmux Flat Theme</a></li><li><a href="https://github.com/aamnah/MarkdownEditing-BlackboardTheme">MarkdownEditing-BlackboardTheme</a></li><li><a href="https://github.com/aamnah/LightPaper-Blackboardish">LightPaper-Blackboardish</a></li></ul></section></main><footer class="Footer"> <p>Please note that this site and the posts on it are, and will always be, a work in progress. If i waited for perfection, i’d never get anything done.<!-- --> </p><div class="Footer-bottom"><small>Powered by<!-- --> <a href="https://www.gatsbyjs.org" target="_blank" rel="noopener noreferrer" class="undefined Link">Gatsby</a> <!-- -->and<!-- --> <a href="https://www.netlify.com/" target="_blank" rel="noopener noreferrer" class="undefined Link">Netlify</a> <!-- -->and <svg width="12" height="12" viewBox="0 0 100 100" opacity="1" class="Icon Icon-heart undefined" xmlns="http://www.w3.org/2000/svg"><path d="M83.6549 21.8671C81.6343 19.8454 79.2352 18.2416 76.5946 17.1474C73.954 16.0532 71.1237 15.49 68.2654 15.49C65.4071 15.49 62.5768 16.0532 59.9362 17.1474C57.2956 18.2416 54.8965 19.8454 52.8759 21.8671L50.2343 24.4974L47.5814 21.8501C45.5864 19.7278 43.1852 18.028 40.5206 16.8517C37.8559 15.6754 34.982 15.0466 32.0696 15.0025C29.1572 14.9584 26.2656 15.5 23.5665 16.5952C20.8675 17.6903 18.4161 19.3167 16.3578 21.3776C14.2995 23.4386 12.6763 25.8922 11.5846 28.5926C10.493 31.2931 9.95509 34.1854 10.0029 37.0977C10.0508 40.0101 10.6833 42.8832 11.8631 45.5463C13.0429 48.2094 14.7457 50.6084 16.8706 52.6006L48.9902 84.7202C49.3194 85.0319 49.7555 85.2056 50.2088 85.2056C50.6621 85.2056 51.0981 85.0319 51.4273 84.7202L83.6208 52.6517C87.6997 48.5675 89.9936 43.0331 90 37.2608C90.0064 31.4886 87.7247 25.9491 83.6549 21.8558V21.8671Z" fill="var(--color-faded)"></path></svg> and magic!</small><a class="undefined Link Link-internal" href="/rss.xml">RSS</a></div></footer></main></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-10347872-4', 'auto', {});
      
      
      
      
      
      }</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-324d328cb42dea2df08b.js"],"app":["/app-d57e840de8cc8cd682d5.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-ecabcc836d91400d00c0.js"],"component---src-components-layout-category-jsx":["/component---src-components-layout-category-jsx-13aed40da70f69db920b.js"],"component---src-components-layout-post-jsx":["/component---src-components-layout-post-jsx-8b15a8397d564a27554c.js"],"component---src-pages-404-jsx":["/component---src-pages-404-jsx-a8b75e5da688d7bcbeeb.js"],"component---src-pages-about-jsx":["/component---src-pages-about-jsx-945bcd4ecac7367b89da.js"],"component---src-pages-contact-jsx":["/component---src-pages-contact-jsx-6e43d7d964e3084628ed.js"],"component---src-pages-index-jsx":["/component---src-pages-index-jsx-41cb20eb23e460d0c4b0.js"],"component---src-pages-notes-jsx":["/component---src-pages-notes-jsx-364917d7cc388ab32c52.js"],"component---src-pages-testimonials-jsx":["/component---src-pages-testimonials-jsx-1084390d5c72c47103aa.js"],"component---src-pages-typography-jsx":["/component---src-pages-typography-jsx-45c72e5cd469abf88cba.js"]};/*]]>*/</script><script src="/polyfill-324d328cb42dea2df08b.js" nomodule=""></script><script src="/webpack-runtime-676276e0db4b7252324c.js" async=""></script><script src="/styles-89fd2ae28bdf06750a71.js" async=""></script><script src="/framework-0e8501c0599d79803b4b.js" async=""></script><script src="/app-d57e840de8cc8cd682d5.js" async=""></script><script src="/component---src-pages-index-jsx-41cb20eb23e460d0c4b0.js" async=""></script></body></html>