[{"_id":"674553711b8c712f137b3adf","publication":"64345adb47aba44dec0c1cbb","user":{"_id":"643459ce94d1164842da0529","isDeactivated":false,"numFollowers":0,"hasGoldRing":false,"name":"UI Dude","username":"uidude","tagline":"Building new apps from the ground up","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1681315437839/WaS9fmPbS.png"},"createdAt":"2024-11-26T04:49:46.219Z","memberName":"UI Dude","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1681315437839/WaS9fmPbS.png","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:46.219Z","username":"uidude","latestPosts":[{"_id":"64cfda91b37d5f35394cf10b","views":41,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":0,"isPinnedToBlog":false,"title":"Providers, a context API for TypeScript","cuid":"clkzq95ff00060amibazihw85","dateAdded":"2023-08-06T17:38:25.851Z","isCoverAttributionHidden":false,"coverImageAttribution":"","coverImagePhotographer":"","slug":"providers-a-context-api-for-typescript","brief":"The previous post discussed what context APIs are and why they are important.\nThis post outlines Providers, a halfway decent implementation of a TypeScript Context API we built for the NPE Toolkit.\nRecap: Goals for a TypeScript context API\n\nAllow sha...","author":"643459ce94d1164842da0529","readTime":5,"tags":["56744723958ef13879b954e0","56744723958ef13879b95434","56744722958ef13879b94f4d","56744722958ef13879b94ffb","56744720958ef13879b947c4"],"publication":{"_id":"64345adb47aba44dec0c1cbb","wwwPrefixedDomainStatus":{"certIssued":true,"ready":true},"views":{"today":0,"thisWeek":5,"lastWeek":12,"thisMonth":10,"allTime":655},"stripe":{"connected":false},"emailPreferences":{"draftSubmissionNotifications":true},"wwwPrefixedDomain":"www.uidude.dev","numFollowers":0,"badgePageEnabled":true,"membersPageEnabled":true,"newsletterPageEnabled":true,"newsletterEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":5,"1712102400":2,"1712534400":6,"1712707200":1,"1712793600":1,"1712880000":4,"1712966400":8,"1713484800":1,"1713571200":3,"1713744000":2,"1714435200":2,"1714521600":1},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":true,"disableFooterBranding":false,"domainChecklistSkipped":false,"umamiDataImported":true,"isGithubAsSourceConnected":false,"githubAsSourceDetails":null,"blockBackupAllButton":false,"blockBackupAllDraftsButton":false,"author":"643459ce94d1164842da0529","isActive":true,"username":"uidude","urlPattern":"simple","layout":"stacked","title":"UI Dude","links":{"twitter":"","instagram":"","github":"","website":"","hashnode":"https://hashnode.com/@uidude","youtube":"","dailydev":"","linkedin":"","mastodon":""},"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2023-04-12T15:59:04.827Z","customRules":[],"menu":[],"__v":0,"umamiWebsiteUUID":"753f99ca-36f3-479f-9ed3-e1d71485bb02","headerColor":"#6e1908","imprint":"","imprintMarkdown":"","meta":"Building new apps from the ground up","metaHTML":"

Building new apps from the ground up

\n","fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"","wmPaymentPointer":"","customCSSDraft":{"home":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n@media (max-width: 768px) {\n .container { margin-top: -20px; }\n}\n\n.blog-sub-header > div[data-tom*=hidden] {\n margin-top: -36px !important;\n}","post":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n /* margin-top: -20px;*/\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/\n\n/* Comment */\n.hljs-meta,\n.hljs-comment {\n color: #9699a3 !important;\n}\n\n/* Red */\n/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */\n.hljs-tag,\n.hljs-doctag,\n.hljs-selector-id,\n.hljs-selector-class,\n.hljs-regexp,\n.hljs-template-tag,\n.hljs-selector-pseudo,\n.hljs-selector-attr,\n.hljs-variable.language_,\n.hljs-deletion {\n color: #8c4351 !important;\n}\n\n/*Orange */\n/*INFO: Number and Boolean constants, Language support constants */\n.hljs-variable,\n.hljs-template-variable,\n.hljs-number,\n.hljs-literal,\n.hljs-type,\n.hljs-params,\n.hljs-link {\n color: #965027 !important;\n}\n\n\n/* Yellow */\n/* INFO: \tFunction parameters, Regex character sets, Terminal Yellow */\n.hljs-built_in, \n.hljs-attribute {\n color: #8f5e15 !important;\n}\n/* cyan */\n/* INFO: Language support functions, CSS HTML elements */\n.hljs-selector-tag {\n color: #166775 !important;\n}\n\n/* light blue */\n/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */\n.hljs-keyword,\n .hljs-title.function_,\n.hljs-function,\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-subst,\n.hljs-property {color: #0f4b6e !important;}\n\n/*Green*/\n/* INFO: Object literal keys, Markdown links, Terminal Green */\n.hljs-selector-tag { color: #33635c !important;}\n\n\n/*Green(er) */\n/* INFO: Strings, CSS class names */\n.hljs-quote,\n.hljs-string,\n.hljs-symbol,\n.hljs-bullet,\n.hljs-addition {\n color: #485e30 !important;\n}\n\n/* Blue */\n/* INFO: \tFunction names, CSS property names, Terminal Blue */\n.hljs-code,\n.hljs-formula,\n.hljs-section {\n color: #34548a !important;\n}\n\n\n\n/* Magenta */\n/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */\n.hljs-name,\n.hljs-keyword,\n.hljs-operator,\n.hljs-keyword,\n.hljs-char.escape_,\n.hljs-attr {\n color: #5a4a78 !important;\n}\n\n/* white*/\n/* INFO: Variables, Class names, Terminal White */\n.hljs-punctuation {color: #343b58 !important}\n\npre {\n background-color: #d5d6db !important;\n}\n\ncode {\n color: #565a6e !important;\n}\n\n.hljs {\n background: #d5d6db !important;\n color: #565a6e !important;\n}\n\n.hljs-emphasis {\n font-style: italic !important;\n}\n\n.hljs-strong {\n font-weight: bold !important;\n}","static":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}","homeMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}@media(max-width:768px){.container{margin-top:-20px}}.blog-sub-header>div[data-tom*=hidden]{margin-top:-36px !important}","postMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}a[href=\"/badges\"]{display:none !important}/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/.hljs-meta,.hljs-comment{color:#9699a3 !important}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#8c4351 !important}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#965027 !important}.hljs-built_in,.hljs-attribute{color:#8f5e15 !important}.hljs-selector-tag{color:#166775 !important}.hljs-keyword,.hljs-title.function_,.hljs-function,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#0f4b6e !important}.hljs-selector-tag{color:#33635c !important}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#485e30 !important}.hljs-code,.hljs-formula,.hljs-section{color:#34548a !important}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-keyword,.hljs-char.escape_,.hljs-attr{color:#5a4a78 !important}.hljs-punctuation{color:#343b58 !important}pre{background-color:#d5d6db !important}code{color:#565a6e !important}.hljs{background:#d5d6db !important;color:#565a6e !important}.hljs-emphasis{font-style:italic !important}.hljs-strong{font-weight:bold !important}","staticMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}"},"customCSSPublished":{"home":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n@media (max-width: 768px) {\n .container { margin-top: -20px; }\n}\n\n.blog-sub-header > div[data-tom*=hidden] {\n margin-top: -36px !important;\n}","post":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n /* margin-top: -20px;*/\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/\n\n/* Comment */\n.hljs-meta,\n.hljs-comment {\n color: #9699a3 !important;\n}\n\n/* Red */\n/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */\n.hljs-tag,\n.hljs-doctag,\n.hljs-selector-id,\n.hljs-selector-class,\n.hljs-regexp,\n.hljs-template-tag,\n.hljs-selector-pseudo,\n.hljs-selector-attr,\n.hljs-variable.language_,\n.hljs-deletion {\n color: #8c4351 !important;\n}\n\n/*Orange */\n/*INFO: Number and Boolean constants, Language support constants */\n.hljs-variable,\n.hljs-template-variable,\n.hljs-number,\n.hljs-literal,\n.hljs-type,\n.hljs-params,\n.hljs-link {\n color: #965027 !important;\n}\n\n\n/* Yellow */\n/* INFO: \tFunction parameters, Regex character sets, Terminal Yellow */\n.hljs-built_in, \n.hljs-attribute {\n color: #8f5e15 !important;\n}\n/* cyan */\n/* INFO: Language support functions, CSS HTML elements */\n.hljs-selector-tag {\n color: #166775 !important;\n}\n\n/* light blue */\n/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */\n.hljs-keyword,\n .hljs-title.function_,\n.hljs-function,\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-subst,\n.hljs-property {color: #0f4b6e !important;}\n\n/*Green*/\n/* INFO: Object literal keys, Markdown links, Terminal Green */\n.hljs-selector-tag { color: #33635c !important;}\n\n\n/*Green(er) */\n/* INFO: Strings, CSS class names */\n.hljs-quote,\n.hljs-string,\n.hljs-symbol,\n.hljs-bullet,\n.hljs-addition {\n color: #485e30 !important;\n}\n\n/* Blue */\n/* INFO: \tFunction names, CSS property names, Terminal Blue */\n.hljs-code,\n.hljs-formula,\n.hljs-section {\n color: #34548a !important;\n}\n\n\n\n/* Magenta */\n/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */\n.hljs-name,\n.hljs-keyword,\n.hljs-operator,\n.hljs-keyword,\n.hljs-char.escape_,\n.hljs-attr {\n color: #5a4a78 !important;\n}\n\n/* white*/\n/* INFO: Variables, Class names, Terminal White */\n.hljs-punctuation {color: #343b58 !important}\n\npre {\n background-color: #d5d6db !important;\n}\n\ncode {\n color: #565a6e !important;\n}\n\n.hljs {\n background: #d5d6db !important;\n color: #565a6e !important;\n}\n\n.hljs-emphasis {\n font-style: italic !important;\n}\n\n.hljs-strong {\n font-weight: bold !important;\n}","static":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}","homeMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}@media(max-width:768px){.container{margin-top:-20px}}.blog-sub-header>div[data-tom*=hidden]{margin-top:-36px !important}","postMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}a[href=\"/badges\"]{display:none !important}/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/.hljs-meta,.hljs-comment{color:#9699a3 !important}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#8c4351 !important}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#965027 !important}.hljs-built_in,.hljs-attribute{color:#8f5e15 !important}.hljs-selector-tag{color:#166775 !important}.hljs-keyword,.hljs-title.function_,.hljs-function,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#0f4b6e !important}.hljs-selector-tag{color:#33635c !important}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#485e30 !important}.hljs-code,.hljs-formula,.hljs-section{color:#34548a !important}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-keyword,.hljs-char.escape_,.hljs-attr{color:#5a4a78 !important}.hljs-punctuation{color:#343b58 !important}pre{background-color:#d5d6db !important}code{color:#565a6e !important}.hljs{background:#d5d6db !important;color:#565a6e !important}.hljs-emphasis{font-style:italic !important}.hljs-strong{font-weight:bold !important}","staticMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}"},"hasBadges":true,"domain":"uidude.dev","createdAt":"2023-04-10T18:52:11.000Z","updatedAt":"2023-04-10T18:52:11.000Z","isTeam":true}},{"_id":"64cac4531cf47cb11d1278fc","views":25,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":10,"isPinnedToBlog":false,"title":"First, some context","cuid":"clku7rsbh000009mmgk3i0gmo","dateAdded":"2023-08-02T21:02:11.742Z","isCoverAttributionHidden":false,"coverImageAttribution":"","coverImagePhotographer":"","slug":"first-some-context","brief":"A context API is the foundation for re-usable complex libraries and components, and we don’t yet have a great context API for TypeScript client and server development (or at least that I’m aware of).\nContext allows code to access variables that aren’...","author":"643459ce94d1164842da0529","readTime":6,"tags":["56744723958ef13879b954e0","56744723958ef13879b95434","56744722958ef13879b94f4d","56744722958ef13879b94ffb","56744720958ef13879b947c4"],"publication":{"_id":"64345adb47aba44dec0c1cbb","wwwPrefixedDomainStatus":{"certIssued":true,"ready":true},"views":{"today":0,"thisWeek":5,"lastWeek":12,"thisMonth":10,"allTime":655},"stripe":{"connected":false},"emailPreferences":{"draftSubmissionNotifications":true},"wwwPrefixedDomain":"www.uidude.dev","numFollowers":0,"badgePageEnabled":true,"membersPageEnabled":true,"newsletterPageEnabled":true,"newsletterEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":5,"1712102400":2,"1712534400":6,"1712707200":1,"1712793600":1,"1712880000":4,"1712966400":8,"1713484800":1,"1713571200":3,"1713744000":2,"1714435200":2,"1714521600":1},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":true,"disableFooterBranding":false,"domainChecklistSkipped":false,"umamiDataImported":true,"isGithubAsSourceConnected":false,"githubAsSourceDetails":null,"blockBackupAllButton":false,"blockBackupAllDraftsButton":false,"author":"643459ce94d1164842da0529","isActive":true,"username":"uidude","urlPattern":"simple","layout":"stacked","title":"UI Dude","links":{"twitter":"","instagram":"","github":"","website":"","hashnode":"https://hashnode.com/@uidude","youtube":"","dailydev":"","linkedin":"","mastodon":""},"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2023-04-12T15:59:04.827Z","customRules":[],"menu":[],"__v":0,"umamiWebsiteUUID":"753f99ca-36f3-479f-9ed3-e1d71485bb02","headerColor":"#6e1908","imprint":"","imprintMarkdown":"","meta":"Building new apps from the ground up","metaHTML":"

Building new apps from the ground up

\n","fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"","wmPaymentPointer":"","customCSSDraft":{"home":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n@media (max-width: 768px) {\n .container { margin-top: -20px; }\n}\n\n.blog-sub-header > div[data-tom*=hidden] {\n margin-top: -36px !important;\n}","post":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n /* margin-top: -20px;*/\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/\n\n/* Comment */\n.hljs-meta,\n.hljs-comment {\n color: #9699a3 !important;\n}\n\n/* Red */\n/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */\n.hljs-tag,\n.hljs-doctag,\n.hljs-selector-id,\n.hljs-selector-class,\n.hljs-regexp,\n.hljs-template-tag,\n.hljs-selector-pseudo,\n.hljs-selector-attr,\n.hljs-variable.language_,\n.hljs-deletion {\n color: #8c4351 !important;\n}\n\n/*Orange */\n/*INFO: Number and Boolean constants, Language support constants */\n.hljs-variable,\n.hljs-template-variable,\n.hljs-number,\n.hljs-literal,\n.hljs-type,\n.hljs-params,\n.hljs-link {\n color: #965027 !important;\n}\n\n\n/* Yellow */\n/* INFO: \tFunction parameters, Regex character sets, Terminal Yellow */\n.hljs-built_in, \n.hljs-attribute {\n color: #8f5e15 !important;\n}\n/* cyan */\n/* INFO: Language support functions, CSS HTML elements */\n.hljs-selector-tag {\n color: #166775 !important;\n}\n\n/* light blue */\n/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */\n.hljs-keyword,\n .hljs-title.function_,\n.hljs-function,\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-subst,\n.hljs-property {color: #0f4b6e !important;}\n\n/*Green*/\n/* INFO: Object literal keys, Markdown links, Terminal Green */\n.hljs-selector-tag { color: #33635c !important;}\n\n\n/*Green(er) */\n/* INFO: Strings, CSS class names */\n.hljs-quote,\n.hljs-string,\n.hljs-symbol,\n.hljs-bullet,\n.hljs-addition {\n color: #485e30 !important;\n}\n\n/* Blue */\n/* INFO: \tFunction names, CSS property names, Terminal Blue */\n.hljs-code,\n.hljs-formula,\n.hljs-section {\n color: #34548a !important;\n}\n\n\n\n/* Magenta */\n/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */\n.hljs-name,\n.hljs-keyword,\n.hljs-operator,\n.hljs-keyword,\n.hljs-char.escape_,\n.hljs-attr {\n color: #5a4a78 !important;\n}\n\n/* white*/\n/* INFO: Variables, Class names, Terminal White */\n.hljs-punctuation {color: #343b58 !important}\n\npre {\n background-color: #d5d6db !important;\n}\n\ncode {\n color: #565a6e !important;\n}\n\n.hljs {\n background: #d5d6db !important;\n color: #565a6e !important;\n}\n\n.hljs-emphasis {\n font-style: italic !important;\n}\n\n.hljs-strong {\n font-weight: bold !important;\n}","static":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}","homeMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}@media(max-width:768px){.container{margin-top:-20px}}.blog-sub-header>div[data-tom*=hidden]{margin-top:-36px !important}","postMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}a[href=\"/badges\"]{display:none !important}/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/.hljs-meta,.hljs-comment{color:#9699a3 !important}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#8c4351 !important}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#965027 !important}.hljs-built_in,.hljs-attribute{color:#8f5e15 !important}.hljs-selector-tag{color:#166775 !important}.hljs-keyword,.hljs-title.function_,.hljs-function,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#0f4b6e !important}.hljs-selector-tag{color:#33635c !important}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#485e30 !important}.hljs-code,.hljs-formula,.hljs-section{color:#34548a !important}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-keyword,.hljs-char.escape_,.hljs-attr{color:#5a4a78 !important}.hljs-punctuation{color:#343b58 !important}pre{background-color:#d5d6db !important}code{color:#565a6e !important}.hljs{background:#d5d6db !important;color:#565a6e !important}.hljs-emphasis{font-style:italic !important}.hljs-strong{font-weight:bold !important}","staticMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}"},"customCSSPublished":{"home":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n@media (max-width: 768px) {\n .container { margin-top: -20px; }\n}\n\n.blog-sub-header > div[data-tom*=hidden] {\n margin-top: -36px !important;\n}","post":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n /* margin-top: -20px;*/\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}\n\n/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/\n\n/* Comment */\n.hljs-meta,\n.hljs-comment {\n color: #9699a3 !important;\n}\n\n/* Red */\n/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */\n.hljs-tag,\n.hljs-doctag,\n.hljs-selector-id,\n.hljs-selector-class,\n.hljs-regexp,\n.hljs-template-tag,\n.hljs-selector-pseudo,\n.hljs-selector-attr,\n.hljs-variable.language_,\n.hljs-deletion {\n color: #8c4351 !important;\n}\n\n/*Orange */\n/*INFO: Number and Boolean constants, Language support constants */\n.hljs-variable,\n.hljs-template-variable,\n.hljs-number,\n.hljs-literal,\n.hljs-type,\n.hljs-params,\n.hljs-link {\n color: #965027 !important;\n}\n\n\n/* Yellow */\n/* INFO: \tFunction parameters, Regex character sets, Terminal Yellow */\n.hljs-built_in, \n.hljs-attribute {\n color: #8f5e15 !important;\n}\n/* cyan */\n/* INFO: Language support functions, CSS HTML elements */\n.hljs-selector-tag {\n color: #166775 !important;\n}\n\n/* light blue */\n/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */\n.hljs-keyword,\n .hljs-title.function_,\n.hljs-function,\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-subst,\n.hljs-property {color: #0f4b6e !important;}\n\n/*Green*/\n/* INFO: Object literal keys, Markdown links, Terminal Green */\n.hljs-selector-tag { color: #33635c !important;}\n\n\n/*Green(er) */\n/* INFO: Strings, CSS class names */\n.hljs-quote,\n.hljs-string,\n.hljs-symbol,\n.hljs-bullet,\n.hljs-addition {\n color: #485e30 !important;\n}\n\n/* Blue */\n/* INFO: \tFunction names, CSS property names, Terminal Blue */\n.hljs-code,\n.hljs-formula,\n.hljs-section {\n color: #34548a !important;\n}\n\n\n\n/* Magenta */\n/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */\n.hljs-name,\n.hljs-keyword,\n.hljs-operator,\n.hljs-keyword,\n.hljs-char.escape_,\n.hljs-attr {\n color: #5a4a78 !important;\n}\n\n/* white*/\n/* INFO: Variables, Class names, Terminal White */\n.hljs-punctuation {color: #343b58 !important}\n\npre {\n background-color: #d5d6db !important;\n}\n\ncode {\n color: #565a6e !important;\n}\n\n.hljs {\n background: #d5d6db !important;\n color: #565a6e !important;\n}\n\n.hljs-emphasis {\n font-style: italic !important;\n}\n\n.hljs-strong {\n font-weight: bold !important;\n}","static":".blog-title {\n font-size: 36px !important;\n}\n\n.blog-social-media-section {\n display: none !important;\n}\n\ndiv > .blog-title {\n margin-top: -20px;\n}\n\na[href=\"/badges\"] {\n display: none !important;\n}","homeMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}@media(max-width:768px){.container{margin-top:-20px}}.blog-sub-header>div[data-tom*=hidden]{margin-top:-36px !important}","postMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}a[href=\"/badges\"]{display:none !important}/*!\n Theme: Tokyo-night-light\n origin: https://github.com/enkia/tokyo-night-vscode-theme\n Description: Original highlight.js style\n Author: (c) Henri Vandersleyen \n License: see project LICENSE\n Touched: 2022\n*/.hljs-meta,.hljs-comment{color:#9699a3 !important}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#8c4351 !important}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#965027 !important}.hljs-built_in,.hljs-attribute{color:#8f5e15 !important}.hljs-selector-tag{color:#166775 !important}.hljs-keyword,.hljs-title.function_,.hljs-function,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#0f4b6e !important}.hljs-selector-tag{color:#33635c !important}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#485e30 !important}.hljs-code,.hljs-formula,.hljs-section{color:#34548a !important}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-keyword,.hljs-char.escape_,.hljs-attr{color:#5a4a78 !important}.hljs-punctuation{color:#343b58 !important}pre{background-color:#d5d6db !important}code{color:#565a6e !important}.hljs{background:#d5d6db !important;color:#565a6e !important}.hljs-emphasis{font-style:italic !important}.hljs-strong{font-weight:bold !important}","staticMin":".blog-title{font-size:36px !important}.blog-social-media-section{display:none !important}div>.blog-title{margin-top:-20px}a[href=\"/badges\"]{display:none !important}"},"hasBadges":true,"domain":"uidude.dev","createdAt":"2023-04-10T18:52:11.000Z","updatedAt":"2023-04-10T18:52:11.000Z","isTeam":true},"series":null,"bookmarkedIn":[],"contributors":[],"coverImage":"","dateUpdated":"2023-08-06T17:36:19.877Z","isAnonymous":false,"reactionsByCurrentUser":[],"subtitle":"","upvotes":0}]}]

Members (1)

UI Dude