PageSourceSearch

https://thegradient.pub/write/

html thegradient.pub collected 2026-09-24 08:50:56 UTC 75,851 bytes, 710 lines download raw bytes

1<!doctype html>
2<html lang='en'>
3<head>
4  <meta charset='utf-8'>
5  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
6
7  <title>Write</title>
8  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
9
10  
11<link rel='preconnect' href='https://fonts.gstatic.com'>
12
13<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
14
15<link rel='preload' as='style' href='https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap'>
16<link rel='preload' as='style' href='https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap'>
17
18<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap' media='print' onload="this.media='all'">
19<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap' media='print' onload="this.media='all'">
20
21<noscript>
22  <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap'>
23  <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap'>
24</noscript>
25    <style>
26@charset "UTF-8";html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}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}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}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}progress{display:inline-block;vertical-align:baseline}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-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul{margin:0;padding:0}li>ol,li>ul{margin-bottom:0}table{border-collapse:collapse;border-spacing:0}.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:.5em .75em;font:normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:#1b1f23;border-radius:6px;opacity:0}
26.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:#1b1f23;pointer-events:none;content:"";border:6px solid transparent;opacity:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped:active::after,.tooltipped:active::before,.tooltipped:focus::after,.tooltipped:focus::before,.tooltipped:hover::after,.tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.tooltipped-no-delay:active::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:focus::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:hover::before{animation-delay:0s}.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after,.tooltipped-multiline:hover::after{display:table-cell}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:6px}.tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before{top:auto;right:50%;bottom:-7px;margin-right:-6px;border-bottom-color:#1b1f23}.tooltipped-se::after{right:auto;left:50%;margin-left:-16px}.tooltipped-sw::after{margin-right:-16px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:6px}.tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before{top:-7px;right:50%;bottom:auto;margin-right:-6px;border-top-color:#1b1f23}.tooltipped-ne::after{right:auto;left:50%;margin-left:-16px}.tooltipped-nw::after{margin-right:-16px}.tooltipped-n::after,.tooltipped-s::after{transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%)}.tooltipped-w::before{top:50%;bottom:50%;left:-7px;margin-top:-6px;border-left-color:#1b1f23}.tooltipped-e::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%)}.tooltipped-e::before{top:50%;right:-7px;bottom:50%;margin-top:-6px;border-right-color:#1b1f23}.tooltipped-align-right-1::after,.tooltipped-align-right-2::after{right:0;margin-right:0}.tooltipped-align-right-1::before{right:10px}.tooltipped-align-right-2::before{right:15px}.tooltipped-align-left-1::after,.tooltipped-align-left-2::after{left:0;margin-left:0}.tooltipped-align-left-1::before{left:5px}.tooltipped-align-left-2::before{left:10px}.tooltipped-multiline::after{width:-moz-max-content;width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-n::after,.tooltipped-multiline.tooltipped-s::after{right:auto;left:50%;transform:translateX(-50%)}.tooltipped-multiline.tooltipped-e::after,.tooltipped-multiline.tooltipped-w::after{right:100%}@media screen and (min-width:0\0){.tooltipped-multiline::after{width:250px}}.tooltipped-sticky::after,.tooltipped-sticky::before{display:inline-block}.tooltipped-sticky.tooltipped-multiline::after{display:table-cell}img[data-action=zoom]{cursor:pointer;cursor:-moz-zoom-in}.zoom-img,.zoom-img-wrap{position:relative;z-index:666;transition:all .3s}img.zoom-img{cursor:pointer;cursor:-moz-zoom-out}.zoom-overlay{z-index:420;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:"alpha(opacity=0)";opacity:0;transition:opacity .3s}.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}@keyframes spin{100%{transform:rotate(360deg)}}.icon{position:relative;display:inline-block;width:25px;height:25px;overflow:hidden;fill:currentColor}.icon__cnt{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0);-ms-transform:translate(.5px,-.3px)}.icon--m{width:50px;height:50px}.icon--l{width:100px;height:100px}.icon--xl{width:150px;height:150px}.icon--xxl{width:200px;height:200px}.icon__spinner{position:absolute;top:0;left:0;width:100%;height:100%}.icon--ei-spinner .icon__spinner,.icon--ei-spinner-2 .icon__spinner{animation:spin 1s steps(12) infinite}.icon--ei-spinner-3 .icon__spinner{animation:spin 1.5s linear infinite}.icon--ei-sc-facebook{fill:#3b5998}.icon--ei-sc-github{fill:#333}.icon--ei-sc-google-plus{fill:#dd4b39}.icon--ei-sc-instagram{fill:#3f729b}.icon--ei-sc-linkedin{fill:#0976b4}.icon--ei-sc-odnoklassniki{fill:#ed812b}.icon--ei-sc-skype{fill:#00aff0}.icon--ei-sc-soundcloud{fill:#f80}.icon--ei-sc-tumblr{fill:#35465c}.icon--ei-sc-twitter{fill:#55acee}.icon--ei-sc-vimeo{fill:#1ab7ea}.icon--ei-sc-vk{fill:#45668e}.icon--ei-sc-youtube{fill:#e52d27}.icon--ei-sc-pinterest{fill:#bd081c}.icon--ei-sc-telegram{fill:#08c}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.zoom-overlay{background-color:#fff}body{color:#222;font-size:16px;font-family:Rubik,Helvetica,Arial,sans-serif;line-height:32px;background-color:#fff;border:4px solid #f4f6f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:40em){body{border:8px solid #f4f6f8}}a{text-decoration:none;color:#222;transition:.5s}a:active,a:focus,a:hover{color:var(--ghost-accent-color);text-decoration:none}img{height:auto;display:block;max-width:100%;font-style:italic}hr{height:1px;margin:32px 0;border:0;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:initial}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}b,strong{font-weight:700}blockquote{padding-left:16px;border-left:4px solid var(--ghost-accent-color);font-style:italic;font-family:"Playfair Display",serif;font-size:20px}blockquote p{margin-bottom:0}pre{padding:32px}code,pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;font-family:Courier,monospace;font-size:16px;background-color:#f4f6f8}li code,p code{padding:3px 6px}pre[class*=language-]{padding:32px;margin-bottom:24px}code[class*=language-],pre[class*=language-]{white-space:pre-wrap;word-break:break-all;line-height:inherit}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;display:block;padding:16px;margin-bottom:16px;border:1px solid #ecf0f1;border-radius:0;line-height:initial;background-color:#fff;font-size:16px;font-family:Rubik,Helvetica,Arial,sans-serif}table{width:100%;max-width:100%}table td,table th{padding:16px;text-align:left;vertical-align:top;border-top:1px solid #ecf0f1;font-weight:400}table thead th{font-weight:500;text-transform:uppercase;font-size:14px;vertical-align:bottom;white-space:nowrap;border-bottom:2px solid #ecf0f1}table tbody+tbody{border-top:2px solid #ecf0f1}.responsive-table{display:block;width:100%;overflow-x:auto}dd,ol,ul{margin-left:16px}.o-grid{margin:0 auto;max-width:1200px}.o-grid::before{display:table;content:""}.o-grid::after{display:table;clear:both;content:""}@media (min-width:40em){.o-grid{display:flex;flex-wrap:wrap}}.o-grid .o-grid{margin-right:-16px;margin-left:-16px;padding:0}.o-grid--full{max-width:100vw}.o-grid__col{padding-right:16px;padding-left:16px}@media (min-width:40em){.o-grid__col{flex-grow:1}}.o-grid__col--1-3-s{width:33.3333333333%}.o-grid__col--2-3-s{width:66.6666666667%}.o-grid__col--1-4-s{width:25%}.o-grid__col--2-4-s{width:50%}.o-grid__col--3-4-s{width:75%}.o-grid__col--4-4-s{width:100%}@media (min-width:40em){.o-grid__col--1-3-m{width:33.3333333333%}.o-grid__col--2-3-m{width:66.6666666667%}.o-grid__col--1-4-m{width:25%}.o-grid__col--2-4-m{width:50%}.o-grid__col--3-4-m{width:75%}.o-grid__col--4-4-m{width:100%}}@media (min-width:64em){.o-grid__col--1-3-l{width:33.3333333333%}.o-grid__col--2-3-l{width:66.6666666667%}.o-grid__col--1-4-l{width:25%}.o-grid__col--2-4-l{width:50%}.o-grid__col--3-4-l{width:75%}.o-grid__col--4-4-l{width:100%}}.o-grid__col--full{width:100%}.o-grid__col--center{margin:0 auto;flex-grow:initial}.o-grid__col--end{margin-left:auto}.o-grid__col--initial-grow{flex-grow:initial}.c-off-canvas-container{display:flex;min-height:100vh;flex-direction:column}.c-off-canvas-container .o-wrapper{flex:1 0 auto}.o-plain-list{margin:0;padding:0;list-style:none}.c-header{position:relative;padding:32px 0}@media (min-width:40em){.c-header{padding:48px 0}}@media (min-width:64em){.c-header{padding:64px 0}}@media (min-width:40em){.c-logo{margin:0 auto;text-align:center;margin-bottom:32px}}.c-logo__link{display:block;color:var(--ghost-accent-color);font-family:"Playfair Display",serif;font-size:24px;transition:color .5s ease-in-out}@media (min-width:40em){.c-logo__link{font-size:38px}}.c-logo__img{max-height:32px}@media (min-width:40em){.c-logo__img{margin:0 auto;max-height:64px}}@media (min-width:64em){.c-logo__img{max-height:96px}}@media (min-width:40em){.c-nav{position:relative;z-index:1;display:inline-block;line-height:1;background-color:#fff;padding:0 32px}.c-nav-wrap{text-align:center}.c-nav-wrap:after{content:"";position:absolute;height:1px;background-color:#ecf0f1;width:100%;top:50%;left:0}}.c-nav__item{display:block;font-size:14px;letter-spacing:2px;text-transform:uppercase}@media (min-width:40em){.c-nav__item:not(:last-child){margin-right:8px}}@media (min-width:64em){.c-nav__item:not(:last-child){margin-right:16px}}@media (min-width:40em){.c-nav__item{display:inline-block}}.c-nav__link{display:block;transition:.5s}@media (max-width:39.99em){.c-nav__link{padding:4px 0}}.c-nav__link--current{color:var(--ghost-accent-color)}.home-template .c-nav__link--current:not(:hover){color:#222}.c-nav__link:active,.c-nav__link:focus,.c-nav__link:hover{color:var(--ghost-accent-color)}.c-nav__icon{vertical-align:middle}.c-nav__item--search{vertical-align:sub}.c-off-canvas-toggle{position:absolute;top:40px;right:20px;z-index:10;height:24px;width:24px;
26cursor:pointer}@media (min-width:40em){.c-off-canvas-toggle{display:none}}.c-off-canvas-toggle__icon{position:absolute;left:0;height:1px;width:25px;background:#222;cursor:pointer}.c-off-canvas-toggle__icon:after,.c-off-canvas-toggle__icon:before{content:"";display:block;height:100%;background-color:inherit;transition:.5s}.c-off-canvas-toggle__icon:before{transform:translateY(16px)}.c-off-canvas-toggle__icon:after{transform:translateY(7px)}.c-off-canvas-toggle--close .c-off-canvas-toggle__icon{height:2px;background-color:transparent}.c-off-canvas-toggle--close .c-off-canvas-toggle__icon:after,.c-off-canvas-toggle--close .c-off-canvas-toggle__icon:before{position:relative;visibility:visible;background:#222}.c-off-canvas-toggle--close .c-off-canvas-toggle__icon:before{top:11px;transform:rotate(-45deg)}.c-off-canvas-toggle--close .c-off-canvas-toggle__icon:after{top:9px;transform:rotate(45deg)}@media (max-width:39.99em){.c-off-canvas-toggle--close{top:32px}}@media (min-width:40em){.c-off-canvas-content{position:relative}}@media (max-width:39.99em){body,html{height:100%;overflow-x:hidden}.c-off-canvas-content{position:fixed;top:0;right:-4px;z-index:1;width:300px;height:100vh;overflow-y:auto;padding:32px 40px;background-color:#fff;transform:translate3d(300px,0,0)}}@media screen and (max-width:39.99em) and (-ms-high-contrast:active),(max-width:39.99em) and (-ms-high-contrast:none){.c-off-canvas-content.is-active{right:308px}}@media (max-width:39.99em){.c-off-canvas-container{-webkit-perspective:1000;transition:transform .5s cubic-bezier(.565,1.65,.765,.88)}.c-off-canvas-container.is-active{transform:translate3d(-304px,0,0)}.c-off-canvas-container.is-active:after{position:fixed;top:0;right:0;bottom:0;left:0;content:"";background-color:rgba(0,0,0,.2)}}.c-archive{padding:32px;margin-bottom:32px;background-color:#f4f6f8;border:1px solid #ecf0f1}.c-archive__title{margin-bottom:0;font-size:19px}.c-archive__description{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px}.c-post-card{position:relative;display:flex;width:100%;flex-direction:column;margin-bottom:32px}.c-post-card-wrap{display:flex;transition:transform .5s ease}.c-post-card--raw{justify-content:center;background-color:#f4f6f8;padding:40px}.c-post-card--raw .c-post-card__content{flex-grow:unset}.c-post-card--raw .c-post-card__tags{margin-top:0}.c-post-card--raw .c-post-card__share{top:-4px}.c-post-card__media{overflow:hidden;background-color:#f4f6f8}.c-post-card__image-wrap{display:block;position:relative;padding-top:75%}@media (min-width:64em){.home-template .c-post-card-wrap:nth-of-type(1) .c-post-card .c-post-card__image-wrap{padding-top:calc(60% - 32px)}}@media (min-width:64em){.home-template .c-post-card-wrap:nth-of-type(2) .c-post-card .c-post-card__image-wrap{padding-top:calc(125.2% - 32px)}}.c-post-card__image{width:100%;height:100%;position:absolute;top:0;-o-object-fit:cover;object-fit:cover}.c-post-card__content{flex-grow:1}.c-post-card__tags{float:left;padding-left:8px;margin-top:20px;margin-bottom:14px;border-left:2px solid var(--ghost-accent-color);line-height:1;font-size:12px;color:#5d738d;text-transform:uppercase;letter-spacing:1px}.c-post-card__tags a{text-transform:uppercase;color:#5d738d;margin-right:4px;margin-left:4px}.c-post-card__tags a:first-child{margin-left:0}.c-post-card__tags a:active,.c-post-card__tags a:focus,.c-post-card__tags a:hover{color:#222}.c-post-card__share{float:right;position:relative;top:14px;right:-4px;opacity:0;transition:all .5s ease-in-out}.c-post-card__share-icon{width:20px;height:20px;vertical-align:top}.c-post-card__share-icon-twitter{fill:#1da1f2}.c-post-card__share-icon-facebook{fill:#3b5998}.c-post-card__share-icon-linkedin{fill:#0077b5}.c-post-card__share-icon-pinterest{fill:#bd081c}.c-post-card__title-link{border-bottom:1px solid transparent;transition:border-bottom .5s ease-in-out}.c-post-card__title{clear:both;margin-bottom:14px;font-size:19px;font-weight:500;transition:.5s}.c-post-card__excerpt{display:none;margin-bottom:0;color:#5d738d;font-size:14px;line-height:22px}.c-post-card__meta{line-height:1;font-size:12px;color:#5d738d;text-transform:uppercase;letter-spacing:1px}.c-post-card__author{display:inline-block}.c-post-card__author a{color:#5d738d}.c-post-card__author a:active,.c-post-card__author a:focus,.c-post-card__author a:hover{color:#222}.c-post-card__author:before{content:"/";display:inline-block;padding-left:4px;margin-right:8px}.c-post-card--featured__icon{position:absolute;bottom:16px;left:16px;fill:#fff;background-color:rgba(0,0,0,.05)}.c-post-card:active .c-post-card__image-wrap,.c-post-card:focus .c-post-card__image-wrap,.c-post-card:hover .c-post-card__image-wrap{transform:scale(1.01)}.c-post-card:active .c-post-card__image:before,.c-post-card:focus .c-post-card__image:before,.c-post-card:hover .c-post-card__image:before{opacity:.1}.c-post-card:active .c-post-card__share,.c-post-card:focus .c-post-card__share,.c-post-card:hover .c-post-card__share{opacity:1}.c-post-card:active .c-post-card__title-link,.c-post-card:focus .c-post-card__title-link,.c-post-card:hover .c-post-card__title-link{color:#222;border-bottom:1px solid var(--ghost-accent-color)}.c-teaser{display:flex;align-items:center;line-height:1;padding-left:16px;padding-top:16px}@media (min-width:40em) and (max-width:63.99em){.c-teaser{display:block;padding-left:0;line-height:inherit}}.c-teaser:not(:last-child){padding-bottom:16px;border-bottom:1px solid #ecf0f1}@media (min-width:40em) and (max-width:63.99em){.c-teaser:not(:last-child){padding-top:8px;padding-bottom:24px}}.c-teaser:first-of-type{padding-top:0}.c-teaser:before{counter-increment:widget;content:counter(widget) ". ";position:relative;
26left:-16px;line-height:1;font-size:19px;font-style:italic;font-family:"Playfair Display",serif;color:var(--ghost-accent-color)}@media (min-width:40em) and (max-width:63.99em){.c-teaser:before{left:0}}.c-teaser__content{flex:1}.c-teaser__media{margin-left:16px;background-color:#f4f6f8}@media (min-width:40em) and (max-width:63.99em){.c-teaser__media{margin-left:0}}.c-teaser__image{width:64px;height:48px;-o-object-fit:cover;object-fit:cover}@media (min-width:40em) and (max-width:63.99em){.c-teaser__image{width:100%;height:100%}}.c-teaser__title{margin-bottom:8px;font-size:14px;font-weight:500}@media (min-width:40em) and (max-width:63.99em){.c-teaser__title{margin-bottom:0}}.c-teaser__date{line-height:1;font-size:12px;color:#5d738d;text-transform:uppercase;letter-spacing:1px}.c-author-card{width:100%;padding:32px;margin-bottom:32px;background-color:#f4f6f8;border:1px solid #ecf0f1}.c-author-card-wrap{display:flex}@media (max-width:39.99em){.c-author-card{text-align:center}}@media (min-width:40em){.c-author-card{display:flex;align-items:center}}.c-author-card__media{border-radius:100%;background-color:#fff;width:88px;height:88px}@media (max-width:39.99em){.c-author-card__media{margin:auto;margin-bottom:16px}}@media (min-width:40em){.c-author-card__media{margin-right:32px}}@media (min-width:40em){.c-author-card__content{flex:1}}.c-author-card__image{-o-object-fit:cover;object-fit:cover;border-radius:100%;box-shadow:0 0 0 4px #fff;width:88px;height:88px}@media (max-width:39.99em){.c-author-card__image{margin:0 auto}}.c-author-card__title{margin-bottom:4px;font-size:19px;font-weight:500}.c-author-card__bio{font-size:14px;line-height:22px}@media (min-width:40em){.c-author-card__bio{margin-bottom:0}}.c-author-card-links{display:flex;flex-wrap:wrap;align-items:center;margin:0;list-style:none}@media (max-width:39.99em){.c-author-card-links{justify-content:center}}.c-author-card-links-item{color:#5d738d;font-size:12px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center}.c-author-card-links-item:not(:last-child){margin-right:4px}.c-author-card-links-icon{fill:#5d738d;vertical-align:middle;transition:.5s}.c-author-card-links-icon:active,.c-author-card-links-icon:focus,.c-author-card-links-icon:hover{fill:var(--ghost-accent-color)}.c-pagination{margin-top:32px;margin-bottom:32px}@media (min-width:40em){.c-member-plans{display:flex;align-items:stretch;justify-content:center}.c-member-plan{flex:1 1 auto;display:flex;flex-direction:column}.c-member-plan+.c-member-plan{margin-left:32px}}.c-member-plan{padding:32px;margin-bottom:32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 0 1px rgba(1,0,0,.1)}.c-member-plan__header{position:relative;padding-bottom:24px;color:#5d738d;text-align:center}.c-member-plan__title{margin-bottom:24px;color:#222;font-weight:500;text-transform:uppercase;letter-spacing:1px}.c-member-plan__amount{color:#222;font-size:28px}.c-member-plan__content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}.c-member-plan__list{margin:0;padding:0;margin-bottom:32px;list-style:none}.c-member-plan__list li{position:relative;margin:0;font-size:14px;padding:0 0 8px 24px}.c-member-plan__list li:last-child{padding-bottom:0}.c-member-plan__list li:before{display:block;position:absolute;left:0;font-size:12px;font-weight:700;color:var(--ghost-accent-color);content:"✓"}.c-post-upgrade-cta{text-align:center;background-color:#f4f6f8;padding:24px}@media (min-width:40em){.c-post-upgrade-cta{padding:40px}}.c-post-upgrade-cta__title{font-size:24px;margin-bottom:24px}.c-post-upgrade-cta .c-btn{margin-bottom:16px}.c-post-hero__media{display:block;position:relative;padding-top:58%;background-color:#f4f6f8}@media (min-width:64em){.c-post-hero__media{margin-right:-32px}}.c-post-hero__image{width:100%;height:100%;position:absolute;top:0;-o-object-fit:cover;object-fit:cover;background-color:#f4f6f8}.c-post-hero__content{background-color:#f4f6f8;border-style:solid;border-width:0 1px 1px 1px;border-color:#ecf0f1;padding:24px}@media (min-width:64em){.c-post-hero__content{padding:32px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;border-width:1px;border-color:#ecf0f1 #ecf0f1 #ecf0f1 #fff}}.c-post-hero__content--raw{border-width:1px;border-color:#ecf0f1;text-align:center}.c-post-hero__content--raw .c-post-hero__title{margin:0 auto;max-width:60%}.c-post-hero__title{margin-bottom:0;font-family:"Playfair Display",serif;font-size:24px}@media (min-width:40em){.c-post-hero__title{font-size:28px}}@media (min-width:64em){.c-post-hero__title{font-size:32px;margin-top:auto}}.c-post-hero__meta{font-size:12px;color:#5d738d;text-transform:uppercase;letter-spacing:1px}.c-post{padding-top:24px;margin-bottom:24px}@media (min-width:64em){.c-post{padding-top:32px;margin-bottom:32px}}.c-content{display:flex;align-items:center;flex-direction:column;word-break:break-word;margin-bottom:32px}.c-content>*{width:auto;min-width:100%}.c-content>*+*{margin-top:32px}.c-content hr{margin-bottom:0}@media (max-width:39.99em){.c-content img{max-width:100vw;pointer-events:none}}.c-content a:not(.c-btn){text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.c-content a:not(.c-btn):active,.c-content a:not(.c-btn):focus,.c-content a:not(.c-btn):hover{color:var(--ghost-accent-color)}.c-content h1,.c-content h2,.c-content h3,.c-content h4,.c-content h5,.c-content h6{font-weight:500;margin-top:32px}.c-content h1:first-child,.c-content h2:first-child,.c-content h3:first-child,.c-content h4:first-child,.c-content h5:first-child,.c-content h6:first-child{margin-top:0}.c-content h1+*,.c-content h2+*,.c-content h3+*,.c-content h4+*,.c-content h5+*,.c-content h6+*{margin-top:8px}.c-content dd:not(:root:root),.c-content ol:not(:root:root),.c-content ul:not(:root:root){-webkit-padding-start:8px}.c-content .gh-post-upgrade-cta{display:none;visibility:hidden}.kg-embed-card{display:flex;align-items:center;flex-direction:column}.kg-embed-card>*{width:100%}.kg-card figcaption{width:100%;text-align:center;color:#5d738d;font-size:14px;line-height:22px;padding:8px 16px 0 16px}.kg-image{margin:auto}@media (min-width:40em){.is-page .c-content .kg-width-full .kg-image{max-width:100vw;pointer-events:none}}@media (min-width:40em){.is-page .c-content .kg-width-wide .kg-image{max-width:75vw}}@media (min-width:64em){.is-page .c-content .kg-width-wide .kg-image{max-width:1200px;padding-right:16px;padding-left:16px}}.kg-gallery-container{display:flex;flex-direction:column}.is-page .kg-gallery-container{width:100vw}@media (min-width:40em){.is-page .kg-gallery-container{max-width:75vw}}@media (min-width:64em){.is-page .kg-gallery-container{max-width:1200px;padding-right:16px;padding-left:16px}}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:16px 0 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 16px}.is-dropcap>p:first-child::first-letter{float:left;height:42px;margin-top:12px;margin-right:8px;color:var(--ghost-accent-color);font-size:62px;line-height:42px;font-style:normal;font-weight:400}.is-dropcap>p:first-child::after{content:"";display:table;clear:both}.c-share{display:flex}@media (max-width:63.99em){.c-share{margin-top:16px}}.c-share__item{flex:1;text-align:center}.c-share__item:not(:last-child){border-right:4px solid #fff}.c-share__link{display:block;padding:2px;background-color:#5d738d;transition:.5s}.c-share__link:active,.c-share__link:focus,.c-share__link:hover{opacity:.8}.c-share__link--twitter{background-color:#1da1f2}.c-share__link--facebook{background-color:#3b5998}.c-share__link--linkedin{background-color:#0077b5}.c-share__link--pinterest{background-color:#bd081c}.c-share__link--email{background-color:#000}.c-share__link--clipboard{background-color:#44bd32}.c-share__icon{vertical-align:middle;fill:#fff}.c-author{width:100%;padding:32px;margin-bottom:32px;background-color:#f4f6f8;border:1px solid #ecf0f1}@media (max-width:39.99em){.c-author{text-align:center}}@media (min-width:40em){.c-author{display:flex;align-items:center}}@media (max-width:39.99em){.c-author__media{margin-bottom:16px}}@media (min-width:40em){.c-author__media{margin-right:32px}}@media (min-width:40em){.c-author__content{flex:3;padding-right:32px;margin-right:32px;border-right:1px solid #ecf0f1}}.c-author__image{-o-object-fit:cover;object-fit:cover;border-radius:100%;box-shadow:0 0 0 4px #fff;width:88px;height:88px}@media (max-width:39.99em){.c-author__image{margin:0 auto}}.c-author__title{margin-bottom:8px;font-size:19px}.c-author__bio{font-size:14px;line-height:22px}@media (min-width:40em){.c-author__bio{margin-bottom:0}}@media (min-width:40em){.c-author__links{flex:1}}.c-author__links-item{color:#5d738d;display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1px;line-height:22px}.c-author__links-icon{fill:#5d738d;vertical-align:bottom;transition:.5s}.c-author__links-icon:active,.c-author__links-icon:focus,.c-author__links-icon:hover{fill:var
26(--ghost-accent-color)}.c-tags{overflow:hidden}.c-tags a{float:left;padding:8px 20px;margin:0 8px 8px 0;font-size:14px;font-weight:400;font-family:Rubik,Helvetica,Arial,sans-serif;line-height:22px;color:#5d738d;background-color:#f4f6f8;transition:.5s}@media (max-width:39.99em){.c-tags a{margin-bottom:14px}}.c-tags a:active,.c-tags a:focus,.c-tags a:hover{color:#778da6;text-decoration:none}.c-tag-card{position:relative;margin-bottom:32px;background-color:#f4f6f8}.c-tag-card--solid{background-color:#222}.c-tag-card__image{display:block;background-position:50%;background-repeat:no-repeat;background-size:cover}.c-tag-card__image:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";transition:.5s;background:linear-gradient(0deg,#000 0,transparent 50%)}.c-tag-card__image:after{display:block;content:"";width:100%;padding-bottom:75%}.c-tag-card__title{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff;font-size:19px;font-weight:500}.c-tag-card:active .c-tag-card__image:before,.c-tag-card:focus .c-tag-card__image:before,.c-tag-card:hover .c-tag-card__image:before{background-color:rgba(0,0,0,.1)}.c-btn{display:inline-block;padding:16px 32px;border-radius:0;cursor:pointer;transition:250ms;text-align:center;vertical-align:middle;white-space:nowrap;line-height:initial;border:none;background-color:#fff;font-size:16px;font-family:Rubik,Helvetica,Arial,sans-serif;border:1px solid #000;font-size:14px;letter-spacing:1px}.c-btn:active,.c-btn:focus,.c-btn:hover{color:#fff;text-decoration:none;background-color:var(--ghost-accent-color);border-color:var(--ghost-accent-color)}.c-btn--active{color:#fff;background-color:var(--ghost-accent-color);border-color:var(--ghost-accent-color);text-decoration:none}.c-btn--active:active,.c-btn--active:focus,.c-btn--active:hover{opacity:.9;border-color:var(--ghost-accent-color)}.c-btn--disabled{opacity:.5;cursor:not-allowed;border-color:#5d738d}.c-btn--full{width:100%}.c-btn--small{padding:12px 24px}.c-btn--loading,.c-btn.loading,.c-subscribe-form.loading .c-btn{display:flex;align-items:center;justify-content:center}.c-btn--loading:after,.c-btn.loading:after,.c-subscribe-form.loading .c-btn:after{margin-left:8px;content:"";display:block;height:16px;width:16px;border:2px solid #fff;border-radius:100%;border-right-color:transparent;border-top-color:transparent;animation:spin .5s infinite linear}.c-subscribe-form{padding:32px;background-color:#fff;border:1px solid #ecf0f1}@media (min-width:64em){.c-subscribe-form{display:flex;flex-wrap:wrap}.c-subscribe-form .form-group{width:100%;display:flex}.c-subscribe-form__btn{flex:3}}.c-subscribe-form__input[type=email]{padding-left:0;border:0;min-width:1px;color:#222;background-color:#fff;border-bottom:1px solid #ecf0f1}@media (min-width:64em){.c-subscribe-form__input[type=email]{margin:0}}.c-subscribe-form__input[type=email]:focus{outline:0;border-color:var(--ghost-accent-color)}.c-subscribe-form .u-alert{display:none}
26.c-subscribe-form.error .u-alert--error,.c-subscribe-form.invalid .u-alert--invalid,.c-subscribe-form.success .u-alert--success{display:block}.kg-bookmark-card{width:100%}a.kg-bookmark-container{display:flex;min-height:148px;line-height:1.5;border-bottom:0;color:#222;font-family:Rubik,Helvetica,Arial,sans-serif;transition:.5s;background-color:#f4f6f8;text-decoration:none!important}a.kg-bookmark-container:active,a.kg-bookmark-container:focus,a.kg-bookmark-container:hover{color:var(--ghost-accent-color);background-color:#f4f6f8}.kg-bookmark-content{display:flex;flex-grow:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:24px}.kg-bookmark-title{font-size:16px;font-weight:500}.kg-bookmark-description{display:-webkit-box;color:#5d738d;font-size:12px;margin-top:8px;max-height:48px;overflow-y:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kg-bookmark-metadata{display:flex;align-items:center;font-size:12px;color:#5d738d;margin-top:8px;flex-wrap:wrap}.kg-bookmark-publisher{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.kg-bookmark-icon{width:24px;height:24px;margin-right:8px}.kg-bookmark-author:after{content:"•";margin:0 8px}.kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:39.99em){.kg-bookmark-container{flex-direction:column}.kg-bookmark-thumbnail{order:1;width:100%;min-height:160px}.kg-bookmark-content{order:2}}.c-content .kg-toggle-card-icon{margin-top:0}.c-content .kg-product-card .kg-product-card-image{max-width:100%}.c-sidebar{margin-bottom:32px}.c-widget{padding:32px;border-left:1px solid #ecf0f1;border-right:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;counter-reset:widget}@media (max-width:39.99em){.c-widget{padding:32px;border-right:1px solid #ecf0f1}}@media (max-width:39.99em){.c-widget:first-child{border-top:1px solid #ecf0f1}}.c-widget__title{padding-left:8px;margin-bottom:24px;line-height:1;letter-spacing:1px;border-left:2px solid var(--ghost-accent-color);font-size:14px;text-transform:uppercase}.c-widget-author{text-align:center}.c-widget-author__media{margin:0 auto;margin-bottom:16px;border-radius:100%;background-color:#f4f6f8;width:88px;height:88px}.c-widget-author__image{-o-object-fit:cover;object-fit:cover;border-radius:100%;box-shadow:0 0 0 4px #f4f6f8;width:88px;height:88px}.c-widget-author__title{margin-bottom:8px;font-size:19px}.c-widget-author__bio{margin-bottom:0;font-size:14px;line-height:22px}.c-related{padding:32px 0 0;background-color:#f4f6f8;margin-bottom:-32px}@media (min-width:64em){.c-related{padding:48px 0 32px 0}}.c-related__title{padding-bottom:0;margin-bottom:32px;text-align:center;font-size:19px;font-family:"Playfair Display",serif}@media (min-width:64em){.c-related__title{margin-bottom:48px;font-size:24px}}.c-related .c-post-card{padding:16px;background-color:#fff;border:1px solid #ecf0f1}.c-social-icons{text-align:center}@media (min-width:40em){.c-social-icons{text-align:right}}.c-social-icons li{display:inline-block}.c-social-icons a{display:flex}.c-social-icons__icon{fill:#5d738d}.c-footer{margin-top:32px;padding:32px 0 32px 0;border-top:2px solid #fff;background-color:#f4f6f8}@media (min-width:64em){.c-footer{padding:80px 0 16px 0}}.c-footer__bottom{margin-top:16px;padding-top:32px;border-top:1px solid #ecf0f1}.c-footer__copyright{color:#5d738d}.c-footer__copyright a{color:#5d738d}.c-footer__copyright a:active,.c-footer__copyright a:focus,.c-footer__copyright a:hover{color:var(--ghost-accent-color)}@media (max-width:39.99em){.c-footer__copyright{text-align:center;margin-bottom:8px}}.c-footer-list{margin-bottom:16px}.c-footer-list li{display:block;margin:0;letter-spacing:0;text-transform:capitalize}.c-footer-list a{display:block;padding:0;font-size:14px}.c-footer-list a:active,.c-footer-list a:focus,.c-footer-list a:hover{color:var(--ghost-accent-color)}.c-footer-list a:active .icon,.c-footer-list a:focus .icon,.c-footer-list a:hover .icon{fill:var(--ghost-accent-color)}.c-footer-list .icon{fill:#5d738d;vertical-align:middle;transition:.5s}.u-hidden{display:none}.u-hidden-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.u-font-family-serif{font-family:"Playfair Display",serif}.u-font-family-sans-serif{font-family:Rubik,Helvetica,Arial,sans-serif}.u-font-size-medium{font-size:16px;line-height:25px}.u-font-size-small{font-size:14px;line-height:22px}.u-font-size-tiny{font-size:12px;line-height:19px}
26.u-font-weight-light{font-weight:300}.u-font-weight-regular{font-weight:400}.u-font-weight-medium{font-weight:500}.u-type-uppercase{text-transform:uppercase}.u-link{color:var(--ghost-accent-color)}.u-link:active,.u-link:focus,.u-link:hover{text-decoration:underline}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-text-center{text-align:center}.u-text-justify{text-align:justify}.u-color-gray{color:#5d738d}.u-color-error{color:#bf3157}.u-alert{font-weight:500;font-size:12px;font-family:Rubik,Helvetica,Arial,sans-serif}.u-alert--success{color:#097756}.u-alert--invalid{color:#bf3157}.u-alert--error{color:#bf3157}.u-mt-8{margin-top:8px}.u-mt-16{margin-top:16px}.u-mb-8{margin-bottom:8px}.u-mb-16{margin-bottom:16px}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity .5s ease}.u-inline{display:inline}.u-block{display:block}.u-inline-block{display:inline-block}.u-left{float:left}.u-right{float:right}.u-clearfix::before{display:table;content:""}.u-clearfix::after{display:table;clear:both;content:""}
27</style>
28  
28<script>
29    var site_url                            = 'https://thegradient.pub',
30        pagination_next_page_number         = '',
31        pagination_available_pages_number   = '',
32        pagination_loading_text             = 'Loading',
33        pagination_more_posts_text          = 'More Posts',
34        clipboard_copied_text               = 'Link copied to clipboard';
35  </script>
35
36
37  <meta name="description" content="An explanation of why and how to write for The Gradient." />
38    <link rel="icon" href="https://thegradient.pub/content/images/size/w256h256/2018/02/icon.png" type="image/png" />
39    <link rel="canonical" href="https://thegradient.pub/write/" />
40    <meta name="referrer" content="no-referrer-when-downgrade" />
41    
42    <meta property="og:site_name" content="The Gradient" />
43    <meta property="og:type" content="website" />
44    <meta property="og:title" content="Write" />
45    <meta property="og:description" content="An explanation of why and how to write for The Gradient." />
46    <meta property="og:url" content="https://thegradient.pub/write/" />
47    <meta property="og:image" content="https://thegradient.pub/content/images/2020/04/gradient-800x450.png" />
48    <meta property="article:published_time" content="2020-04-07T19:07:07.000Z" />
49    <meta property="article:modified_time" content="2022-12-29T21:17:24.000Z" />
50    <meta property="article:publisher" content="https://www.facebook.com/gradientpub/" />
51    <meta name="twitter:card" content="summary_large_image" />
52    <meta name="twitter:title" content="Write" />
53    <meta name="twitter:description" content="An explanation of why and how to write for The Gradient." />
54    <meta name="twitter:url" content="https://thegradient.pub/write/" />
55    <meta name="twitter:image" content="https://thegradient.pub/content/images/2020/04/gradient-800x450.png" />
56    <meta name="twitter:label1" content="Written by" />
57    <meta name="twitter:data1" content="The Gradient" />
58    <meta name="twitter:site" content="@gradientpub" />
59    <meta property="og:image:width" content="800" />
60    <meta property="og:image:height" content="450" />
61    
62    
62<script type="application/ld+json">
63{
64    "@context": "https://schema.org",
65    "@type": "Article",
66    "publisher": {
67        "@type": "Organization",
68        "name": "The Gradient",
69        "url": "https://thegradient.pub/",
70        "logo": {
71            "@type": "ImageObject",
72            "url": "https://thegradient.pub/content/images/2022/08/gradient_logo-2.png"
73        }
74    },
75    "author": {
76        "@type": "Person",
77        "name": "The Gradient",
78        "url": "https://thegradient.pub/author/the/",
79        "sameAs": []
80    },
81    "headline": "Write",
82    "url": "https://thegradient.pub/write/",
83    "datePublished": "2020-04-07T19:07:07.000Z",
84    "dateModified": "2022-12-29T21:17:24.000Z",
85    "image": {
86        "@type": "ImageObject",
87        "url": "https://thegradient.pub/content/images/2020/04/gradient-800x450.png",
88        "width": 800,
89        "height": 450
90    },
91    "description": "An explanation of why and how to write for The Gradient.",
92    "mainEntityOfPage": {
93        "@type": "WebPage",
94        "@id": "https://thegradient.pub/"
95    }
96}
97    </script>
97
98
99    <meta name="generator" content="Ghost 5.33" />
100    <link rel="alternate" type="application/rss+xml" title="The Gradient" href="https://thegradient.pub/rss/" />
101    
102    
102<script defer src="/empty.js" data-key="bf87fb0c53f0b68ba5c1c57aca" data-styles="/empty.css" data-sodo-search="https://thegradient.pub/" crossorigin="anonymous"></script>
102
103    <link href="https://thegradient.pub/webmentions/receive/" rel="webmention" />
104    
104<script defer src="/public/cards.min.js?v=d26a5468c5"></script>
104
105    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=d26a5468c5">
106    <!-- Preload and preconnect for faster loading and fetching resources we are sure to use when page loads -->
107<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
108<link rel="preconnect" href="https://www.googletagmanager.com" />
109<link rel="preconnect" href="https://fonts.googleapis.com" />
110<link rel="preconnect" href="https://proxy.speechkit.io" />
111<link rel="preconnect" href="https://unpkg.com" />
112
113<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 113-114
113
114<script async src="https://www.googletagmanager.com/gtag/js?id=
114UA-115283063-1
vendor: 12 bytes, line 114
114"></script>
115<script>
116  
vendor: 133 bytes, lines 116-119
116window.dataLayer = window.dataLayer || [];
117  function gtag(){dataLayer.push(arguments);}
118  gtag('js', new Date());
119  gtag('config', '
119UA-115283063-1
vendor: 38 bytes, line 119
119', { 'site_speed_sample_rate': 20 });
120</script>
120
121
122
123<!-- defer loading tocbot css -->
124<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.10.0/tocbot.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
125<!-- defer loading this font as we dont know if we are using -->
126<link rel="preload" href="https://fonts.googleapis.com/css?family=Crimson+Text&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
127<noscript>
128    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.10.0/tocbot.css">
129    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Crimson+Text&display=swap">
130</noscript>
131
132<!--script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script-->
133<script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
133
134
135<!--link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bigfoot/2.1.4/bigfoot-number.min.css" />
136<script src="https://cdnjs.cloudflare.com/ajax/libs/bigfoot/2.1.4/bigfoot.min.js"></script-->
137<!--
138<script type="text/javascript">
139    $.bigfoot({useFootnoteOnlyOnce: false});
140</script>
140
141-->
142
143
144<style>
145    .is-active-link::before {
146        background-color: #b70038;
147    }
148    
149    .c-content h1, .c-content h2, .c-content h3, .c-content h4, .c-content h5, .c-content h6 {
150    font-family: 'Georgia', serif;
151
152    font-weight: 500;
153	}
154      body {
155      font-family: 'Georgia', serif;
156      }
157      .c-post-hero__title {
158            font-family: 'Georgia', serif;
159      }
160    
161      div.table {
162          overflow: auto;
163      }
164    
165      .twitter-tweet {
166      	width:50%;
167      }
168    
169      .o-grid__col {
170        max-width: 100%;
171      }
172    
173      img {
174        max-width: 100%;
175        max-height: 100%;
176        margin-left: auto;
177        margin-right: auto;
178      }
179
180      figure {
181        display: block;
182        margin-left: auto;
183        margin-right: auto;
184        text-align: left;
185        vertical-align: top;
186        width: 75%;
187      }
188
189      figcaption {
190        text-align: center;
191        /* margin-left: -25%; */
192        width: 100%;
193      	font-size: 12px;
194        line-height: 18px;
195      }
196     
197    /* Added by Prasanna - for subscribe button */
198    .show {
199        display: block !important;
200      }
201      .hide {
202        display: none !important;
203      }
204
205      .subscribe {
206        position: relative;
207        overflow: hidden;
208      }
209
210      .subscribe > button.show::after {
211        content: "X";
212        width: 48px;
213        height: 48px;
214        font-size: 1.5em;
215      }
216      .subscribe > button.show {
217        background: white;
218      }
219      .subscribe > button {
220        background: url("data:image/png;base64,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")
221          center center/contain border-box no-repeat;
222        display: block;
223        border-radius: 48px;
224        width: 48px;
225        height: 48px;
226        position: fixed;
227        bottom: 1rem;
228        right: 1rem;
229        z-index: 10;
230        overflow: hidden;
231        transition: background-color 1s ease;
232        border: 2px solid black;
233        box-shadow: 0 6px 12px -2px rgb(55 53 30 / 40%);
234      }
235      .subscribe > iframe {
236        border: 1px solid #eee;
237        background: white;
238        width: calc(100% - 16px);
239        margin: 8px;
240        height: 50vh;
241        max-height: 320px;
242        position: fixed;
243        bottom: calc(1rem + 48px);
244        transform: translate3d(0, 0, 0);
245        transition: transform 0.75s ease;
246        right: 0px;
247        z-index: 9;
248        box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
249      }
250
251      .subscribe >
251 iframe.slide-out {
252        transform: translate3d(0, 100vh, 0);
253      }
254
255      @media screen and (min-width: 1008px) {
256        .subscribe > iframe {
257          width: 320px;
258          right: 8px;
259        }
260
261        .subscribe > iframe.slide-out {
262          transform: translate3d(100vw, 0, 0);
263        }
264      }
265    /* END Subscribe */
266    
267    #carbonads * {
268      margin: initial;
269      padding: initial;
270    }
271    #carbonads {
272      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
273        Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
274        sans-serif;
275    }
276    #carbonads {
277      display: flex;
278      max-width: 330px;
279      background-color: hsl(0, 0%, 98%);
280      box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
281      z-index: 100;
282    }
283    #carbonads a {
284      color: inherit;
285      text-decoration: none;
286    }
287    #carbonads a:hover {
288      color: inherit;
289    }
290    #carbonads span {
291      position: relative;
292      display: block;
293      overflow: hidden;
294    }
295    #carbonads .carbon-wrap {
296      display: flex;
297    }
298    #carbonads .carbon-img {
299      display: block;
300      margin: 0;
301      line-height: 1;
302    }
303    #carbonads .carbon-img img {
304      display: block;
305    }
306    #carbonads .carbon-text {
307      font-size: 13px;
308      padding: 10px;
309      margin-bottom: 16px;
310      line-height: 1.5;
311      text-align: left;
312    }
313    #carbonads .carbon-poweredby {
314      display: block;
315      padding: 6px 8px;
316      background: #f1f1f2;
317      text-align: center;
318      text-transform: uppercase;
319      letter-spacing: 0.5px;
320      font-weight: 600;
321      font-size: 8px;
322      line-height: 1;
323      border-top-left-radius: 3px;
324      position: absolute;
325      bottom: 0;
326      right: 0;
327    }
328</style><style>:root {--ghost-accent-color: #15171A;}</style>
329</head>
330<body class='page-template page-write'>
331
332  <div class='js-off-canvas-container c-off-canvas-container'>
333    <header class='c-header'>
334
335  <div class='o-grid'>
336
337    <div class='o-grid__col o-grid__col--3-4-s o-grid__col--4-4-m'>
338      <div class='c-logo'>
339          <a href='https://thegradient.pub'>
340            <img class='c-logo__img' src='https://thegradient.pub/content/images/2022/08/gradient_logo-2.png' alt='The Gradient'>
341          </a>
342      </div>
343    </div>
344
345    <div class='o-grid__col o-grid__col--1-4-s o-grid__col--3-4-l o-grid__col--full'>
346      <div class='c-off-canvas-content js-off-canvas-content'>
347        <div class='js-off-canvas-toggle c-off-canvas-toggle c-off-canvas-toggle--close'>
348          <span class='c-off-canvas-toggle__icon'></span>
349        </div>
350
351        <div class='o-grid'>
352          <div class='o-grid__col o-grid__col--4-4-s o-grid__col--3-4-l o-grid__col--full'>
353            <nav class='c-nav-wrap'>
354              <ul class='c-nav o-plain-list'>
355                  <li class='c-nav__item'>
356    <a href='https://thegradient.pub/about/' class='c-nav__link '>About</a>
357  </li>
358  <li class='c-nav__item'>
359    <a href='https://thegradient.pub/' class='c-nav__link '>Articles</a>
360  </li>
361  <li class='c-nav__item'>
362    <a href='https://thegradientpub.substack.com/s/the-update' class='c-nav__link '>Newsletter</a>
363  </li>
364  <li class='c-nav__item'>
365    <a href='https://thegradientpub.substack.com/s/podcast' class='c-nav__link '>Podcast</a>
366  </li>
367  <li class='c-nav__item'>
368    <a href='https://thegradientpub.substack.com/' class='c-nav__link '>Subscribe</a>
369  </li>
370  <li class='c-nav__item'>
371    <a href='https://thegradient.pub/write/' class='c-nav__link  c-nav__link--current '>Write</a>
372  </li>
373  <li class='c-nav__item'>
374    <a href='https://thegradient.pub/support/' class='c-nav__link '>Support</a>
375  </li>
376
377
378
379                <li class='c-nav__item c-nav__item--search'><button class="gh-search-icon" aria-label="search" data-ghost-search style="display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0; border: 0; color: inherit; background-color: transparent; cursor: pointer; outline: none;"><svg width="20" height="20" fill="none" viewBox="0 0 24 24"><path d="M14.949 14.949a1 1 0 0 1 1.414 0l6.344 6.344a1 1 0 0 1-1.414 1.414l-6.344-6.344a1 1 0 0 1 0-1.414Z" fill="currentColor"/><path d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-9 7a9 9 0 1 1 18 0 9 9 0 0 1-18 0Z" fill="currentColor"/></svg></button></li>
380              </ul>
381            </nav>
382          </div>
383        </div>
384      </div>
385
386      <div class='js-off-canvas-toggle c-off-canvas-toggle'>
387        <span class='c-off-canvas-toggle__icon'></span>
388      </div>
389    </div>
390
391  </div>
392
393</header>
394    
395
396<div class='c-post-hero'>
397  <div class='o-grid'>
398      <div class='o-grid__col o-grid__col--4-4-s o-grid__col--4-4-m o-grid__col--2-3-l'>
399        <div class='c-post-hero__media'>
400          <img
401            alt='Write'
402            class='c-post-hero__image lazyload'
403            data-srcset='
404              /content/images/size/w380/2020/04/gradient-800x450.png 380w,
405              /content/images/size/w800/2020/04/gradient-800x450.png 800w,
406              /content/images/size/w1600/2020/04/gradient-800x450.png 1600w'
407            sizes='(min-width: 1320px) 800px, (min-width: 1040px) calc(45vw + 215px), calc(98.89vw - 37px)'
408            data-src='/content/images/size/w1600/2020/04/gradient-800x450.png'
409          >
410        </div>
411      </div>
412
413    <div class='o-grid__col o-grid__col--4-4-s  o-grid__col--1-3-l  '>
414      <div class='c-post-hero__content '>
415        <h1 class='c-post-hero__title'>Write</h1>
416      </div>
417    </div>
418  </div>
419</div>
420<div class='o-wrapper'>
421
422  <div class='o-grid'>
423    <div class='o-grid__col o-grid__col--center o-grid__col--3-4-m o-grid__col--2-3-l'>
424      <article class='c-post is-page'>
425
426        <div class='c-content '>
427          <p><strong>The Gradient</strong> is non-profit and volunteer-run effort run by people in the AI community who enjoy the sorts of articles we have on our site and like to enable more of them to be written. Whether you are in industry, are in academia, are an independent practitioner, or are an outsider looking in, this is a platform for you to share your thoughts and knowledge with the broader community.</p><p>Learn more about how you can write with The Gradient by filling out <a href="https://docs.google.com/forms/d/e/1FAIpQLSe-1bW_bxr0-oS83pgy_ZF6IwG_UYFYd8KyJ-Cq4leVTL7i8A/viewform">this short form</a>.</p><p>If you seem like a good fit, an editor will reach out to you soon and share more details. We have a broadly flexible work style, and an it's-done-when-it's done policy with no deadlines for articles whatsoever.</p><h2 id="what-to-write-with-us">What to Write With Us</h2><p>We primarily seek to host two types of articles:</p><ul><li>Accessible but technically informed <em><a href="https://thegradient.pub/tag/overviews/">overviews</a></em> of the state of the art and its future. Some examples include <a href="https://thegradient.pub/the-economics-of-ai-today/">The Economics of AI Today</a>, <a href="https://thegradient.pub/an-introduction-to-artificial-life-for-people-who-like-ai/">Introduction to Artificial Life for People who Like AI</a>, and <a href="https://thegradient.pub/the-promise-of-hierarchical-reinforcement-learning/">The Promise of Hierarchical Reinforcement Learning</a>.</li><li>Critical and well-informed <em><a href="https://thegradient.pub/tag/perspectives/">perspectives</a></em> on artificial intelligence topics by researchers and experts in the field. Some examples include <a href="https://thegradient.pub/nlp-imagenet/">NLP's ImageNet moment has arrived</a>, <a href="https://thegradient.pub/independently-reproducible-machine-learning/">Quantifying Independently Reproducible Machine Learning</a>, and <a href="https://thegradient.pub/the-benderrule-on-naming-the-languages-we-study-and-why-it-matters/">The #BenderRule: On Naming the Languages We Study and Why It Matters</a>.</li></ul><h2 id="why-write-with-us">Why Write With Us</h2><p>We intend to foster a community of students, researchers, and practitioners working together to demystify and democratize our technological future. In particular, we aim to be a platform for those who do not already have a popular blog or large following, so that you can express yourself and be heard based on the merits of what you have to say and not your current stature. Some benefits of writing with us include:<br><br><strong>Visibility</strong><br>In the 3 years since going public in May of 2018, our site has had more than 1.5 million pageviews, with the top ten articles receiving an average of ~50 thousand pageviews.  We have a significant following within the AI community, and our articles often <a href="https://www.reddit.com/r/MachineLearning/comments/dx2vuh/d_machine_learning_frameworks_used_at_neurips/">generate</a> <a href="https://www.reddit.com/r/MachineLearning/comments/dg0a5i/d_pytorch_dominates_research_tensorflow_dominates/">significant</a> <a href="https://www.reddit.com/r/MachineLearning/comments/aova4j/d_the_limitations_of_deep_learning_for_vision_and/">amounts</a> <a href="https://www.reddit.com/r/MachineLearning/comments/e453kl/d_an_epidemic_of_ai_misinformation/">of</a> <a href="https://www.reddit.com/r/MachineLearning/comments/ascp7z/d_dear_openai_please_open_source_your_language/">discussion</a>.  Lastly, we have a substantial <a href="https://twitter.com/gradientpub">Twitter following</a> with 18.8K followers.</p><p><strong>Editing</strong><br>We have a team of editors who have either written for us or collaborated with those who have written for us. Every article we release goes through a thorough editorial process to assist you in achieving clarity, writing quality, and correctness. </p><p><strong>Control</strong><br>You will remain the sole owner of your writing and will be able to edit or delete anything you write with us at any moment, even after we have published it. Our editors will provide suggestions on how to improve your piece as you are writing it, but will absolutely not limit your self-expression (within reasonable bounds). </p><!--kg-card-begin: markdown--><h3 id="donate">Donate</h3>
428<p>The Gradient is currently volunteer funded. We greatly appreciate any donations, which will help us cover server costs and other expenses.</p>
429<br>
430<form action="https://www.paypal.com/donate" method="post" target="_top">
431<input type="hidden" name="hosted_button_id" value="Q5ZSEZHGT9LFG" />
432<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
433<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
434</form><!--kg-card-end: markdown-->
435        </div>
436
437      </article>
438    </div>
439  </div>
440
441</div>
442
443
444
445    <footer class='c-footer'>
446  <div class='o-grid'>
447
448    <div class='o-grid__col o-grid__col--4-4-s o-grid__col--2-4-m o-grid__col--1-3-l'>
449      <p class='u-mb-8 u-font-size-medium u-font-weight-medium'>Tags</p>
450
451        <ul class='c-footer-list o-plain-list'>
452            <li><a href='/tag/art/'>Art</a></li>
453            <li><a href='/tag/conference/'>Conference</a></li>
454            <li><a href='/tag/deep-learning/'>Deep Learning</a></li>
455            <li><a href='/tag/ethics/'>Ethics</a></li>
456            <li><a href='/tag/explainability/'>Explainability</a></li>
457            <li><a href='/tag/generative-models/'>Generative Models</a></li>
458            <li><a href='/tag/graphs/'>Graphs</a></li>
459            <li><a href='/tag/healthcare/'>Healthcare</a></li>
460            <li><a href='/tag/history/'>History</a></li>
461            <li><a href='/tag/human-factors/'>Human factors</a></li>
462            <li><a href='/tag/impacts/'>Impacts</a></li>
463            <li><a href='/tag/interpretability/'>Interpretability</a></li>
464            <li><a href='/tag/language/'>Language</a></li>
465            <li><a href='/tag/llm/'>LLM</a></li>
466            <li><a href='/tag/machine-learning/'>Machine Learning</a></li>
467            <li><a href='/tag/nlp/'>NLP</a></li>
468            <li><a href='/tag/overviews/'>Overviews</a></li>
469            <li><a href='/tag/perspectives/'>Perspectives</a></li>
470            <li><a href='/tag/podcast/'>Podcast</a></li>
471            <li><a href='/tag/policy/'>Policy</a></li>
472            <li><a href='/tag/quantum-ml/'>Quantum ML</a></li>
473            <li><a href='/tag/reinforcement-learning/'>Reinforcement Learning</a></li>
474            <li><a href='/tag/science/'>Science</a></li>
475            <li><a href='/tag/speech-recognition/'>Speech Recognition</a></li>
476            <li><a href='/tag/trends/'>Trends</a></li>
477            <li><a href='/tag/vision/'>Vision</a></li>
478            <li><a href='/tag/xai/'>XAI</a></li>
479        </ul>
480    </div>
481
482
483
484    <div class='o-grid__col o-grid__col--full'>
485      <div class='c-footer__bottom'>
486        <div class='o-grid'>
487
488          <div class='o-grid__col o-grid__col--4-4-s o-grid__col--2-4-m'>
489            <div class='u-font-size-tiny c-footer__copyright'>
490              &copy; 2026 The Gradient &ndash;
491              Published with <a href='https://ghost.org'>Ghost</a> & <a href='https://aspirethemes.com/themes/nubia'>Nubia</a>
492            </div>
493          </div>
494
495          <div class='o-grid__col o-grid__col--4-4-s o-grid__col--2-4-m'>
496            <ul class='c-social-icons o-plain-list'>
497    <li class='c-social-icons__item'>
498      <a href='https://twitter.com/gradientpub' aria-label='Twitter' target='_blank' rel='noopener'>
499        <span class='c-social-icons__icon' data-icon='ei-sc-twitter' data-size='s'></span>
500      </a>
501    </li>
502
503    <li class='c-social-icons__item'>
504      <a href='https://www.facebook.com/gradientpub/' aria-label='Facebook' target='_blank' rel='noopener'>
505        <span class='c-social-icons__icon' data-icon='ei-sc-facebook' data-size='s'></span>
506      </a>
507    </li>
508
509
510
511    <li class='c-social-icons__item'>
512      <a href='https://www.youtube.com/channel/UCsRy8FnMGxtQl0y-iY7nTIg' aria-label='YouTube' target='_blank' rel='noopener'>
513        <span class='c-social-icons__icon' data-icon='ei-sc-youtube' data-size='s'></span>
514      </a>
515    </li>
516
517    <li class='c-social-icons__item'>
518      <a href='https://www.linkedin.com/company/gradientpub/' aria-label='LinkedIn' target='_blank' rel='noopener'>
519        <span class='c-social-icons__icon' data-icon='ei-sc-linkedin' data-size='s'></span>
520      </a>
521    </li>
522</ul>          </div>
523
524        </div>
525      </div>
526    </div>
527
528  </div>
529</footer>  </div>
530
531  
531<script src='/assets/js/app.min.js?v=d26a5468c5'></script>
531
532  <!-- Utilities -->
533<!-- <a rel="me" href="https://sigmoid.social/@thegradient">Mastodon</a> -->
534<script>
535    const dynamic_script = (url, onload) => {
536        const _script = document.createElement('script');
537        _script.type = "text/javascript";
538        _script.async = false;
539        _script.defer = true;
540        _script.onload = onload;
541        _script.onerror = () => {
542            console.error(`Failed to load script - ${url}`);
543        };
544        _script.src = url;
545        document.body.appendChild(_script);
546    }
547    const setup_subscribe = () => {
548      // Get all elements
549      if (
550        !window ||
551        !window.matchMedia ||
552        !document ||
553        !window.requestAnimationFrame
554      )
555        return;
556
557      const subscribe = document.querySelector("div.subscribe");
558      if (!subscribe) return;
559
560      const hero = document.querySelector("div.c-post-hero");
561      const sidebar = document.querySelector("div.c-sidebar");
562
563      const button = subscribe.querySelector("button");
564      const subscribe_iframe = subscribe.querySelector("iframe");
565
566      if (!hero || !sidebar || !button || !subscribe_iframe) return;
567
568      // Setup intersection observer to show the subscribe button when article scrolls past
569
570      // Match media
571      // On mobile, show when hero image scrolls past.
572      // On bigger screens ( > 976px), show when sidebar finishes scrolling, with the default open
573      const wide_screen = window.matchMedia("screen and (min-width: 976px)");
574      let el_watch = hero;
575      let el_threshold = 0;
576      let default_open = false;
577
578      const media_handler = (e) => {
579        if (e.matches) {
580          el_watch = sidebar;
581          el_threshold = 0.1;
582          default_open = true;
583        }
584        let options = {
585          root: null, // Viewport
586          rootMargin: "0px", // No margin
587          threshold: el_threshold,
588        };
589        let observer = new IntersectionObserver((entries) => {
590          entries.forEach((_entry) => {
591            if (!_entry.isIntersecting && _entry.boundingClientRect.y < 0) {
592              // Show and remove the intersection observer
593              subscribe.classList.remove("hide");
594              if (default_open) {
595                window.requestAnimationFrame(() => {
596                  subscribe_iframe.classList.remove("slide-out");
597                  button.classList.add("show");
598                });
599              }
600              observer.disconnect();
601            }
602          });
603        }, options);
604        observer.observe(el_watch);
605      };
606
607      media_handler(wide_screen);
608
609      button.onclick = (e) => {
610        e.stopPropagation();
611        button.classList.toggle("show");
612        subscribe_iframe.classList.toggle("slide-out");
613      };
614    };
615    if (window && window.addEventListener) {
616        window.addEventListener("DOMContentLoaded", () => {
617            $("html, body").animate({ 
618                scrollTop: $('.c-post-hero').offset().top 
619            }, 1000);
620        });
621        window.addEventListener("load", () => {
622            setup_subscribe();
623        });
624    }
625</script>
625
626<!-- Table of Contents -->
627<script>
628    const _toc = document.body.querySelector('.toc');
629    if (_toc) {
630        dynamic_script('https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.10.0/tocbot.min.js', () => {
631            tocbot.init({
632                tocSelector: '.toc',
633                contentSelector: '.c-content',
634                hasInnerContainers: true,
635                headingSelector: 'h1, h2, h3',
636                activeLinkClass: 'is-active-link-jk',
637                isCollapsedClass: 'lolnvm',
638            });
639        });
640    }
641    
642</script>
642
643
644<!-- MathJax -->
645<script type="text/x-mathjax-config">
646MathJax.Hub.Config({
647    tex2jax: {
648        inlineMath: [["$", "$"], ["\\(", "\\)"]],
649        processEscapes: true,
650    },
651    "SVG": {
652        linebreaks: {
653            automatic: true
654        }
655    },
656    "HTML-CSS": {
657    	linebreaks: {
658        	automatic: true
659        }
660    }
661});
662</script>
vendor: 1 bytes, line 662
662
663<script type="text/javascript" defer src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_SVG"></script>
663
664
665<!-- Commentbox -->
666<script>
667    dynamic_script('https://unpkg.com/commentbox.io/dist/commentBox.min.js', () => {
668        const commentcount_el = document.getElementById('commentcount');
669        commentBox('5704724317732864-proj', {
670            onCommentCount(count) {
671                if (!(commentcount_el)) {
672                    return;
673                }
674                commentcount_el.textContent = `(${count})`;     
675            }
676    	});
677    });
678</script>
678
679
680<!-- Ghostboard -->
681<script src="https://t.ghostboard.io/min.js" type="text/javascript" defer data-gbid="5f2e7da341a52636f1391db2"></script>
681<noscript><img src="https://ghostboard.io/api/noscript/5f2e7da341a52636f1391db2/pixel.gif" alt="Ghostboard pixel" border="0" /></noscript>
682
683<!-- Beeline reader -->
684<script defer src="https://beeline-widget.s3.amazonaws.com/beeline-button.min.js"></script>
684
685
686<!-- Speechikit -->
687<script defer id="speechkit-module" data-project-id="9209" src="https://proxy.speechkit.io/npm/@speechkit/speechkit-audio-player-v2@latest/dist/module/speechkit-ghost-helper.js" type="module"></script>
687
688
689<script>
690/**
691* Function that captures a click on an outbound link in Analytics.
692* This function takes a valid URL string as an argument, and uses that URL string
693* as the event label. Setting the transport method to 'beacon' lets the hit be sent
694* using 'navigator.sendBeacon' in browser that support it.
695*/
696var captureOutboundLink = function(url) {
697   ga('send', 'event', 'outbound', 'click', url, {
698     'transport': 'beacon',
699     'hitCallback': function(){document.location = url;}
700   });
701}
702</script>
702 
703
704
705<!--
706<script async src="https://arc.io/widget.min.js#NbmjdBWy"></script>
706
707-->
708<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d42624ae122146a8a244cceb4a0ccc6a","r":1,"spa":2}' crossorigin="anonymous"></script>
708
709</body>
710</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.