{"_id":"5f3ca8cc2324e0296c44f6ac","betaFeatures":{"newsletter":false,"payments":true},"views":{"today":53,"thisWeek":165,"lastWeek":246,"thisMonth":826,"allTime":8080},"badgePageEnabled":true,"newsletterEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1677196800":28,"1677283200":30,"1677369600":25,"1677456000":24,"1677542400":25,"1677628800":35,"1677715200":26,"1677801600":20,"1677888000":15,"1677974400":20,"1678060800":46,"1678147200":28,"1678233600":54,"1678320000":56,"1678406400":37,"1678492800":35,"1678579200":34,"1678665600":19,"1678752000":45,"1678838400":34,"1678924800":25,"1679011200":17,"1679097600":18,"1679184000":24,"1679270400":20,"1679356800":21,"1679443200":12,"1679529600":34,"1679616000":14},"author":{"_id":"5f3ca7269584ef298dc172e4","socialMedia":{"twitter":"https://twitter.com/MaxProgramming1","instagram":"https://instagram.com/usmansabuwala7","github":"https://github.com/max-programming","stackoverflow":"https://stackoverflow.com/users/11727541/max-programming","facebook":"https://www.facebook.com/usman.sabuwala.7","website":"https://usmans.me/","linkedin":"https://www.linkedin.com/in/usman-sabuwala/","youtube":"https://youtube.com/@MaxProgramming"},"location":"India","isBanned":false,"isDeactivated":false,"numFollowers":622,"numFollowing":226,"storiesCreated":[],"totalUpvotesReceived":0,"isEvangelist":false,"name":"Usman Sabuwala","username":"usmanwrites","tagline":"Learning web development, running a YouTube channel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648591642/VKg_lEi1D.jpeg","dateJoined":"2020-08-19T04:14:30.307Z","publicationDomain":"blog.usmans.me","bio":"

I am a full stack developer, YouTuber and blogger!

\n","numPosts":28,"numReactions":2203,"isAmbassador":true,"hasGoldRing":true,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648573571/wAwPJ7rEA.jpeg","numSeries":1},"isActive":true,"username":"usman2102","domain":"blog.usmans.me","title":"Usman Writes","links":{"twitter":"https://twitter.com/MaxProgramming1","instagram":"https://www.instagram.com/usmansabuwala7/","github":"https://github.com/max-programming","website":"https://usmans.me/","hashnode":"https://hashnode.com/@usmanwrites","youtube":"https://youtube.com/@MaxProgramming","dailydev":"https://app.daily.dev/max_programming","linkedin":"https://linkedin.com/in/usman-sabuwala","mastodon":""},"__v":0,"headerColor":"","layout":"magazine","imprintMarkdown":"","imprint":"","meta":"Hey all! My name is Usman! I am 17 years old and learning web development and programming. I also have a YouTube channel on the subject of programming and mostly web development.","metaHTML":"

Hey all! My name is Usman! I am 17 years old and learning web development and programming. I also have a YouTube channel on the subject of programming and mostly web development.

\n","urlPattern":"simple","darkModeEnabled":true,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1668171082356/Jk5Up9IbF.jpg","viewCountVisible":true,"hasBadges":true,"customCSSDraft":{"home":"@import url(\"https://fonts.googleapis.com/css2?family=Sen&display=swap\");\n\n:root {\n color-scheme: dark light;\n}\n\n* {\n font-family: \"Sen\", sans-serif;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n::selection {\n background-color: rgba(17, 67, 87, 0.3);\n}\n\n.nprogress-busy {\n background: #114357;\n}\n\n.dark .nprogress-busy {\n background: #F29492;\n}\n\n.dark ::selection {\n background-color: rgba(242, 148, 146, 0.3) ;\n}\n\n.blog-header {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff\n}\n\n.blog-subscription-form-message {\n color: black !important;\n}\n\n.blog-sub-header a {\n color: #fff;\n}\n\n\n.blog-post-card-title, \n.blog-author-area-name {\n font-family: \"Sen\", sans-serif;\n font-weight: 700;\n}\n\n.blog-author-card::selection {\n color: black;\n background: #93B8E7;\n}\n\n\n.blog-subscription-form-input::selection, .blog-post-card-wrapper::selection{\n color: black;\n background: #93B8E7;\n}\n\n.blog-subscription-form-input {\n background: #00545C;\n}\n.blog-post-wrapper .button-primary {\n background: linear-gradient(to left, #4776E6, #8E54E9); \n}\n\n.blog-subscription-form {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n padding: 10px;\n border-radius: 10px;\n color: #fff;\n}\n\n\n.dark .blog-subscription-form-message {\n color: #fff;\n}\n\n.blog-post-card {\n border: 1px solid #114357;\n border-radius: 10px;\n padding: 40px;\n transition-duration: 0.3s;\n -webkit-transition-property: box-shadow transform;\n transition-property: box-shadow transform;\n}\n\n.blog-post-card:hover {\n box-shadow: 0 0 24px rgba(17,67,87, 0.6);\n -webkit-transform: translateX(8px);\n transform: translateX(8px);\n}\n\n.blog-post-card:active {\n -webkit-transform: skew(-10deg);\n transform: skew(-10deg);\n}\n\n.dark .blog-post-card:hover {\n box-shadow: 0 0 24px rgba(242,148,146, 0.6);\n}\n\n.dark .blog-post-card {\n\tborder-color: #F29492;\n}\n.blog-footer-credits, .blog-footer-credits > p {\n color: #fff !important;\n}\n.blog-footer-area {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff;\n}","post":"@import url(\"https://fonts.cdnfonts.com/css/cascadia-code\");\n@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');\n\n\nhtml.dark {\n color-scheme: dark;\n}\n\ndiv, a {\n font-family: \"Sen\", sans-serif;\n}\n\ncode {\n font-family: 'Cascadia Code', monospace !important;\n line-height: 2.3 !important;\n}\n\n\nhtml {\n scroll-behavior: smooth;\n}\n\n/*.blog-content-main:last-child a {*/\n/* transition: 0.3s ease;*/\n/* text-decoration: none !important;*/\n/* border-bottom: 2px solid #f0f8ff;*/\n/*}*/\n\n/*.dark .blog-content-main:last-child a {*/\n \n/* border-bottom: 2px solid #f0f8ff;*/\n/* color: #f0f8ff !important;*/\n/*}*/\n\n/*.dark .blog-content-main:last-child a:hover {*/\n/* color: #dae4ee !important;*/\n/* border-bottom-color: #dae4ee;*/\n/*}*/\n\n::selection {\n background-color: rgba(17, 67, 87, 0.3);\n}\n\n.dark ::selection {\n background-color: rgba(242, 148, 146, 0.3);\n}\n\n/*.blog-post-area {*/\n/* background-color: #041C32 !important;*/\n/*}*/\n\n.blog-article-page {\n margin-top: 15px;\n}\n\n\n.blog-header {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff\n}\n\n.blog-sub-header a {\n color: #fff;\n}\n\n.blog-content-main {\n font-family: \"Sen\", sans-serif !important;\n /*font-weight: 700;*/\n}\n\n.blog-content-main a, .blog-comments-section-wrapper a {\n background-image: linear-gradient(to left, #114357, #F29492);\n background-size: 0% 3px;\n background-repeat: no-repeat;\n background-position: left bottom;\n color: #1d7ca3 !important;\n font-weight: bold !important;\n text-decoration: none !important; \n transition: background-size 300ms ease;\n}\n\n\n.dark .blog-content-main a, .dark .blog-comments-section-wrapper a {\n color: #F29492 !important;\n\n}\n\n.blog-content-main a:hover, .blog-comments-section-wrapper a:hover {\n background-size: 100% 3px;\n \n}\n\n/*.blog-content-main a::after, .blog-comments-section-wrapper a::after {*/\n/* content: '';*/\n/* position: absolute;*/\n/* width: 100%;*/\n/* transform: scaleX(0);*/\n/* height: 2px;*/\n/* bottom: 0;*/\n/* left: 0;*/\n/* background: linear-gradient(to left, #F29492, #1d7ca3);*/\n/* transform-origin: bottom right;*/\n/* transition: transform 0.25s ease-out;*/\n/*}*/\n/*.dark .blog-content-main a::after, .dark .blog-comments-section-wrapper a::after {*/\n/* background-color: #1d7ca3;*/\n/*}*/\n/*.blog-content-main a:hover::after, .blog-comments-section-wrapper a:hover::after {*/\n/* transform: scaleX(1);*/\n/* transform-origin: bottom left;*/\n/*}*/\n\n.blog-content-sidebar button, .blog-content-sidebar a, .blog-comments-section-wrapper button {\n /*display: inline-block;*/\n vertical-align: middle;\n -webkit-transform: perspective(1px) translateZ(0);\n transform: perspective(1px) translateZ(0);\n box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n -webkit-transition-duration: 0.3s;\n transition-duration: 0.3s;\n -webkit-transition-property: transform;\n transition-property: transform;\n overflow: hidden;\n}\n\n.blog-content-sidebar a {\n overflow: visible;\n}\n\n.blog-content-sidebar button::after, .blog-content-sidebar a::after, .blog-comments-section-wrapper button::after {\n content: '';\n z-index: -1;\n background-color: hsla(0, 0%, 100%, 0.2);\n position: absolute;\n top: -50%;\n bottom: -50%;\n width: 1.25em;\n transform: translate3d(-525%, 0, 0) rotate(35deg);\n}\n\n.blog-content-sidebar a::after {\n width: auto;\n}\n\n.blog-content-sidebar button:hover, .blog-content-sidebar a:hover, .blog-comments-section-wrapper button:hover {\n -webkit-transform: scale(1.1) !important;\n transform: scale(1.1) !important;\n}\n\n.blog-content-sidebar button:hover::after, .blog-content-sidebar a:hover::after, .blog-comments-section-wrapper button:hover::after {\n transition: transform 0.45s ease-in-out;\n transform: translate3d(200%, 0, 0) rotate(35deg);\n}\n\n.blog-content-sidebar button:active, .blog-content-sidebar a:active, .blog-comments-section-wrapper button:active {\n -webkit-transform: scale(0.9) !important;\n transform: scale(0.9) !important;\n}\n\n.blog-comments-section-wrapper button[aria-label=\"Write a comment\"] {\n color: #F29492;\n transition: all 0.3s ease-in-out;\n border-color: #114357;\n}\n\n\n.blog-comments-section-wrapper button[aria-label=\"Write a comment\"]:hover {\n background: #0b121c;\n}\n\n\n/*.blog-content-main code > *::selection {*/\n/* background: rgba(26,54,93, 0.2);*/\n/*}*/\n\n.blog-footer-credits, .blog-footer-credits > p {\n color: #fff !important;\n}\n\n.blog-footer-area {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff;\n}\n\n.blog-content-main {\n margin-top: 20px !important;\n}\n.blog-content-main img {\n border-radius: 15px;\n text-align: center;\n}","static":":root {\r\n color-scheme: dark light;\r\n}\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n::selection {\r\n background-color: #114357;\r\n color: white;\r\n}\r\n.dark ::selection {\r\n background-color: rgba(242, 148, 146, 0.5);\r\n color: black;\r\n}\r\n.blog-header {\r\n background: #114357; /* fallback for old browsers */\r\n background: -webkit-linear-gradient(to left, #114357, #F29492);\r\n background: linear-gradient(to left, #114357, #F29492);\r\n color: #fff\r\n}\r\n\r\n.blog-sub-header a {\r\n color: #fff;\r\n}\r\n.blog-post-card {\r\n border: 1px solid #114357;\r\n border-radius: 10px;\r\n padding: 40px;\r\n transition-duration: 0.3s;\r\n -webkit-transition-property: box-shadow transform;\r\n transition-property: box-shadow transform;\r\n}\r\n\r\n.blog-post-card:hover {\r\n box-shadow: 0 0 24px rgba(17,67,87, 0.6);\r\n -webkit-transform: translateX(8px);\r\n transform: translateX(8px);\r\n}\r\n\r\n.blog-post-card:active {\r\n -webkit-transform: skew(-10deg);\r\n transform: skew(-10deg);\r\n}\r\n\r\n.dark .blog-post-card:hover {\r\n box-shadow: 0 0 24px rgba(242,148,146, 0.6);\r\n}\r\n\r\n.dark .blog-post-card {\r\n\tborder-color: #F29492;\r\n}\r\n.blog-footer-credits, .blog-footer-credits > p {\r\n color: #fff !important;\r\n}\r\n.blog-footer-area {\r\n background: #114357; /* fallback for old browsers */\r\n background: -webkit-linear-gradient(to left, #114357, #F29492);\r\n background: linear-gradient(to left, #114357, #F29492);\r\n color: #fff;\r\n}","homeMin":"@import url(\"https://fonts.googleapis.com/css2?family=Sen&display=swap\");:root{color-scheme:dark light}*{font-family:\"Sen\",sans-serif}html{scroll-behavior:smooth}::selection{background-color:rgba(17,67,87,0.3)}.nprogress-busy{background:#114357}.dark .nprogress-busy{background:#f29492}.dark ::selection{background-color:rgba(242,148,146,0.3)}.blog-header{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-subscription-form-message{color:black !important}.blog-sub-header a{color:#fff}.blog-post-card-title,.blog-author-area-name{font-family:\"Sen\",sans-serif;font-weight:700}.blog-author-card::selection{color:black;background:#93b8e7}.blog-subscription-form-input::selection,.blog-post-card-wrapper::selection{color:black;background:#93b8e7}.blog-subscription-form-input{background:#00545c}.blog-post-wrapper .button-primary{background:linear-gradient(to left,#4776e6,#8e54e9)}.blog-subscription-form{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);padding:10px;border-radius:10px;color:#fff}.dark .blog-subscription-form-message{color:#fff}.blog-post-card{border:1px solid #114357;border-radius:10px;padding:40px;transition-duration:.3s;-webkit-transition-property:box-shadow transform;transition-property:box-shadow transform}.blog-post-card:hover{box-shadow:0 0 24px rgba(17,67,87,0.6);-webkit-transform:translateX(8px);transform:translateX(8px)}.blog-post-card:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.dark .blog-post-card:hover{box-shadow:0 0 24px rgba(242,148,146,0.6)}.dark .blog-post-card{border-color:#f29492}.blog-footer-credits,.blog-footer-credits>p{color:#fff !important}.blog-footer-area{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}","postMin":"@import url(\"https://fonts.cdnfonts.com/css/cascadia-code\");@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');html.dark{color-scheme:dark}div,a{font-family:\"Sen\",sans-serif}code{font-family:'Cascadia Code',monospace !important;line-height:2.3 !important}html{scroll-behavior:smooth}::selection{background-color:rgba(17,67,87,0.3)}.dark ::selection{background-color:rgba(242,148,146,0.3)}.blog-article-page{margin-top:15px}.blog-header{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-sub-header a{color:#fff}.blog-content-main{font-family:\"Sen\",sans-serif !important}.blog-content-main a,.blog-comments-section-wrapper a{background-image:linear-gradient(to left,#114357,#f29492);background-size:0 3px;background-repeat:no-repeat;background-position:left bottom;color:#1d7ca3 !important;font-weight:bold !important;text-decoration:none !important;transition:background-size 300ms ease}.dark .blog-content-main a,.dark .blog-comments-section-wrapper a{color:#f29492 !important}.blog-content-main a:hover,.blog-comments-section-wrapper a:hover{background-size:100% 3px}.blog-content-sidebar button,.blog-content-sidebar a,.blog-comments-section-wrapper button{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;overflow:hidden}.blog-content-sidebar a{overflow:visible}.blog-content-sidebar button::after,.blog-content-sidebar a::after,.blog-comments-section-wrapper button::after{content:'';z-index:-1;background-color:hsla(0,0%,100%,0.2);position:absolute;top:-50%;bottom:-50%;width:1.25em;transform:translate3d(-525%,0,0) rotate(35deg)}.blog-content-sidebar a::after{width:auto}.blog-content-sidebar button:hover,.blog-content-sidebar a:hover,.blog-comments-section-wrapper button:hover{-webkit-transform:scale(1.1) !important;transform:scale(1.1) !important}.blog-content-sidebar button:hover::after,.blog-content-sidebar a:hover::after,.blog-comments-section-wrapper button:hover::after{transition:transform .45s ease-in-out;transform:translate3d(200%,0,0) rotate(35deg)}.blog-content-sidebar button:active,.blog-content-sidebar a:active,.blog-comments-section-wrapper button:active{-webkit-transform:scale(0.9) !important;transform:scale(0.9) !important}.blog-comments-section-wrapper button[aria-label=\"Write a comment\"]{color:#f29492;transition:all .3s ease-in-out;border-color:#114357}.blog-comments-section-wrapper button[aria-label=\"Write a comment\"]:hover{background:#0b121c}.blog-footer-credits,.blog-footer-credits>p{color:#fff !important}.blog-footer-area{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-content-main{margin-top:20px !important}.blog-content-main img{border-radius:15px;text-align:center}","staticMin":":root{color-scheme:dark light}html{scroll-behavior:smooth}::selection{background-color:#114357;color:white}.dark ::selection{background-color:rgba(242,148,146,0.5);color:black}.blog-header{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-sub-header a{color:#fff}.blog-post-card{border:1px solid #114357;border-radius:10px;padding:40px;transition-duration:.3s;-webkit-transition-property:box-shadow transform;transition-property:box-shadow transform}.blog-post-card:hover{box-shadow:0 0 24px rgba(17,67,87,0.6);-webkit-transform:translateX(8px);transform:translateX(8px)}.blog-post-card:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.dark .blog-post-card:hover{box-shadow:0 0 24px rgba(242,148,146,0.6)}.dark .blog-post-card{border-color:#f29492}.blog-footer-credits,.blog-footer-credits>p{color:#fff !important}.blog-footer-area{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}"},"customCSSPublished":{"home":"@import url(\"https://fonts.googleapis.com/css2?family=Sen&display=swap\");\n\n:root {\n color-scheme: dark light;\n}\n\n* {\n font-family: \"Sen\", sans-serif;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n::selection {\n background-color: rgba(17, 67, 87, 0.3);\n}\n\n.nprogress-busy {\n background: #114357;\n}\n\n.dark .nprogress-busy {\n background: #F29492;\n}\n\n.dark ::selection {\n background-color: rgba(242, 148, 146, 0.3) ;\n}\n\n.blog-header {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff\n}\n\n.blog-subscription-form-message {\n color: black !important;\n}\n\n.blog-sub-header a {\n color: #fff;\n}\n\n\n.blog-post-card-title, \n.blog-author-area-name {\n font-family: \"Sen\", sans-serif;\n font-weight: 700;\n}\n\n.blog-author-card::selection {\n color: black;\n background: #93B8E7;\n}\n\n\n.blog-subscription-form-input::selection, .blog-post-card-wrapper::selection{\n color: black;\n background: #93B8E7;\n}\n\n.blog-subscription-form-input {\n background: #00545C;\n}\n.blog-post-wrapper .button-primary {\n background: linear-gradient(to left, #4776E6, #8E54E9); \n}\n\n.blog-subscription-form {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n padding: 10px;\n border-radius: 10px;\n color: #fff;\n}\n\n\n.dark .blog-subscription-form-message {\n color: #fff;\n}\n\n.blog-post-card {\n border: 1px solid #114357;\n border-radius: 10px;\n padding: 40px;\n transition-duration: 0.3s;\n -webkit-transition-property: box-shadow transform;\n transition-property: box-shadow transform;\n}\n\n.blog-post-card:hover {\n box-shadow: 0 0 24px rgba(17,67,87, 0.6);\n -webkit-transform: translateX(8px);\n transform: translateX(8px);\n}\n\n.blog-post-card:active {\n -webkit-transform: skew(-10deg);\n transform: skew(-10deg);\n}\n\n.dark .blog-post-card:hover {\n box-shadow: 0 0 24px rgba(242,148,146, 0.6);\n}\n\n.dark .blog-post-card {\n\tborder-color: #F29492;\n}\n.blog-footer-credits, .blog-footer-credits > p {\n color: #fff !important;\n}\n.blog-footer-area {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff;\n}","post":"@import url(\"https://fonts.cdnfonts.com/css/cascadia-code\");\n@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');\n\n\nhtml.dark {\n color-scheme: dark;\n}\n\ndiv, a {\n font-family: \"Sen\", sans-serif;\n}\n\ncode {\n font-family: 'Cascadia Code', monospace !important;\n line-height: 2.3 !important;\n}\n\n\nhtml {\n scroll-behavior: smooth;\n}\n\n/*.blog-content-main:last-child a {*/\n/* transition: 0.3s ease;*/\n/* text-decoration: none !important;*/\n/* border-bottom: 2px solid #f0f8ff;*/\n/*}*/\n\n/*.dark .blog-content-main:last-child a {*/\n \n/* border-bottom: 2px solid #f0f8ff;*/\n/* color: #f0f8ff !important;*/\n/*}*/\n\n/*.dark .blog-content-main:last-child a:hover {*/\n/* color: #dae4ee !important;*/\n/* border-bottom-color: #dae4ee;*/\n/*}*/\n\n::selection {\n background-color: rgba(17, 67, 87, 0.3);\n}\n\n.dark ::selection {\n background-color: rgba(242, 148, 146, 0.3);\n}\n\n/*.blog-post-area {*/\n/* background-color: #041C32 !important;*/\n/*}*/\n\n.blog-article-page {\n margin-top: 15px;\n}\n\n\n.blog-header {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff\n}\n\n.blog-sub-header a {\n color: #fff;\n}\n\n.blog-content-main {\n font-family: \"Sen\", sans-serif !important;\n /*font-weight: 700;*/\n}\n\n.blog-content-main a, .blog-comments-section-wrapper a {\n background-image: linear-gradient(to left, #114357, #F29492);\n background-size: 0% 3px;\n background-repeat: no-repeat;\n background-position: left bottom;\n color: #1d7ca3 !important;\n font-weight: bold !important;\n text-decoration: none !important; \n transition: background-size 300ms ease;\n}\n\n\n.dark .blog-content-main a, .dark .blog-comments-section-wrapper a {\n color: #F29492 !important;\n\n}\n\n.blog-content-main a:hover, .blog-comments-section-wrapper a:hover {\n background-size: 100% 3px;\n \n}\n\n/*.blog-content-main a::after, .blog-comments-section-wrapper a::after {*/\n/* content: '';*/\n/* position: absolute;*/\n/* width: 100%;*/\n/* transform: scaleX(0);*/\n/* height: 2px;*/\n/* bottom: 0;*/\n/* left: 0;*/\n/* background: linear-gradient(to left, #F29492, #1d7ca3);*/\n/* transform-origin: bottom right;*/\n/* transition: transform 0.25s ease-out;*/\n/*}*/\n/*.dark .blog-content-main a::after, .dark .blog-comments-section-wrapper a::after {*/\n/* background-color: #1d7ca3;*/\n/*}*/\n/*.blog-content-main a:hover::after, .blog-comments-section-wrapper a:hover::after {*/\n/* transform: scaleX(1);*/\n/* transform-origin: bottom left;*/\n/*}*/\n\n.blog-content-sidebar button, .blog-content-sidebar a, .blog-comments-section-wrapper button {\n /*display: inline-block;*/\n vertical-align: middle;\n -webkit-transform: perspective(1px) translateZ(0);\n transform: perspective(1px) translateZ(0);\n box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n -webkit-transition-duration: 0.3s;\n transition-duration: 0.3s;\n -webkit-transition-property: transform;\n transition-property: transform;\n overflow: hidden;\n}\n\n.blog-content-sidebar a {\n overflow: visible;\n}\n\n.blog-content-sidebar button::after, .blog-content-sidebar a::after, .blog-comments-section-wrapper button::after {\n content: '';\n z-index: -1;\n background-color: hsla(0, 0%, 100%, 0.2);\n position: absolute;\n top: -50%;\n bottom: -50%;\n width: 1.25em;\n transform: translate3d(-525%, 0, 0) rotate(35deg);\n}\n\n.blog-content-sidebar a::after {\n width: auto;\n}\n\n.blog-content-sidebar button:hover, .blog-content-sidebar a:hover, .blog-comments-section-wrapper button:hover {\n -webkit-transform: scale(1.1) !important;\n transform: scale(1.1) !important;\n}\n\n.blog-content-sidebar button:hover::after, .blog-content-sidebar a:hover::after, .blog-comments-section-wrapper button:hover::after {\n transition: transform 0.45s ease-in-out;\n transform: translate3d(200%, 0, 0) rotate(35deg);\n}\n\n.blog-content-sidebar button:active, .blog-content-sidebar a:active, .blog-comments-section-wrapper button:active {\n -webkit-transform: scale(0.9) !important;\n transform: scale(0.9) !important;\n}\n\n.blog-comments-section-wrapper button[aria-label=\"Write a comment\"] {\n color: #F29492;\n transition: all 0.3s ease-in-out;\n border-color: #114357;\n}\n\n\n.blog-comments-section-wrapper button[aria-label=\"Write a comment\"]:hover {\n background: #0b121c;\n}\n\n\n/*.blog-content-main code > *::selection {*/\n/* background: rgba(26,54,93, 0.2);*/\n/*}*/\n\n.blog-footer-credits, .blog-footer-credits > p {\n color: #fff !important;\n}\n\n.blog-footer-area {\n background: #114357; /* fallback for old browsers */\n background: -webkit-linear-gradient(to left, #114357, #F29492);\n background: linear-gradient(to left, #114357, #F29492);\n color: #fff;\n}\n\n.blog-content-main {\n margin-top: 20px !important;\n}\n.blog-content-main img {\n border-radius: 15px;\n text-align: center;\n}","static":":root {\r\n color-scheme: dark light;\r\n}\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n::selection {\r\n background-color: #114357;\r\n color: white;\r\n}\r\n.dark ::selection {\r\n background-color: rgba(242, 148, 146, 0.5);\r\n color: black;\r\n}\r\n.blog-header {\r\n background: #114357; /* fallback for old browsers */\r\n background: -webkit-linear-gradient(to left, #114357, #F29492);\r\n background: linear-gradient(to left, #114357, #F29492);\r\n color: #fff\r\n}\r\n\r\n.blog-sub-header a {\r\n color: #fff;\r\n}\r\n.blog-post-card {\r\n border: 1px solid #114357;\r\n border-radius: 10px;\r\n padding: 40px;\r\n transition-duration: 0.3s;\r\n -webkit-transition-property: box-shadow transform;\r\n transition-property: box-shadow transform;\r\n}\r\n\r\n.blog-post-card:hover {\r\n box-shadow: 0 0 24px rgba(17,67,87, 0.6);\r\n -webkit-transform: translateX(8px);\r\n transform: translateX(8px);\r\n}\r\n\r\n.blog-post-card:active {\r\n -webkit-transform: skew(-10deg);\r\n transform: skew(-10deg);\r\n}\r\n\r\n.dark .blog-post-card:hover {\r\n box-shadow: 0 0 24px rgba(242,148,146, 0.6);\r\n}\r\n\r\n.dark .blog-post-card {\r\n\tborder-color: #F29492;\r\n}\r\n.blog-footer-credits, .blog-footer-credits > p {\r\n color: #fff !important;\r\n}\r\n.blog-footer-area {\r\n background: #114357; /* fallback for old browsers */\r\n background: -webkit-linear-gradient(to left, #114357, #F29492);\r\n background: linear-gradient(to left, #114357, #F29492);\r\n color: #fff;\r\n}","homeMin":"@import url(\"https://fonts.googleapis.com/css2?family=Sen&display=swap\");:root{color-scheme:dark light}*{font-family:\"Sen\",sans-serif}html{scroll-behavior:smooth}::selection{background-color:rgba(17,67,87,0.3)}.nprogress-busy{background:#114357}.dark .nprogress-busy{background:#f29492}.dark ::selection{background-color:rgba(242,148,146,0.3)}.blog-header{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-subscription-form-message{color:black !important}.blog-sub-header a{color:#fff}.blog-post-card-title,.blog-author-area-name{font-family:\"Sen\",sans-serif;font-weight:700}.blog-author-card::selection{color:black;background:#93b8e7}.blog-subscription-form-input::selection,.blog-post-card-wrapper::selection{color:black;background:#93b8e7}.blog-subscription-form-input{background:#00545c}.blog-post-wrapper .button-primary{background:linear-gradient(to left,#4776e6,#8e54e9)}.blog-subscription-form{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);padding:10px;border-radius:10px;color:#fff}.dark .blog-subscription-form-message{color:#fff}.blog-post-card{border:1px solid #114357;border-radius:10px;padding:40px;transition-duration:.3s;-webkit-transition-property:box-shadow transform;transition-property:box-shadow transform}.blog-post-card:hover{box-shadow:0 0 24px rgba(17,67,87,0.6);-webkit-transform:translateX(8px);transform:translateX(8px)}.blog-post-card:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.dark .blog-post-card:hover{box-shadow:0 0 24px rgba(242,148,146,0.6)}.dark .blog-post-card{border-color:#f29492}.blog-footer-credits,.blog-footer-credits>p{color:#fff !important}.blog-footer-area{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}","postMin":"@import url(\"https://fonts.cdnfonts.com/css/cascadia-code\");@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');html.dark{color-scheme:dark}div,a{font-family:\"Sen\",sans-serif}code{font-family:'Cascadia Code',monospace !important;line-height:2.3 !important}html{scroll-behavior:smooth}::selection{background-color:rgba(17,67,87,0.3)}.dark ::selection{background-color:rgba(242,148,146,0.3)}.blog-article-page{margin-top:15px}.blog-header{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-sub-header a{color:#fff}.blog-content-main{font-family:\"Sen\",sans-serif !important}.blog-content-main a,.blog-comments-section-wrapper a{background-image:linear-gradient(to left,#114357,#f29492);background-size:0 3px;background-repeat:no-repeat;background-position:left bottom;color:#1d7ca3 !important;font-weight:bold !important;text-decoration:none !important;transition:background-size 300ms ease}.dark .blog-content-main a,.dark .blog-comments-section-wrapper a{color:#f29492 !important}.blog-content-main a:hover,.blog-comments-section-wrapper a:hover{background-size:100% 3px}.blog-content-sidebar button,.blog-content-sidebar a,.blog-comments-section-wrapper button{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;overflow:hidden}.blog-content-sidebar a{overflow:visible}.blog-content-sidebar button::after,.blog-content-sidebar a::after,.blog-comments-section-wrapper button::after{content:'';z-index:-1;background-color:hsla(0,0%,100%,0.2);position:absolute;top:-50%;bottom:-50%;width:1.25em;transform:translate3d(-525%,0,0) rotate(35deg)}.blog-content-sidebar a::after{width:auto}.blog-content-sidebar button:hover,.blog-content-sidebar a:hover,.blog-comments-section-wrapper button:hover{-webkit-transform:scale(1.1) !important;transform:scale(1.1) !important}.blog-content-sidebar button:hover::after,.blog-content-sidebar a:hover::after,.blog-comments-section-wrapper button:hover::after{transition:transform .45s ease-in-out;transform:translate3d(200%,0,0) rotate(35deg)}.blog-content-sidebar button:active,.blog-content-sidebar a:active,.blog-comments-section-wrapper button:active{-webkit-transform:scale(0.9) !important;transform:scale(0.9) !important}.blog-comments-section-wrapper button[aria-label=\"Write a comment\"]{color:#f29492;transition:all .3s ease-in-out;border-color:#114357}.blog-comments-section-wrapper button[aria-label=\"Write a comment\"]:hover{background:#0b121c}.blog-footer-credits,.blog-footer-credits>p{color:#fff !important}.blog-footer-area{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-content-main{margin-top:20px !important}.blog-content-main img{border-radius:15px;text-align:center}","staticMin":":root{color-scheme:dark light}html{scroll-behavior:smooth}::selection{background-color:#114357;color:white}.dark ::selection{background-color:rgba(242,148,146,0.5);color:black}.blog-header{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}.blog-sub-header a{color:#fff}.blog-post-card{border:1px solid #114357;border-radius:10px;padding:40px;transition-duration:.3s;-webkit-transition-property:box-shadow transform;transition-property:box-shadow transform}.blog-post-card:hover{box-shadow:0 0 24px rgba(17,67,87,0.6);-webkit-transform:translateX(8px);transform:translateX(8px)}.blog-post-card:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.dark .blog-post-card:hover{box-shadow:0 0 24px rgba(242,148,146,0.6)}.dark .blog-post-card{border-color:#f29492}.blog-footer-credits,.blog-footer-credits>p{color:#fff !important}.blog-footer-area{background:#114357;background:-webkit-linear-gradient(to left,#114357,#f29492);background:linear-gradient(to left,#114357,#f29492);color:#fff}"},"customCSSEnabled":true,"menu":[{"priority":0,"_id":"604632c4d0457f4d5c58350c","type":"page","label":"About Me","page":{"_id":"5fa7afae0163314ab6d7fab5","priority":0,"title":"About Me","endpoint":"about-me"}},{"priority":0,"_id":"611fcaaaa5d08237f40df067","type":"series","label":"Next.js Fetching Methods","series":{"_id":"611de6b5a285e422d5a13b10","cuid":"cksignocq05l6vps15sh6657a","slug":"fetching-in-nextjs"}}],"audioBlogEnabled":true,"domainStatus":{"certIssued":true,"ready":true},"stripe":{},"isEligibleFor2021EoyReview":true,"pageViews2021":18922,"umamiWebsiteUUID":"7ba7b617-195d-4dca-95ff-968ab5328ab1","umamiDataImported":true,"wwwPrefixedDomain":"","domainUpdatedOn":"2022-11-02T09:13:49.385Z","wwwPrefixedDomainStatus":{"certIssued":false,"ready":false},"blockBackupAllButton":false,"fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"\n\n\n","plausibleAnalyticsEnabled":false,"wmPaymentPointer":"","metaHTMLSanitized":"Hey all! My name is Usman! I am 17 years old and learning web development and programming. I also have a YouTube channel on the subject of programming and mostly web development.\n","numPosts":30}

Subscribe to my newsletter

Recent articles

🎣 Webhooks Demystified - Get Real-Time Personal Notifications with Discord Webhooks

🛑 Why You Should Avoid the onclick Attribute in Your Code

🎉 Presenting Memoriez - A quick & easy journal