PageSourceSearch

https://build.codepoet.com/

html codepoet.com collected 2026-10-02 04:58:57 UTC 71,419 bytes, 805 lines download raw bytes

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 &raquo; Feed" href="https://build.codepoet.com/feed/" />
167<link rel="alternate" type="application/rss+xml" title="Code Poet &raquo; 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&amp;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&#038;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. &nbsp;<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&nbsp;Brown" rel="bookmark"><h4 class="tk-st">Universal Typography with Tim&nbsp;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&nbsp;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&nbsp;Monteiro" rel="bookmark"><h4 class="tk-st">What Clients Don’t Know by Mike&nbsp;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&nbsp;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&nbsp;theme?" rel="bookmark"><h4 class="tk-st">What is a&nbsp;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&nbsp;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&nbsp;Ticket" rel="bookmark"><h4 class="tk-st">How to Submit a Trac&nbsp;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&nbsp;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&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png' srcset='https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=50&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=75&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1.5x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=100&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 2x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=150&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 3x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=200&#038;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&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png' srcset='https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=50&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=75&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 1.5x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=100&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 2x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=150&#038;d=https%3A%2F%2Fs-ssl.wordpress.com%2Fi%2Flogo%2Fwpcom-gray-white.png 3x, https://secure.gravatar.com/blavatar/d712e8423c9961fb1435934d4e49644c08395920f1aacf979be4f43b69340f61?s=200&#038;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="{&quot;enq_jquery&quot;:&quot;1&quot;,&quot;logged_in&quot;:&quot;0&quot;,&quot;wptheme&quot;:&quot;a8c\/codepoet&quot;,&quot;wptheme_is_block&quot;:&quot;0&quot;}"   >
803		
803<script defer src="/wp-content/js/bilmur.min.js?i=19&amp;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.