1<!doctype html> 2<!--[if lt IE 9]><html class="ie" lang="en"><![endif]--> 3<!--[if gte IE 9]><!--><html lang="en"><!--<![endif]--> 4 <head> 5 <meta charset="UTF-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 7 <meta name="viewport" content="width=device-width, initial-scale=1"/> 8 <link rel="icon" type="image/x-icon" href="https://s2.wp.com/wp-content/themes/a8c/codepoet/favicon.ico?m=1337087540i"> 9 <link rel="apple-touch-icon-precomposed" media="screen and (resolution: 163dpi)" href="/iOS-57px.png" /> 10 <link rel="apple-touch-icon-precomposed" media="screen and (resolution: 132dpi)" href="/iOS-72px.png" /> 11 <link rel="apple-touch-icon-precomposed" media="screen and (resolution: 326dpi)" href="/iOS-114px.png" /> 12 <title>Code Poet | Because you make things with WordPress</title> 13 <link rel="profile" href="http://gmpg.org/xfn/11" /> 14 <link rel="pingback" href="https://build.codepoet.com/xmlrpc.php" /> 15 <!--[if lt IE 9]> 16
16<script src="https://s2.wp.com/wp-content/themes/a8c/codepoet/js/html5.js?m=1340750086i" type="text/javascript"></script>
16 17 <![endif]--> 18
18<script type="text/javascript" src="http://use.typekit.com/ytv4niv.js"></script>
18 19
19<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
19 20 21 <meta name='robots' content='max-image-preview:large' /> 22 23<!-- Async WordPress.com Remote Login -->
24<script id="wpcom_remote_login_js"> 25var wpcom_remote_login_extra_auth = ''; 26function wpcom_remote_login_remove_dom_node_id( element_id ) { 27 var dom_node = document.getElementById( element_id ); 28 if ( dom_node ) { dom_node.parentNode.removeChild( dom_node ); } 29} 30function wpcom_remote_login_remove_dom_node_classes( class_name ) { 31 var dom_nodes = document.querySelectorAll( '.' + class_name ); 32 for ( var i = 0; i < dom_nodes.length; i++ ) { 33 dom_nodes[ i ].parentNode.removeChild( dom_nodes[ i ] ); 34 } 35} 36function wpcom_remote_login_final_cleanup() { 37 wpcom_remote_login_remove_dom_node_classes( "wpcom_remote_login_msg" ); 38 wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_key" ); 39 wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_validate" ); 40 wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_js" ); 41 wpcom_remote_login_remove_dom_node_id( "wpcom_request_access_iframe" ); 42 wpcom_remote_login_remove_dom_node_id( "wpcom_request_access_styles" ); 43} 44 45// Watch for messages back from the remote login 46window.addEventListener( "message", function( e ) { 47 if ( e.origin === "https://r-login.wordpress.com" ) { 48 var data = {}; 49 try { 50 data = JSON.parse( e.data ); 51 } catch( e ) { 52 wpcom_remote_login_final_cleanup(); 53 return; 54 } 55 56 if ( data.msg === 'LOGIN' ) { 57 // Clean up the login check iframe 58 wpcom_remote_login_remove_dom_node_id( "wpcom_remote_login_key" ); 59 60 var id_regex = new RegExp( /^[0-9]+$/ ); 61 var token_regex = new RegExp( /^.*|.*|.*$/ ); 62 if ( 63 token_regex.test( data.token ) 64 && id_regex.test( data.wpcomid ) 65 ) { 66 // We have everything we need to ask for a login 67 var script = document.createElement( "script" ); 68 script.setAttribute( "id", "wpcom_remote_login_validate" ); 69 script.src = '/remote-login.php?wpcom_remote_login=validate' 70 + '&wpcomid=' + data.wpcomid 71 + '&token=' + encodeURIComponent( data.token ) 72 + '&host=' + window.location.protocol 73 + '//' + window.location.hostname 74 + '&postid=4892' 75 + '&is_singular='; 76 document.body.appendChild( script ); 77 } 78 79 return; 80 } 81 82 // Safari ITP, not logged in, so redirect 83 if ( data.msg === 'LOGIN-REDIRECT' ) { 84 window.location = 'https://wordpress.com/log-in?redirect_to=' + window.location.href; 85 return; 86 } 87 88 // Safari ITP, storage access failed, remove the request 89 if ( data.msg === 'LOGIN-REMOVE' ) { 90 var css_zap = 'html { -webkit-transition: margin-top 1s; transition: margin-top 1s; } /* 9001 */ html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } @media screen and ( max-width: 782px ) { html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } }'; 91 var style_zap = document.createElement( 'style' ); 92 style_zap.type = 'text/css'; 93 style_zap.appendChild( document.createTextNode( css_zap ) ); 94 document.body.appendChild( style_zap ); 95 96 var e = document.getElementById( 'wpcom_request_access_iframe' ); 97 e.parentNode.removeChild( e ); 98 99 document.cookie = 'wordpress_com_login_access=denied; path=/; max-age=31536000'; 100 101 return; 102 } 103 104 // Safari ITP 105 if ( data.msg === 'REQUEST_ACCESS' ) { 106 console.log( 'request access: safari' ); 107 108 // Check ITP iframe enable/disable knob 109 if ( wpcom_remote_login_extra_auth !== 'safari_itp_iframe' ) { 110 return; 111 } 112 113 // If we are in a "private window" there is no ITP. 114 var private_window = false; 115 try { 116 var opendb = window.openDatabase( null, null, null, null ); 117 } catch( e ) { 118 private_window = true; 119 } 120 121 if ( private_window ) { 122 console.log( 'private window' ); 123 return; 124 } 125 126 var iframe = document.createElement( 'iframe' ); 127 iframe.id = 'wpcom_request_access_iframe'; 128 iframe.setAttribute( 'scrolling', 'no' ); 129 iframe.setAttribute( 'sandbox', 'allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-top-navigation-by-user-activation' ); 130 iframe.src = 'https://r-login.wordpress.com/remote-login.php?wpcom_remote_login=request_access&origin=' + encodeURIComponent( data.origin ) + '&wpcomid=' + encodeURIComponent( data.wpcomid ); 131 132 var css = 'html { -webkit-transition: margin-top 1s; transition: margin-top 1s; } /* 9001 */ html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } @media screen and ( max-width: 660px ) { html { margin-top: 71px !important; } * html body { margin-top: 71px !important; } #wpcom_request_access_iframe { display: block; height: 71px !important; } } #wpcom_request_access_iframe { border: 0px; height: 46px; position: fixed; top: 0; left: 0; width: 100%; min-width: 100%; z-index: 99999; background: #23282d; } '; 133 134 var style = document.createElement( 'style' ); 135 style.type = 'text/css'; 136 style.id = 'wpcom_request_access_styles'; 137 style.appendChild( document.createTextNode( css ) ); 138 document.body.appendChild( style ); 139 140 document.body.appendChild( iframe ); 141 } 142 143 if ( data.msg === 'DONE' ) { 144 wpcom_remote_login_final_cleanup(); 145 } 146 } 147}, false ); 148 149// Inject the remote login iframe after the page has had a chance to load 150// more critical resources 151window.addEventListener( "DOMContentLoaded", function( e ) { 152 var iframe = document.createElement( "iframe" );
153 iframe.style.display = "none"; 154 iframe.setAttribute( "scrolling", "no" ); 155 iframe.setAttribute( "id", "wpcom_remote_login_key" ); 156 iframe.src = "https://r-login.wordpress.com/remote-login.php" 157 + "?wpcom_remote_login=key" 158 + "&origin=aHR0cHM6Ly9idWlsZC5jb2RlcG9ldC5jb20%3D" 159 + "&wpcomid=36198572" 160 + "&time=" + Math.floor( Date.now() / 1000 ); 161 document.body.appendChild( iframe ); 162}, false ); 163</script>
163 164<link rel='dns-prefetch' href='//s2.wp.com' /> 165<link rel='dns-prefetch' href='//s0.wp.com' /> 166<link rel="alternate" type="application/rss+xml" title="Code Poet » Feed" href="https://build.codepoet.com/feed/" /> 167<link rel="alternate" type="application/rss+xml" title="Code Poet » Comments Feed" href="https://build.codepoet.com/comments/feed/" /> 168
168<script type="text/javascript"> 169 /* <![CDATA[ */ 170 function addLoadEvent(func) { 171 var oldonload = window.onload; 172 if (typeof window.onload != 'function') { 173 window.onload = func; 174 } else { 175 window.onload = function () { 176 oldonload(); 177 func(); 178 } 179 } 180 } 181 /* ]]> */ 182 </script>
182 183 <style id="wp-img-auto-sizes-contain-inline-css"> 184img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 185/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 186</style> 187<style id="wp-emoji-styles-inline-css"> 188 189 img.wp-smiley, img.emoji { 190 display: inline !important; 191 border: none !important; 192 box-shadow: none !important; 193 height: 1em !important; 194 width: 1em !important; 195 margin: 0 0.07em !important; 196 vertical-align: -0.1em !important; 197 background: none !important; 198 padding: 0 !important; 199 } 200/*# sourceURL=wp-emoji-styles-inline-css */ 201</style> 202<style id="wp-block-library-inline-css"> 203:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
203--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 204 205/*# sourceURL=/wp-content/plugins/gutenberg-core/v24.0.0/build/styles/block-library/common.min.css */ 206</style> 207<style id="wp-block-library-inline-css-extra"> 208.has-text-align-justify { 209 text-align:justify; 210} 211.has-text-align-justify{text-align:justify;} 212/*# sourceURL=wp-block-library-inline-css */ 213</style> 214 215<style id="classic-theme-styles-inline-css"> 216.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}.wp-block-tab:not(.has-text-color){color:inherit!important}.wp-block-tab:not(.has-background){background-color:inherit!important}.wp-block-tab:focus,.wp-block-tab:hover{text-decoration:none}.wp-block-tab:focus-visible{outline:auto;outline-offset:0} 217/*# sourceURL=/wp-content/plugins/gutenberg-core/v24.0.0/build/styles/block-library/classic.min.css */ 218</style> 219 220<style id="coblocks-inline-format-inline-css"> 221.uppercase{text-transform:uppercase} 222/*# sourceURL=coblocks-inline-format-inline-css */ 223</style> 224<link crossorigin='anonymous' rel='stylesheet' id='all-css-12-1' href='/_static/??-eJx9jEEOAiEQBD/kQECjeDC+ZWEnijIwYWA3/l72op689KFTVXplCCU3zE1z6reYRYfiUwlP0VYZpwxIJE4IFRd10HOU9iFA2iuhCiI7/ROiDt9WxfETT20jCOc4YUIa2D9t5eGA91xRBMZS7ATtPkTZvCtdzNEZt7f2fHq8Afl7R7w=&cssminify=yes' type='text/css' media='all' /> 225<style id="global-styles-inline-css"> 226:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
2260) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--albert-sans: 'Albert Sans', sans-serif;--wp--preset--font-family--alegreya: Alegreya, serif;--wp--preset--font-family--arvo: Arvo, serif;--wp--preset--font-family--bodoni-moda: 'Bodoni Moda', serif;--wp--preset--font-family--bricolage-grotesque: 'Bricolage Grotesque', sans-serif;--wp--preset--font-family--cabin: Cabin, sans-serif;--wp--preset--font-family--chivo: Chivo, sans-serif;--wp--preset--font-family--commissioner: Commissioner, sans-serif;--wp--preset--font-family--cormorant: Cormorant, serif;--wp--preset--font-family--courier-prime: 'Courier Prime', monospace;--wp--preset--font-family--crimson-pro: 'Crimson Pro', serif;--wp--preset--font-family--dm-mono: 'DM Mono', monospace;--wp--preset--font-family--dm-sans: 'DM Sans', sans-serif;--wp--preset--font-family--dm-serif-display: 'DM Serif Display', serif;--wp--preset--font-family--domine: Domine, serif;--wp--preset--font-family--eb-garamond: 'EB Garamond', serif;--wp--preset--font-family--epilogue: Epilogue, sans-serif;--wp--preset--font-family--fahkwang: Fahkwang, sans-serif;--wp--preset--font-family--figtree: Figtree, sans-serif;--wp--preset--font-family--fira-sans: 'Fira Sans', sans-serif;--wp--preset--font-family--fjalla-one: 'Fjalla One', sans-serif;--wp--preset--font-family--fraunces: Fraunces, serif;--wp--preset--font-family--gabarito: Gabarito, system-ui;--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace;--wp--preset--font-family--ibm-plex-sans: 'IBM Plex Sans', sans-serif;--wp--preset--font-family--ibarra-real-nova: 'Ibarra Real Nova', serif;--wp--preset--font-family--instrument-serif: 'Instrument Serif', serif;--wp--preset--font-family--inter: Inter, sans-serif;--wp--preset--font-family--josefin-sans: 'Josefin Sans', sans-serif;--wp--preset--font-family--jost: Jost, sans-serif;--wp--preset--font-family--libre-baskerville: 'Libre Baskerville', serif;--wp--preset--font-family--libre-franklin: 'Libre Franklin', sans-serif;--wp--preset--font-family--literata: Literata, serif;--wp--preset--font-family--lora: Lora, serif;--wp--preset--font-family--merriweather: Merriweather, serif;--wp--preset--font-family--montserrat: Montserrat, sans-serif;--wp--preset--font-family--newsreader: Newsreader, serif;--wp--preset--font-family--noto-sans-mono: 'Noto Sans Mono', sans-serif;--wp--preset--font-family--nunito: Nunito, sans-serif;--wp--preset--font-family--open-sans: 'Open Sans', sans-serif;--wp--preset--font-family--overpass: Overpass, sans-serif;--wp--preset--font-family--pt-serif: 'PT Serif', serif;--wp--preset--font-family--petrona: Petrona, serif;--wp--preset--font-family--piazzolla: Piazzolla, serif;--wp--preset--font-family--playfair-display: 'Playfair Display', serif;--wp--preset--font-family--plus-jakarta-sans: 'Plus Jakarta Sans', sans-serif;--wp--preset--font-family--poppins: Poppins, sans-serif;--wp--preset--font-family--raleway: Raleway, sans-serif;--wp--preset--font-family--roboto: Roboto, sans-serif;--wp--preset--font-family--roboto-slab: 'Roboto Slab', serif;--wp--preset--font-family--rubik: Rubik, sans-serif;--wp--preset--font-family--rufina: Rufina, serif;--wp--preset--font-family--sora: Sora, sans-serif;--wp--preset--font-family--source-sans-3: 'Source Sans 3', sans-serif;--wp--preset--font-family--source-serif-4: 'Source Serif 4', serif;--wp--preset--font-family--space-mono: 'Space Mono', monospace;--wp--preset--font-family--syne: Syne, sans-serif;--wp--preset--font-family--texturina: Texturina, serif;--wp--preset--font-family--urbanist: Urbanist, sans-serif;--wp--preset--font-family--work-sans: 'Work Sans', sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
226.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-albert-sans-font-family{font-family: var(--wp--preset--font-family--albert-sans) !important;}.has-alegreya-font-family{font-family: var(--wp--preset--font-family--alegreya) !important;}.has-arvo-font-family{font-family: var(--wp--preset--font-family--arvo) !important;}.has-bodoni-moda-font-family{font-family: var(--wp--preset--font-family--bodoni-moda) !important;}.has-bricolage-grotesque-font-family{font-family: var(--wp--preset--font-family--bricolage-grotesque) !important;}.has-cabin-font-family{font-family: var(--wp--preset--font-family--cabin) !important;}.has-chivo-font-family{font-family: var(--wp--preset--font-family--chivo) !important;}.has-commissioner-font-family{font-family: var(--wp--preset--font-family--commissioner) !important;}.has-cormorant-font-family{font-family: var(--wp--preset--font-family--cormorant) !important;}.has-courier-prime-font-family{font-family: var(--wp--preset--font-family--courier-prime) !important;}.has-crimson-pro-font-family{font-family: var(--wp--preset--font-family--crimson-pro) !important;}.has-dm-mono-font-family{font-family: var(--wp--preset--font-family--dm-mono) !important;}.has-dm-sans-font-family{font-family: var(--wp--preset--font-family--dm-sans) !important;}.has-dm-serif-display-font-family{font-family: var(--wp--preset--font-family--dm-serif-display) !important;}.has-domine-font-family{font-family: var(--wp--preset--font-family--domine) !important;}.has-eb-garamond-font-family{font-family: var(--wp--preset--font-family--eb-garamond) !important;}.has-epilogue-font-family{font-family: var(--wp--preset--font-family--epilogue) !important;}.has-fahkwang-font-family{font-family: var(--wp--preset--font-family--fahkwang) !important;}.has-figtree-font-family{font-family: var(--wp--preset--font-family--figtree) !important;}.has-fira-sans-font-family{font-family: var(--wp--preset--font-family--fira-sans) !important;}.has-fjalla-one-font-family{font-family: var(--wp--preset--font-family--fjalla-one) !important;}.has-fraunces-font-family{font-family: var(--wp--preset--font-family--fraunces) !important;}.has-gabarito-font-family{font-family: var(--wp--preset--font-family--gabarito) !important;}.has-ibm-plex-mono-font-family{font-family: var(--wp--preset--font-family--ibm-plex-mono) !important;}.has-ibm-plex-sans-font-family{font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;}.has-ibarra-real-nova-font-family{font-family: var(--wp--preset--font-family--ibarra-real-nova) !important;}.has-instrument-serif-font-family{font-family: var(--wp--preset--font-family--instrument-serif) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-josefin-sans-font-family{font-family: var(--wp--preset--font-family--josefin-sans) !important;}.has-jost-font-family{font-family: var(--wp--preset--font-family--jost) !important;}.has-libre-baskerville-font-family{font-family: var(--wp--preset--font-family--libre-baskerville) !important;}.has-libre-franklin-font-family{font-family: var(--wp--preset--font-family--libre-franklin) !important;}.has-literata-font-family{font-family: var(--wp--preset--font-family--literata) !important;}.has-lora-font-family{font-family: var(--wp--preset--font-family--lora) !important;}.has-merriweather-font-family{font-family: var(--wp--preset--font-family--merriweather) !important;}.has-montserrat-font-family{font-family: var(--wp--preset--font-family--montserrat) !important;}.has-newsreader-font-family{font-family: var(--wp--preset--font-family--newsreader) !important;}.has-noto-sans-mono-font-family{font-family: var(--wp--preset--font-family--noto-sans-mono) !important;}.has-nunito-font-family{font-family: var(--wp--preset--font-family--nunito) !important;}.has-open-sans-font-family{font-family: var(--wp--preset--font-family--open-sans) !important;}.has-overpass-font-family{font-family: var(--wp--preset--font-family--overpass) !important;}.has-pt-serif-font-family{font-family: var(--wp--preset--font-family--pt-serif) !important;}.has-petrona-font-family{font-family: var(--wp--preset--font-family--petrona) !important;}.has-piazzolla-font-family{font-family: var(--wp--preset--font-family--piazzolla) !important;}.has-playfair-display-font-family{font-family: var(--wp--preset--font-family--playfair-display) !important;}.has-plus-jakarta-sans-font-family{font-family: var(--wp--preset--font-family--plus-jakarta-sans) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-raleway-font-family{font-family: var(--wp--preset--font-family--raleway) !important;}.has-roboto-font-family{font-family: var(--wp--preset--font-family--roboto) !important;}.has-roboto-slab-font-family{font-family: var(--wp--preset--font-family--roboto-slab) !important;}.has-rubik-font-family{font-family: var(--wp--preset--font-family--rubik) !important;}.has-rufina-font-family{font-family: var(--wp--preset--font-family--rufina) !important;}.has-sora-font-family{font-family: var(--wp--preset--font-family--sora) !important;}.has-source-sans-3-font-family{font-family: var(--wp--preset--font-family--source-sans-3) !important;}.has-source-serif-4-font-family{font-family: var(--wp--preset--font-family--source-serif-4) !important;}.has-space-mono-font-family{font-family: var(--wp--preset--font-family--space-mono) !important;}.has-syne-font-family{font-family: var(--wp--preset--font-family--syne) !important;}.has-texturina-font-family{font-family: var(--wp--preset--font-family--texturina) !important;}.has-urbanist-font-family{font-family: var(--wp--preset--font-family--urbanist) !important;}.has-work-sans-font-family{font-family: var(--wp--preset--font-family--work-sans) !important;} 227/*# sourceURL=global-styles-inline-css */ 228</style> 229 230<link crossorigin='anonymous' rel='stylesheet' id='all-css-14-1' href='/_static/??-eJx9i0EOgzAMwD5EiZA6wQ7T3tKF0HVKm4oEIX4Pu8GFmy3ZsFaHUoyKgX0pk0IYEFBGqkIGahtTi6oNnMq8uMpLTEV
230hpg9LPDDCUZ30bookjgWDJSkXcROHNP/Xd351/vH0fug7/9sBm8U9TQ==&cssminify=yes' type='text/css' media='all' /> 231<style id="jetpack-global-styles-frontend-style-inline-css"> 232:root { --font-headings: unset; --font-base: unset; --font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;} 233/*# sourceURL=jetpack-global-styles-frontend-style-inline-css */ 234</style> 235<link crossorigin='anonymous' rel='stylesheet' id='all-css-16-1' href='/wp-content/themes/h4/global.css?m=1420737423i&cssminify=yes' type='text/css' media='all' />
236<script id="wpcom-actionbar-placeholder-js-extra"> 237var actionbardata = {"siteID":"36198572","postID":"0","siteURL":"https://build.codepoet.com","xhrURL":"https://build.codepoet.com/wp-admin/admin-ajax.php","nonce":"4ca43495cc","isLoggedIn":"","statusMessage":"","subsEmailDefault":"instantly","proxyScriptUrl":"https://s0.wp.com/wp-content/js/wpcom-proxy-request.js?m=1513050504i&ver=20211021","i18n":{"followedText":"New posts from this site will now appear in your \u003Ca href=\"https://wordpress.com/reader\"\u003EReader\u003C/a\u003E","foldBar":"Collapse this bar","unfoldBar":"Expand this bar","shortLinkCopied":"Copied to clipboard."}}; 238//# sourceURL=wpcom-actionbar-placeholder-js-extra 239</script>
vendor: 1 bytes, line 239
239
240<script id="jetpack-mu-wpcom-settings-js-before"> 241var JETPACK_MU_WPCOM_SETTINGS = {"assetsUrl":"https://s1.wp.com/wp-content/mu-plugins/jetpack-mu-wpcom-plugin/moon/jetpack_vendor/automattic/jetpack-mu-wpcom/src/build/"}; 242//# sourceURL=jetpack-mu-wpcom-settings-js-before 243</script>
vendor: 1 bytes, line 243
243
244<script crossorigin='anonymous' type='text/javascript' src='/_static/??-eJzTLy/QTc7PK0nNK9HPKtYvyinRLSjKr6jUyyrW0QfKZeYl55SmpBaDJLMKS1OLKqGUXm5mHkFFurmZ6UWJJalQxfa5tobmRgamxgZmFpZZACbyLJI='></script>
vendor: 1 bytes, line 244
244
245<script id="rlt-proxy-js-after"> 246 rltInitialize( {"token":null,"iframeOrigins":["https:\/\/widgets.wp.com"]} ); 247//# sourceURL=rlt-proxy-js-after 248</script>
248 249<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://newcodepoet.wordpress.com/xmlrpc.php?rsd" /> 250<meta name="generator" content="WordPress.com" /> 251<link rel='shortlink' href='https://wp.me/2rSTW' /> 252 <style> 253 @font-face { 254 font-family: Recoleta; 255 font-display: swap; 256 src: url('https://s1.wp.com/i/fonts/recoleta/400.woff2') 257 } 258 </style> 259 260<!-- Jetpack Open Graph Tags --> 261<meta property="og:type" content="website" /> 262<meta property="og:title" content="Code Poet" /> 263<meta property="og:description" content="Because you make things with WordPress" /> 264<meta property="og:url" content="https://build.codepoet.com/" /> 265<meta property="og:site_name" content="Code Poet" /> 266<meta property="og:image" content="https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=200&ts=1790838644" /> 267<meta property="og:image:width" content="200" /> 268<meta property="og:image:height" content="200" /> 269<meta property="og:image:alt" content="" /> 270<meta property="og:locale" content="en_US" /> 271<meta name="twitter:creator" content="@WPCodePoet" /> 272<meta name="twitter:site" content="@WPCodePoet" /> 273<meta name="twitter:app:name:iphone" content="Jetpack" /> 274<meta name="twitter:app:id:iphone" content="1565481562" /> 275<meta name="twitter:app:name:ipad" content="Jetpack" /> 276<meta name="twitter:app:id:ipad" content="1565481562" /> 277<meta name="twitter:app:name:googleplay" content="Jetpack" /> 278<meta name="twitter:app:id:googleplay" content="com.jetpack.android" /> 279 280<!-- End Jetpack Open Graph Tags --> 281<link rel='openid.server' href='https://build.codepoet.com/?openidserver=1' /> 282<link rel='openid.delegate' href='https://build.codepoet.com/' /> 283<link rel="search" type="application/opensearchdescription+xml" href="https://build.codepoet.com/osd.xml" title="Code Poet" /> 284<link rel="search" type="application/opensearchdescription+xml" href="https://s1.wp.com/opensearch.xml" title="WordPress.com" /> 285<meta name="description" content="Because you make things with WordPress" /> 286 <style id="jetpack-subscriptions-inline-css"> 287#subscribe-email input { 288 width: 95%; 289} 290 291.comment-subscription-form { 292 margin-bottom: 1em; 293} 294 295.comment-subscription-form .subscribe-label { 296 display: inline !important; 297} 298 299/* 300Text meant only for screen readers. 301Provides support for themes that do not bundle this CSS yet. 302@see https://make.wordpress.org/accessibility/2015/02/09/hiding-text-for-screen-readers-with-wordpress-core/ 303***********************************/ 304.screen-reader-text { 305 border: 0; 306 clip-path: inset(50%); 307 height: 1px; 308 margin: -1px; 309 overflow: hidden; 310 padding: 0; 311 position: absolute !important; 312 width: 1px; 313 overflow-wrap: normal !important; 314} 315 316/*# sourceURL=/wp-content/mu-plugins/jetpack-plugin/moon/_inc/build/subscriptions/subscriptions.min.css */ 317</style> 318 319</head> 320 321 <body lang="en" class="home blog wp-theme-a8ccodepoet customizer-styles-applied jetpack-reblog-enabled"> 322 323 <div class="top-trim"></div> 324 325 <div class="shade_dark" style="display: none;"></div> 326 327 <div class="modal" style="display: none;"> 328 <form action="http://codepoet.createsend.com/t/j/s/pkthi/" method="post" id="notify" name="notify" class="notify-me"> 329 <div class="modal-header"> 330 <a data-dismiss="modal" class="close">Ã</a> 331 <h3 class="tk-st"></h3> 332 </div> 333 <div class="modal-body tk-ff"> 334 <div class="modal-body-text"></div> 335 <div class="signup-form"> 336 <div class="signup-error" style="display: none;"></div> 337 <img src="https://s2.wp.com/wp-content/themes/a8c/codepoet/img/ajax-loader.gif?m=1337109654i" class="ajax-loader" alt="ajax-loader" width="16" height="16" style="display: none;" /> 338 <input type="text" id="cm-email-address" name="cm-email-address" value="" placeholder="Enter your email" class="tk-ff" style="width: 250px;"> 339 </div> 340 </div> 341 <div class="modal-footer tk-st"> 342 343 </div> 344 </form> 345 <div> 346 </div> 347</div> 348 349 350 351<!-- JS Templates -->
352<script id="signupbody" type="text/html"> 353 <p>Sign up and join the inside track for tools you can use, resources worth your time, and member exclusive books you wonât want to put down. Free as in beer, free as in freedom, free as in no spam, ever.</p> 354</script>
vendor: 1 bytes, line 354
354
355<script id="signupbutton" type="text/html"> 356 <a class="btn signup-submit" href="#"><div>Save</div></a> 357</script>
vendor: 1 bytes, line 357
357
358<script id="closebutton" type="text/html"> 359 <a class="btn alert-close" href="#"><div>Close</div></a> 360</script>
360 361 362 <header class="tk-st"> 363 <div class="container"> 364 <div class="logo" onclick="window.location='/'"></div> 365 <span class="slogan">Because you make things with WordPress</span> 366 <nav class="tk-st"><ul id="menu-code-poet-header" class="menu"><li id="menu-item-1352" class="menu-item menu-item-type-taxonomy menu-item-object-resource_type menu-item-1352"><a href="https://build.codepoet.com/asset/articles/">Articles</a></li> 367<li id="menu-item-425" class="menu-item menu-item-type-taxonomy menu-item-object-resource_type menu-item-425"><a href="https://build.codepoet.com/asset/books/">Books</a></li> 368<li id="menu-item-422" class="menu-item menu-item-type-taxonomy menu-item-object-resource_type menu-item-422"><a href="https://build.codepoet.com/asset/interviews/">Interviews</a></li> 369<li id="menu-item-426" class="menu-item menu-item-type-taxonomy menu-item-object-resource_type menu-item-426"><a href="https://build.codepoet.com/asset/resources/">Resources</a></li> 370<li id="menu-item-423" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-423"><a href="https://build.codepoet.com/quiz/">Quiz</a></li> 371</ul></nav> </div> 372 </header> 373 374 <div class="container"> 375 376 <div class="right-col"> 377 <div class="frame"> 378 <div class="group"> 379 <aside id="blog_subscription-2" class="widget widget_blog_subscription jetpack_subscription_widget"><h1 class="widget-title"><label for="subscribe-field">Subscribe by email</label></h1> 380 381 <div class="wp-block-jetpack-subscriptions__container"> 382 <form 383 action="https://subscribe.wordpress.com" 384 method="post" 385 accept-charset="utf-8" 386 data-blog="36198572" 387 data-post_access_level="everybody" 388 id="subscribe-blog" 389 > 390 <p>Goodness: direct to your inbox.</p> 391 <p id="subscribe-email"> 392 <label 393 id="subscribe-field-label" 394 for="subscribe-field" 395 class="screen-reader-text" 396 > 397 Email Address: </label> 398 399 <input 400 type="email" 401 name="email" 402 autocomplete="email" 403 404 style="width: 95%; padding: 1px 10px" 405 placeholder="Email Address" 406 value="" 407 id="subscribe-field" 408 required 409 /> </p> 410 411 <p id="subscribe-submit" 412 > 413 <input type="hidden" name="action" value="subscribe"/> 414 <input type="hidden" name="blog_id" value="36198572"/> 415 <input type="hidden" name="source" value="https://build.codepoet.com/"/> 416 <input type="hidden" name="sub-type" value="widget"/> 417 <input type="hidden" name="redirect_fragment" value="subscribe-blog"/> 418 <input type="hidden" id="_wpnonce" name="_wpnonce" value="c3f9640b82" /> <button type="submit" 419 class="wp-block-button__link" 420 > 421 Subscribe </button> 422 </p> 423 </form> 424 </div> 425 426</aside> </div> 427 <div class="group"> 428 <h3 class="tk-st">What's this about</h3> 429 <p class="tk-ff para-pad">Code Poet is a resource for anyone building sites with WordPress. <a href="/ourstory/">More</a></p> 430 </div> 431 <div class="navigation"> 432 <div class="group"> 433 <h3 class="tk-st">Browse by topic</h3> 434 <ul class="tk-ff"> 435 <li class="cat-item cat-item-179"><a href="https://build.codepoet.com/category/business/">Business</a> 436</li> 437 <li class="cat-item cat-item-36278115"><a href="https://build.codepoet.com/category/client-services-2/">Client Services</a> 438</li> 439 <li class="cat-item cat-item-7689823"><a href="https://build.codepoet.com/category/code-2/">Code</a> 440</li> 441 <li class="cat-item cat-item-5416211"><a href="https://build.codepoet.com/category/community-2/">Community</a> 442</li> 443 <li class="cat-item cat-item-169"><a href="https://build.codepoet.com/category/css/">CSS</a> 444</li> 445 <li class="cat-item cat-item-8780"><a href="https://build.codepoet.com/category/customers/">Customers</a> 446</li> 447 <li class="cat-item cat-item-148"><a href="https://build.codepoet.com/category/design/">Design</a> 448</li> 449 <li class="cat-item cat-item-15005908"><a href="https://build.codepoet.com/category/education-2/">Education</a> 450</li> 451 <li class="cat-item cat-item-547342"><a href="https://build.codepoet.com/category/giving-back/">Giving Back</a> 452</li> 453 <li class="cat-item cat-item-120"><a href="https://build.codepoet.com/category/mobile/">Mobile</a> 454</li> 455 <li class="cat-item cat-item-35263343"><a href="https://build.codepoet.com/category/plugins-2/">Plugins</a> 456</li> 457 <li class="cat-item cat-item-136062972"><a href="https://build.codepoet.com/category/pricing-and-charging/">Pricing and Charging</a> 458</li> 459 <li class="cat-item cat-item-801"><a href="https://build.codepoet.com/category/security/">Security</a> 460</li> 461 <li class="cat-item cat-item-1958"><a href="https://build.codepoet.com/category/seo/">SEO</a> 462</li> 463 <li class="cat-item cat-item-34983209"><a href="https://build.codepoet.com/category/support-2/">Support</a> 464</li> 465 <li class="cat-item cat-item-88908582"><a href="https://build.codepoet.com/category/theme-dev/">Theme Dev</a> 466</li> 467 <li class="cat-item cat-item-19336"><a href="https://build.codepoet.com/category/typography/">Typography</a> 468</li> 469 <li class="cat-item cat-item-1"><a href="https://build.codepoet.com/category/uncategorized/">Uncategorized</a> 470</li> 471 <li class="cat-item cat-item-349"><a href="https://build.codepoet.com/category/writing/">Writing</a> 472</li> 473 </ul> 474 </div> 475 </div> 476 </div> 477 </div> 478 <section> 479 480 481 <div class="signup"> 482 <div class="signup-title"> 483 <h1 class="tk-st">Do you make things with WordPress?</h1> 484 <p class="tk-ff">Be the first to know about books, interviews, resources, Code Poet-only sneak previews, and more.</p> 485 </div> 486 <div class="signup-box"> 487 <strong class="tk-st">Trust us with your email address:</strong> 488 <form class="notify-me" name="notify" id="notify" method="post" action="http://codepoet.createsend.com/t/j/s/pkthi/">
489 <img src="https://s2.wp.com/wp-content/themes/a8c/codepoet/img/ajax-loader.gif?m=1337109654i" class="ajax-loader" alt="ajax-loader" width="16" height="16" style="display: none;" /> 490 <input type="text" id="cm-email-address" name="cm-email-address" value="" placeholder="Enter your email" class="tk-ff"> 491 <input type="submit" value="Notify me" class="tk-ff"> 492 </form> 493 </div> 494 </div> 495 496 497 498 499 500 <article id="post-4892" class="post-4892 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-typography tag-responsive-design tag-tim-brown tag-typography-2 resource_type-resources"> 501 <a href="https://build.codepoet.com/2015/01/07/universal-typography-tim-brown/" class="title-link" title="Permalink to Universal Typography with Tim Brown" rel="bookmark"><h4 class="tk-st">Universal Typography with Tim Brown</h4></a> 502 <h5 class="tk-ff"> 503 <a href="https://build.codepoet.com/asset/resources/" rel="tag">Resources</a> </h5> 504 <a href="https://build.codepoet.com/2015/01/07/universal-typography-tim-brown/" title="Permalink to Universal Typography with Tim Brown" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2015/01/universaltypography.jpg" class="screen" alt="img-template" /></a> 505 <p>Let typography expert Tim Brown school you on the role of typography in responsive design. </p> 506</article> 507 508 509 510 511 <article id="post-2942" class="post-2942 post type-post status-publish format-standard has-post-thumbnail hentry category-client-services-2 category-design tag-client-relations tag-design-2 resource_type-resources"> 512 <a href="https://build.codepoet.com/2014/03/26/what-clients-dont-know/" class="title-link" title="Permalink to What Clients Donât Know by Mike Monteiro" rel="bookmark"><h4 class="tk-st">What Clients Donât Know by Mike Monteiro</h4></a> 513 <h5 class="tk-ff"> 514 <a href="https://build.codepoet.com/asset/resources/" rel="tag">Resources</a> </h5> 515 <a href="https://build.codepoet.com/2014/03/26/what-clients-dont-know/" title="Permalink to What Clients Donât Know by Mike Monteiro" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2014/03/monteiro.jpg" class="screen" alt="img-template" /></a> 516 <p>Mike Monteiro on your role in building strong client relationships.</p> 517</article> 518 519 520 521 522 <article id="post-2925" class="post-2925 post type-post status-publish format-standard has-post-thumbnail hentry category-code-2 category-theme-dev tag-performance tag-themes tag-theming resource_type-resources"> 523 <a href="https://build.codepoet.com/2014/02/26/theme-performance/" class="title-link" title="Permalink to Theme Performance" rel="bookmark"><h4 class="tk-st">Theme Performance</h4></a> 524 <h5 class="tk-ff"> 525 <a href="https://build.codepoet.com/asset/resources/" rel="tag">Resources</a> </h5> 526 <a href="https://build.codepoet.com/2014/02/26/theme-performance/" title="Permalink to Theme Performance" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2014/02/cheetah.jpg" class="screen" alt="img-template" /></a> 527 <p>Less *is* more. Make your themes sleek and fast. Read Theme Performance.</p> 528</article> 529 530 531 532 533 <article id="post-2910" class="smaller post-2910 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-themes resource_type-resources"> 534 <a href="https://build.codepoet.com/2014/01/08/what-is-a-theme/" class="title-link" title="Permalink to What is a theme?" rel="bookmark"><h4 class="tk-st">What is a theme?</h4></a> 535 <h5 class="tk-ff"> 536 <a href="https://build.codepoet.com/asset/resources/" rel="tag">Resources</a> </h5> 537 <a href="https://build.codepoet.com/2014/01/08/what-is-a-theme/" title="Permalink to What is a theme?" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2014/01/wdfmnaxyad-3000x3000.jpeg" class="screen" alt="img-template" /></a> 538 <p>Get up to speed on the anatomy of a theme, fast. </p> 539</article> 540 541 542 543 544 <article id="post-2775" class="smaller post-2775 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-client-services-2 c
544ategory-community-2 category-giving-back tag-code tag-community tag-freelance resource_type-interviews"> 545 <a href="https://build.codepoet.com/2013/12/11/heather-acton-interview/" class="title-link" title="Permalink to Heather Acton Interview" rel="bookmark"><h4 class="tk-st">Heather Acton Interview</h4></a> 546 <h5 class="tk-ff"> 547 <a href="https://build.codepoet.com/asset/interviews/" rel="tag">Interviews</a> </h5> 548 <a href="https://build.codepoet.com/2013/12/11/heather-acton-interview/" title="Permalink to Heather Acton Interview" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2013/09/img_4090.jpeg" class="screen" alt="img-template" /></a> 549 <p>Heather Acton is a strong community supporter who runs a thriving business making things with WordPress.</p> 550</article> 551 552 553 554 555 <article id="post-2892" class="smaller post-2892 post type-post status-publish format-standard has-post-thumbnail hentry category-code-2 category-community-2 category-design category-giving-back tag-code tag-design-2 tag-editing tag-giving-back-2 tag-writing resource_type-resources"> 556 <a href="https://build.codepoet.com/2013/12/04/make-wordpress-org-communities/" class="title-link" title="Permalink to make.wordpress.org Communities" rel="bookmark"><h4 class="tk-st">make.wordpress.org Communities</h4></a> 557 <h5 class="tk-ff"> 558 <a href="https://build.codepoet.com/asset/resources/" rel="tag">Resources</a> </h5> 559 <a href="https://build.codepoet.com/2013/12/04/make-wordpress-org-communities/" title="Permalink to make.wordpress.org Communities" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2013/12/makewp.jpeg" class="screen" alt="img-template" /></a> 560 <p>Head on over to <a href="http://make.wordpress.org/">make.wordpress.org</a> to see how you can contribute to WordPress.</p> 561</article> 562 563 564 565 566 <article id="post-2879" class="smaller post-2879 post type-post status-publish format-standard has-post-thumbnail hentry category-code-2 category-community-2 tag-bugs tag-trac resource_type-resources"> 567 <a href="https://build.codepoet.com/2013/11/27/trac-ticket/" class="title-link" title="Permalink to How to Submit a Trac Ticket" rel="bookmark"><h4 class="tk-st">How to Submit a Trac Ticket</h4></a> 568 <h5 class="tk-ff"> 569 <a href="https://build.codepoet.com/asset/resources/" rel="tag">Resources</a> </h5> 570 <a href="https://build.codepoet.com/2013/11/27/trac-ticket/" title="Permalink to How to Submit a Trac Ticket" rel="bookmark"><img src="https://build.codepoet.com/wp-content/uploads/2013/11/how-to-trac.jpg" class="screen" alt="img-template" /></a> 571 <p>Robert Dall on how and when to submit WordPress Trac tickets. </p> 572</article> 573 574 575 576 577 578 579 580 581 582 583 584 585 586 </section> 587 588
588<script type="text/javascript"> 589 jQuery(document).ready(function () { 590 CP.Core.homeInit(); 591 }); 592 jQuery(window).resize(function() { 593 CP.Core.homeResize(); 594 }); 595 </script>
595 596 597 598 <div class="clear"></div> 599 <footer class="tk-ff"> 600 <div class="monster"></div> 601 <span class="right">An <a href="http://automattic.com" class="tk-st">AUTOMATTIC</a> Production</span> 602 <span class="links"><span>Copyright 2026</span> <a href="/ourstory/">Our Story</a> <a href="http://automattic.com/privacy/">Privacy</a> <a href="https://twitter.com/#!/wpcodepoet">@wpcodepoet</a> <a href="http://directory.codepoet.com/">Directory</a></span> 603 </footer> 604 </div><!-- /.container --> 605
605<script type="text/javascript"> 606 607 var _gaq = _gaq || []; 608 _gaq.push(['_setAccount', 'UA-52447-44']); 609 _gaq.push(['_setDomainName', 'codepoet.com']); 610 _gaq.push(['_trackPageview']); 611 612 (function() { 613 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 614 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 615 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 616 })(); 617 618 </script>
618 619 <!-- -->
620<script type="speculationrules"> 621{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/files/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/a8c/codepoet/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 622</script>
vendor: 1 bytes, line 622
622
623<script id="grofiles-cards-js" src="//0.gravatar.com/js/hovercards/hovercards.min.js?ver=202640d1133547e8a1f2801609f51cef12522abe7f6647d869e9fbc974fe356a37e613"></script>
vendor: 1 bytes, line 623
623
624<script id="wpgroho-js-extra"> 625var WPGroHo = {"my_hash":""}; 626//# sourceURL=wpgroho-js-extra 627</script>
vendor: 1 bytes, line 627
627
628<script crossorigin='anonymous' type='text/javascript' src='/wp-content/mu-plugins/gravatar-hovercards/wpgroho.js?m=1610363240i'></script>
628 629 630
630<script> 631 // Initialize and attach hovercards to all gravatars 632 ( function() { 633 function init() { 634 if ( typeof Gravatar === 'undefined' ) { 635 return; 636 } 637 638 if ( typeof Gravatar.init !== 'function' ) { 639 return; 640 } 641 642 Gravatar.profile_cb = function ( hash, id ) { 643 WPGroHo.syncProfileData( hash, id ); 644 }; 645 646 Gravatar.my_hash = WPGroHo.my_hash; 647 Gravatar.init( 648 'body', 649 '#wp-admin-bar-my-account', 650 { 651 i18n: { 652 'Edit your profile â': 'Edit your profile â', 653 'View profile â': 'View profile â', 654 'Contact': 'Contact', 655 'Send money': 'Send money', 656 'Sorry, we are unable to load this Gravatar profile.': 'Sorry, we are unable to load this Gravatar profile.', 657 'Gravatar not found.': 'Gravatar not found.', 658 'Too Many Requests.': 'Too Many Requests.', 659 'Internal Server Error.': 'Internal Server Error.', 660 'Is this you?': 'Is this you?', 661 'Claim your free profile.': 'Claim your free profile.', 662 'Email': 'Email', 663 'Home Phone': 'Home Phone', 664 'Work Phone': 'Work Phone', 665 'Cell Phone': 'Cell Phone', 666 'Contact Form': 'Contact Form', 667 'Calendar': 'Calendar', 668 }, 669 } 670 ); 671 } 672 673 if ( document.readyState !== 'loading' ) { 674 init(); 675 } else { 676 document.addEventListener( 'DOMContentLoaded', init ); 677 } 678 } )(); 679 </script>
679 680 681 <div style="display:none"> 682 </div> 683 <div id="actionbar" dir="ltr" style="display: none;" 684 class="actnbr-a8c-codepoet" role="region" aria-label="Site actions"> 685 <span class="actnbr-live" aria-live="polite"></span> 686 <ul> 687 <li class="actnbr-btn actnbr-hidden"> 688 <a class="actnbr-action actnbr-actn-follow " href="" role="button" aria-haspopup="dialog" aria-expanded="false"> 689 <svg class="actnbr-icon actnbr-icon-bell" width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 11.5c0 1.353.17 2.368.976 3 .266.209.602.376 1.024.5v1H5v-1c.422-.124.757-.291 1.024-.5.806-.632.976-1.647.976-3V9c0-2.8 2.2-5 5-5s5 2.2 5 5v2.5ZM15.5 9v2.5c0 .93.066 1.98.515 2.897l.053.103H7.932a4.018 4.018 0 0 0 .053-.103c.449-.917.515-1.967.515-2.897V9c0-1.972 1.528-3.5 3.5-3.5s3.5 1.528 3.5 3.5Zm-5.492 9.008c0-.176.023-.346.065-.508h3.854A1.996 1.996 0 0 1 12 20c-1.1 0-1.992-.892-1.992-1.992Z"/></svg> <span>Subscribe</span> 690 </a> 691 <a class="actnbr-action actnbr-actn-following no-display" href="" role="button"> 692 <svg class="actnbr-icon actnbr-icon-check" width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" style="fill: none" stroke="currentColor" stroke-width="1.5"><path d="M7 12L10 15L17 8" vector-effect="non-scaling-stroke"/></svg> <span>Subscribed</span> 693 </a> 694 <div class="actnbr-popover actnbr-panel actnbr-notice" id="follow-bubble" role="dialog" aria-label="Subscribe to Code Poet"> 695 <div class="actnbr-follow-bubble"> 696 <div class="actnbr-panel__group"><a class="actnbr-menu__item actnbr-sitename" href="https://build.codepoet.com"><img loading='lazy' alt='' src='https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=50&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png' srcset='https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=50&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=75&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1.5x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=100&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 2x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=150&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 3x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=200&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 4x' class='avatar avatar-50' height='50' width='50' /><span class="actnbr-menu__label">Code Poet</span></a></div> <div class="actnbr-panel__group"> 697 <div class="actnbr-message no-display" aria-live="polite"></div> 698 <form method="post" action="https://subscribe.wordpress.com" accept-charset="utf-8" class="no-display"> 699 <div class="actnbr-follow-count">Join 2,074 other subscribers</div> 700 <input type="email" name="email" placeholder="Want updates? Enter your email" class="actnbr-email-field" aria-label="Email address" /> 701 <input type="hidden" name="action" value="subscribe" /> 702 <input type="hidden" name="blog_id" value="36198572" /> 703 <input type="hidden" name="source" value="https://build.codepoet.com/" /> 704 <input type="hidden" name="sub-type" value="actionbar-follow" /> 705 <input type="hidden" id="_wpnonce" name="_wpnonce" value="c3f9640b82" /> <button type="submit" class="actnbr-button">Sign me up</button> 706 </form> 707 <p class="actnbr-login-nudge"> 708 Have a WordPress.com account? <a href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fr-login.wordpress.com%2Fremote-login.php%3Faction%3Dlink%26back%3Dhttps%253A%252F%252Fbuild.codepoet.com%252F2015%252F01%252F07%252Funiversal-typography-tim-brown%252F">Log in now.</a> </p> 709 </div> 710 </div> 711 </div> 712 </li> 713 <li class="actnbr-ellipsis actnbr-hidden"> 714 <button type="button" class="actnbr-more-toggle" aria-haspopup="true" aria-expanded="false" aria-label="More options"> 715 <svg class="actnbr-icon actnbr-icon-more-horizontal" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="currentColor"><path d="M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"/></svg> </button> 716 <div class="actnbr-popover actnbr-menu" role="menu" aria-label="Site options"> 717 <div class="actnbr-menu__group" role="group"><a role="menuitem" class="actnbr-menu__item actnbr-sitename" href="https://build.codepoet.com"><img loading='lazy' alt='' src='https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=50&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png' srcset='https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=50&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=75&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1.5x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=100&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 2x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=150&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 3x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=200&d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 4x' class='avatar avatar-50' height='50' width='50' /><span class="actnbr-menu__label">Code Poet</span></a></div><div class="actnbr-menu__group" role="group"><a role="menuitem" class="actnbr-menu__item actnbr-reader" href="https://wordpress.com/reader/feeds/2419451"><span class="actnbr-menu__label">View site in Reader</span></a></div><div class="actnbr-menu__group" role="group"><a role="menuitem" class="actnbr-menu__item actnbr-subs" href="https://subscribe.wordpress.com/"><span class="actnbr-menu__label">Manage subscriptions</span></a><a role="menuitem" class="actnbr-menu__item actnbr-signup" href="https://wordpress.com/start/"><span class="actnbr-menu__label">Sign up</span></a><a role="menuitem" class="actnbr-menu__item actnbr-login" href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fr-login.wordpress.com%2Fremote-login.php%3Faction%3Dlink%26back%3Dhttps%253A%252F%252Fbuild.codepoet.com%252F2015%252F01%252F07%252Funiversal-typography-tim-brown%252F"><span class="actnbr-menu__label">Log in</span></a></div><div class="actnbr-menu__group" role="group"><a role="menuitem" class="actnbr-menu__item flb-report" href="https://wordpress.com/abuse/?report_url=https://build.codepoet.com" target="_blank" rel="noopener noreferrer"><span class="actnbr-menu__label">Report this content</span><span class="actnbr-menu__icon"><svg class="actnbr-icon actnbr-icon-external" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="currentColor"><path d="M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z"/></svg></span></a></div><div class="actnbr-menu__group" role="group"><a role="menuitem" class="actnbr-menu__item actnbr-fold" href=""><span class="actnbr-menu__label">Collapse this bar</span></a></div> </div> 718 </li> 719 </ul> 720 </div> 721
721<script> 722window.addEventListener( "DOMContentLoaded", function () { 723 var link = document.createElement( "link" ); 724 link.href = "\/wp-content\/mu-plugins\/jetpack-plugin\/moon\/jetpack_vendor\/automattic\/jetpack-newsletter\/src\/..\/build\/action-bar.css?ver=33ad88c8b02f7d5bc6d2"; 725 link.rel = "stylesheet"; 726 document.head.appendChild( link ); 727 728 var script = document.createElement( "script" ); 729 script.src = "\/wp-content\/mu-plugins\/jetpack-plugin\/moon\/jetpack_vendor\/automattic\/jetpack-newsletter\/src\/..\/build\/action-bar.js?ver=33ad88c8b02f7d5bc6d2"; 730 document.body.appendChild( script ); 731 } ); 732</script>
732 733 734
734<script type="text/javascript"> 735 (function () { 736 var wpcom_reblog = { 737 source: 'toolbar', 738 739 toggle_reblog_box_flair: function (obj_id, post_id) { 740 741 // Go to site selector. This will redirect to their blog if they only have one. 742 const postEndpoint = `https://wordpress.com/post`; 743 744 // Ideally we would use the permalink here, but fortunately this will be replaced with the 745 // post permalink in the editor. 746 const originalURL = `${ document.location.href }?page_id=${ post_id }`; 747 748 const url = 749 postEndpoint + 750 '?url=' + 751 encodeURIComponent( originalURL ) + 752 '&is_post_share=true' + 753 '&v=5'; 754 755 const redirect = function () { 756 if ( 757 ! window.open( url, '_blank' ) 758 ) { 759 location.href = url; 760 } 761 }; 762 763 if ( /Firefox/.test( navigator.userAgent ) ) { 764 setTimeout( redirect, 0 ); 765 } else { 766 redirect(); 767 } 768 }, 769 }; 770 771 window.wpcom_reblog = wpcom_reblog; 772 })(); 773 </script>
vendor: 1 bytes, line 773
773
774<script id="codepoet-js-js-extra"> 775var core = {"ajaxurl":"/wp-admin/admin-ajax.php","user_id":""}; 776//# sourceURL=codepoet-js-js-extra 777</script>
vendor: 1 bytes, line 777
777
778<script id="codepoet-campaignmonitor-js-extra"> 779var codepoet_signup = {"nonce":"fe9db9a020"}; 780var codepoet_signup = {"nonce":"fe9db9a020"}; 781//# sourceURL=codepoet-campaignmonitor-js-extra 782</script>
vendor: 1 bytes, line 782
782
783<script crossorigin='anonymous' type='text/javascript' src='/_static/??-eJyNjTEOgzAMAD9EcANCSoeKt0TBKkmxHRJHiN+3S2fYbrjTwZFNEFZkBV2RsIJ3AYIsmAUVUoVKftsMIbc+1Q6ugz/f1NPesJx9EPlEvLvwlH18syHhqFJ+2UwvO052eD7c6NIX3M5Ogw=='></script>
vendor: 1 bytes, line 783
783
784<script id="wp-emoji-settings" type="application/json"> 785{"baseUrl":"https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/","ext":".png","svgUrl":"https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/svg/","svgExt":".svg","source":{"concatemoji":"/wp-includes/js/wp-emoji-release.min.js?m=1783090810i&ver=7.2-alpha-63387"}} 786</script>
vendor: 1 bytes, line 786
786
787<script type="module"> 788/*! This file is auto-generated */ 789var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 790//# sourceURL=/wp-includes/js/wp-emoji-loader.min.js 791</script>
vendor: 1 bytes, line 791
791
792<script src="//stats.wp.com/w.js?69" defer></script>
792
792<script type="text/javascript"> 793_tkq = window._tkq || []; 794_stq = window._stq || []; 795_tkq.push(['storeContext', {'blog_id':'36198572','blog_tz':'0','user_lang':'en','blog_lang':'en','user_id':'0'}]); 796 // Prevent sending pageview tracking from WP-Admin pages. 797 _stq.push(['view', {'blog':'36198572','v':'wpcom','tz':'0','user_id':'0','arch_home':'1','subd':'newcodepoet'}]); 798 _stq.push(['extra', {'crypt':'UE5tW3cvZGQ9cEJLeGpMay9ISEwzK1dFZ3BfW2V8fFpnaDdrLlRreD9aUi1hSzNzMH5relZpLUlqRkdnSFtxX0JZLn5hMHIrU0pJZVpXPTJUZXphP2ZndVFWclBaQi5MS2ZEPXBpUm4vYWRzczEyT25uWT89aUVVdD1+VCtQa3VKcitQMjlsV0E2fD1MY1pvRS1IXWY9Jm4sfDYmdlFMXz9NZmpZV3ouJnJjWUN6PSwvOVJdZXxxeiZVekYrTyVQYXFxQmQ4Sk5ISktlP35a'}]); 799_stq.push([ 'clickTrackerInit', '36198572', '0' ]); 800</script>
800 801<noscript><img src="https://pixel.wp.com/b.gif?v=noscript" style="height:1px;width:1px;overflow:hidden;position:absolute;bottom:1px;" alt="" /></noscript> 802<meta id="bilmur" property="bilmur:data" content="" data-provider="wordpress.com" data-service="simple" data-site-tz="Etc/GMT-0" data-custom-props="{"enq_jquery":"1","logged_in":"0","wptheme":"a8c\/codepoet","wptheme_is_block":"0"}" > 803
803<script defer src="/wp-content/js/bilmur.min.js?i=19&m=202640"></script>
803 804 </body> 805</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.