PageSourceSearch

https://morphocode.com/post/inspiration/

html morphocode.com collected 2026-10-01 10:42:25 UTC 87,971 bytes, 1,144 lines download raw bytes

1<!DOCTYPE html>
2<!--[if IE 9 ]> <html lang="en-US" class="ie9 loading-site no-js"> <![endif]-->
3<!--[if IE 8 ]> <html lang="en-US" class="ie8 loading-site no-js"> <![endif]-->
4<!--[if (gte IE 9)|!(IE)]><!--><html lang="en-US" class="loading-site no-js"> <!--<![endif]-->
5<head>
6	<meta charset="UTF-8" />
7	<link rel="profile" href="http://gmpg.org/xfn/11" />
8	<link rel="pingback" href="https://morphocode.com/xmlrpc.php" />
9
10	
10<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
10
11<meta name='robots' content='max-image-preview:large' />
12<link rel="alternate" hreflang="en-us" href="https://morphocode.com/post/inspiration/" />
13<meta name="dlm-version" content="5.1.10">
14	<!-- This site is optimized with the Yoast SEO plugin v14.0.4 - https://yoast.com/wordpress/plugins/seo/ -->
15	<title>Inspiration Archives - MORPHOCODE</title>
16	<meta name="robots" content="index, follow" />
17	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
18	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
19	<link rel="canonical" href="https://morphocode.com/post/inspiration/" />
20	<meta property="og:locale" content="en_US" />
21	<meta property="og:type" content="article" />
22	<meta property="og:title" content="Inspiration Archives - MORPHOCODE" />
23	<meta property="og:url" content="https://morphocode.com/post/inspiration/" />
24	<meta property="og:site_name" content="MORPHOCODE" />
25	
25<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://morphocode.com/#website","url":"https://morphocode.com/","name":"MORPHOCODE","description":"an interdisciplinary architectural practice","potentialAction":[{"@type":"SearchAction","target":"https://morphocode.com/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"CollectionPage","@id":"https://morphocode.com/post/inspiration/#webpage","url":"https://morphocode.com/post/inspiration/","name":"Inspiration Archives - MORPHOCODE","isPartOf":{"@id":"https://morphocode.com/#website"},"inLanguage":"en-US"}]}</script>
25
26	<!-- / Yoast SEO plugin. -->
27
28
29<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
30<link rel='dns-prefetch' href='//stats.wp.com' />
31<link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' />
32<link rel='dns-prefetch' href='//v0.wordpress.com' />
33<link rel="alternate" type="application/rss+xml" title="MORPHOCODE &raquo; Feed" href="https://morphocode.com/feed/" />
34<link rel="alternate" type="application/rss+xml" title="MORPHOCODE &raquo; Comments Feed" href="https://morphocode.com/comments/feed/" />
35<link rel="alternate" type="application/rss+xml" title="MORPHOCODE &raquo; Inspiration Category Feed" href="https://morphocode.com/post/inspiration/feed/" />
36<!-- This site uses the Google Analytics by MonsterInsights plugin v7.10.4 - Using Analytics tracking - https://www.monsterinsights.com/ -->
37<script type="text/javascript" data-cfasync="false">
38	var mi_version         = '7.10.4';
39	var mi_track_user      = true;
40	var mi_no_track_reason = '';
41	
42	var disableStr = 'ga-disable-UA-20080950-1';
43
44	/* Function to detect opted out users */
45	function __gaTrackerIsOptedOut() {
46		return document.cookie.indexOf(disableStr + '=true') > -1;
47	}
48
49	/* Disable tracking if the opt-out cookie exists. */
50	if ( __gaTrackerIsOptedOut() ) {
51		window[disableStr] = true;
52	}
53
54	/* Opt-out function */
55	function __gaTrackerOptout() {
56	  document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
57	  window[disableStr] = true;
58	}
59	
60	if ( mi_track_user ) {
61		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
62			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
63			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
64		})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');
65
66		__gaTracker('create', 'UA-20080950-1', 'auto');
67		__gaTracker('set', 'forceSSL', true);
68		__gaTracker('send','pageview');
69	} else {
70		console.log( "" );
71		(function() {
72			/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
73			var noopfn = function() {
74				return null;
75			};
76			var noopnullfn = function() {
77				return null;
78			};
79			var Tracker = function() {
80				return null;
81			};
82			var p = Tracker.prototype;
83			p.get = noopfn;
84			p.set = noopfn;
85			p.send = noopfn;
86			var __gaTracker = function() {
87				var len = arguments.length;
88				if ( len === 0 ) {
89					return;
90				}
91				var f = arguments[len-1];
92				if ( typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function' ) {
93					console.log( 'Not running function __gaTracker(' + arguments[0] + " ....) because you are not being tracked. " + mi_no_track_reason );
94					return;
95				}
96				try {
97					f.hitCallback();
98				} catch (ex) {
99
100				}
101			};
102			__gaTracker.create = function() {
103				return new Tracker();
104			};
105			__gaTracker.getByName = noopnullfn;
106			__gaTracker.getAll = function() {
107				return [];
108			};
109			__gaTracker.remove = noopfn;
110			window['__gaTracker'] = __gaTracker;
111					})();
112		}
113</script>
113
114<!-- / Google Analytics by MonsterInsights -->
115<style id="wp-img-auto-sizes-contain-inline-css">
116img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
117/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
118</style>
119<style id="wp-emoji-styles-inline-css">
120
121	img.wp-smiley, img.emoji {
122		display: inline !important;
123		border: none !important;
124		box-shadow: none !important;
125		height: 1em !important;
126		width: 1em !important;
127		margin: 0 0.07em !important;
128		vertical-align: -0.1em !important;
129		background: none !important;
130		padding: 0 !important;
131	}
132/*# sourceURL=wp-emoji-styles-inline-css */
133</style>
134<style id="wp-block-library-inline-css">
135: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;
135--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}}
136
137/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
138</style>
139<style id="classic-theme-styles-inline-css">
140/*! This file is auto-generated */
141.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
142/*# sourceURL=/wp-includes/css/classic-themes.min.css */
143</style>
144
145<style id="global-styles-inline-css">
146: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,
1460) 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--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;}
146.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;}
147/*# sourceURL=global-styles-inline-css */
148</style>
149
150<link rel='stylesheet' id='modal-login-styles-css' href='https://morphocode.com/wp-content/plugins/pressapps-modal-login/css/modal-login.css?ver=1.2.0' media='screen' />
151<link rel='stylesheet' id='theme-wide-css' href='https://morphocode.com/wp-content/plugins/pressapps-modal-login/css/theme-wide.css?ver=1.2.0' media='screen' />
152<link rel='stylesheet' id='labels-css' href='https://morphocode.com/wp-content/plugins/pressapps-modal-login/css/labels.css?ver=1.2.0' media='screen' />
153<link rel='stylesheet' id='wpml-legacy-dropdown-0-css' href='//morphocode.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/style.css?ver=1' media='all' />
154<style id="wpml-legacy-dropdown-0-inline-css">
155.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {border-color:#cdcdcd;}.wpml-ls-statics-shortcode_actions a {color:#444444;background-color:#ffffff;}.wpml-ls-statics-shortcode_actions a:hover,.wpml-ls-statics-shortcode_actions a:focus {color:#000000;background-color:#eeeeee;}.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {color:#444444;background-color:#ffffff;}.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a, .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a:focus {color:#000000;background-color:#eeeeee;}
156/*# sourceURL=wpml-legacy-dropdown-0-inline-css */
157</style>
158<link rel='stylesheet' id='flatsome-icons-css' href='https://morphocode.com/wp-content/themes/flatsome/assets/css/fl-icons.css?ver=3.3' media='all' />
159<link rel='stylesheet' id='flatsome-ninjaforms-css' href='https://morphocode.com/wp-content/themes/flatsome/inc/integrations/ninjaforms/ninjaforms.css?ver=7.1.2' media='all' />
160<link rel='stylesheet' id='font-awesome-css' href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css?ver=0.3.7' media='all' />
161<link rel='stylesheet' id='amarkal-css' href='https://morphocode.com/wp-content/plugins/mivhak/vendor/askupa-software/amarkal-framework/Assets/css/amarkal.min.css?ver=0.3.7' media='all' />
162<link rel='stylesheet' id='select2-css' href='https://morphocode.com/wp-content/plugins/mivhak/vendor/askupa-software/amarkal-framework/Assets/css/select2.min.css?ver=0.3.7' media='all' />
163<link rel='stylesheet' id='mivhak-css' href='https://morphocode.com/wp-content/plugins/mivhak/assets/css/mivhak.min.css?ver=1.3.6' media='all' />
164<link rel='stylesheet' id='flatsome-main-css' href='https://morphocode.com/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.9.0' media='all' />
165<link rel='stylesheet' id='flatsome-style-css' href='https://morphocode.com/wp-content/themes/morphocode-neue/style.css?ver=1.0' media='all' />
166<script id="monsterinsights-frontend-script-js-extra">
167var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"pdf,doc,ppt,xls,zip,docx,pptx,xlsx","inbound_paths":"[]","home_url":"https://morphocode.com","hash_tracking":"false"};
168//# sourceURL=monsterinsights-frontend-script-js-extra
169</script>
vendor: 1 bytes, line 169
169
170<script id="monsterinsights-frontend-script-js" src="https://morphocode.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend.min.js?ver=7.10.4"></script>
vendor: 1 bytes, line 170
170
171<script id="jquery-core-js" src="https://morphocode.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 171
171
172<script id="jquery-migrate-js" src="https://morphocode.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 172
172
173<script id="wpml-legacy-dropdown-0-js" src="//morphocode.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/script.js?ver=1"></script>
173
174<link rel="https://api.w.org/" href="https://morphocode.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://morphocode.com/wp-json/wp/v2/categories/1164" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://morphocode.com/xmlrpc.php?rsd" />
175<meta name="generator" content="WordPress 7.1.2" />
176<meta name="generator" content="WPML ver:3.9.4 stt:7,1;" />
177<style text="text/css"id="modal-login-style-css">#additional-settings, #additional-settings a, #additional-settings a:hover { color: #0099ff}
178#modal-login .submit .button { background: #0099ff}
179#modal-login .submit .button { border: none; }
180</style>
181	<style>img#wpstats{display:none}</style>
182		<!--[if IE]><link rel="stylesheet" type="text/css" href="https://morphocode.com/wp-content/themes/flatsome/assets/css/ie-fallback.css">
182<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script>
182<script>var head = document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';style.styleSheet.cssText = ':before,:after{content:none !important';head.appendChild(style);setTimeout(function(){head.removeChild(style);}, 0);</script>
182<script src="https://morphocode.com/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script>
182<![endif]--><style>.mivhak-code-wrapper {
183    padding: 10px;
184    background: #F9F9F9;
185}</style><link rel="me" href="https://twitter.com/morphocode"><meta name="twitter:widgets:link-color" content="#000000"><meta name="twitter:widgets:border-color" content="#000000"><meta name="twitter:partner" content="tfwp">
186<meta name="twitter:card" content="summary"><meta name="twitter:title" content="Category: Inspiration"><meta name="twitter:site" content="@morphocode">
187<style id="custom-css" type="text/css">:root {--primary-color: #1d6ff3;}.header-main{height: 72px}#logo img{max-height: 72px}#logo{width:120px;}.header-bottom{min-height: 13px}.header-top{min-height: 20px}.transparent .header-main{height: 72px}.transparent #logo img{max-height: 72px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 72px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color, .header-wrapper {background-color: #ffffff}.header-bottom {background-color: #f1f1f1}.header-main .nav > li > a{line-height: 16px }.stuck .header-main .nav > li > a{line-height: 50px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #1d6ff3;}/* Color !important */[data-text-color="primary"]{color: #1d6ff3!important;}/* Background Color */[data-text-bg="primary"]{background-color: #1d6ff3;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #1d6ff3;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #1d6ff3}.nav-tabs > li.active > a{border-top-color: #1d6ff3}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #1d6ff3 }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #1d6ff3 }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #1d6ff3;}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button{ background-color:#3a3a3a; }[data-text-bg="secondary"]{background-color: #3a3a3a;}
187/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #3a3a3a}/* Color !important */[data-text-color="secondary"]{color: #3a3a3a!important;}/* Border */.secondary.is-outline:hover{border-color:#3a3a3a}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family:"Lato", sans-serif}body{font-weight: 400}body{color: #434a54}.nav > li > a {font-family:"Lato", sans-serif;}.nav > li > a {font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Lato", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font{color: #4a4a4a;}.breadcrumbs{text-transform: none;}button,.button{text-transform: none;}.nav > li > a, .links > li > a{text-transform: none;}.section-title span{text-transform: none;}h3.widget-title,span.widget-title{text-transform: none;}.alt-font{font-family: "Dancing Script", sans-serif;}a{color: #1f8ceb;}a:hover{color: #5fadf1;}.tagcloud a:hover{border-color: #5fadf1;background-color: #5fadf1;}.footer-2{background-color: #ffffff}.absolute-footer, html{background-color: #ffffff}/* Custom CSS */.archive-page-header .taxonomy-description {display: none;}.compact {margin-left: auto;margin-right: auto;max-width: 690px;width: 100% !important;}.compact-mini {display: block;margin-left: auto;margin-right: auto;max-width: 490px;width: 100% !important;}.twitter-tweet {margin-left: auto;margin-right: auto;}.p-full-width p {max-width: none;}.post blockquote {max-width: 690px!important;}.post blockquote {border-width: 3px;border-color: #1f8ceb;padding: 5px 20px;}.post blockquote.epic {border: none;}.wp-video,video.wp-video-shortcode,.mejs-container,.mejs-overlay.load {width: 100% !important;height: 100% !important;background-color: #fff;}.wp-video,video.wp-video-shortcode {max-width: 100% !important;}video.wp-video-shortcode {position: relative;}.mejs-mediaelement {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}.mejs-overlay-play {top: 0;right: 0;bottom: 0;left: 0;width: auto !important;height: auto !important;}.mejs-container,.mejs-container.aspect-ratio--16x9 {padding-bottom: 56.25%;}.mejs-container.aspect-ratio--4x3 {padding-bottom: 75%;}.wp-video-hide-controls .mejs-controls {display: none;}.mejs-container.shadow-1 {box-shadow: 0 1px 10px 0 rgba(61, 57, 107, 0.15);}.mb0 {margin-bottom: 0;}.embed-vimeo {margin-bottom: 0;}.gallery-box .box-text p {background: none;color: #637280;font-style: normal;padding: .4em;font-size: .9em;font-family: "Sailec", sans-serif !important;}.tc{ text-align: center; }.form-custom input[aria-invalid="true"] {border-color: #ee7439;}.form-custom ul li {list-style-type: none;margin: 0;}.form-custom .validation_error,.form-custom .validation_message,.form-custom label,.gform_validation_container {display: none;}.form-custom .gform_title {font-size: 2.25rem;}.form-custom {margin-bottom: 0;}.form-custom-black input[type='submit'] {background-color: #4a4a4a;}.fw3 {font-weight: 300;}.bg-gradient-blue-to-lime {background: #EBF3FF;background: linear-gradient(#EBF3FF 30%, #67FAC1 30%);}.bg-gradient-white-to-lime {background: #fff;background: linear-gradient(#fff 30%, #67FAC1 30%);}.lh-title { line-height: 1.25; }.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style></head>
188
189<body class="archive category category-inspiration category-1164 wp-theme-flatsome wp-child-theme-morphocode-neue lightbox nav-dropdown-has-arrow">
190
191
192<a class="skip-link screen-reader-text" href="#main">Skip to content</a>
193
194<div id="wrapper">
195
196	
197	<header id="header" class="header ">
198		<div class="header-wrapper">
199			<div id="masthead" class="header-main hide-for-sticky">
200      <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
201
202          <!-- Logo -->
203          <div id="logo" class="flex-col logo">
204            <!-- Header logo -->
205<a href="https://morphocode.com/" title="MORPHOCODE - an interdisciplinary architectural practice" rel="home">
206    <img width="120" height="72" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-logo.png" class="header_logo header-logo" alt="MORPHOCODE"/><img  width="120" height="72" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-logo-light.png" class="header-logo-dark" alt="MORPHOCODE"/></a>
207          </div>
208
209          <!-- Mobile Left Elements -->
210          <div class="flex-col show-for-medium flex-left">
211            <ul class="mobile-nav nav nav-left ">
212                          </ul>
213          </div>
214
215          <!-- Left Elements -->
216          <div class="flex-col hide-for-medium flex-left
217            flex-grow">
218            <ul class="header-nav header-nav-main nav nav-left  nav-size-large nav-spacing-xlarge" >
219                          </ul>
220          </div>
221
222          <!-- Right Elements -->
223          <div class="flex-col hide-for-medium flex-right">
224            <ul class="header-nav header-nav-main nav nav-right  nav-size-large nav-spacing-xlarge">
225              <li id="menu-item-8702" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-8702"><a href="https://morphocode.com/academy/" class="nav-top-link">Academy</a></li>
226<li id="menu-item-16208" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-16208"><a href="https://morphocode.com/blog/" class="nav-top-link">Blog</a></li>
227<li id="menu-item-12577" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-12577"><a href="https://morphocode.com/work/" class="nav-top-link">Work</a></li>
228<li id="menu-item-6830" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-6830"><a href="https://morphocode.com/contact/" class="nav-top-link">Contact</a></li>
229<li id="menu-item-6896" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-6896"><a href="https://morphocode.com/about/" class="nav-top-link">About</a></li>
230            </ul>
231          </div>
232
233          <!-- Mobile Right Elements -->
234          <div class="flex-col show-for-medium flex-right">
235            <ul class="mobile-nav nav nav-right ">
236              <li class="nav-icon has-icon">
237  		<a href="#" data-open="#main-menu" data-pos="center" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">
238		
239		  <i class="icon-menu" ></i>
240		  		</a>
241	</li>            </ul>
242          </div>
243
244      </div><!-- .header-inner -->
245     
246      </div><!-- .header-main -->
247<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div><!-- .header-bg-container -->		</div><!-- header-wrapper-->
248	</header>
249
250	
251	<main id="main" class="">
252
253<div id="content" class="blog-wrapper blog-archive page-wrapper">
254		<header class="archive-page-header">
255	<div class="row">
256	<div class="large-12 text-center col">
257	<h1 class="page-title is-large uppercase">
258		Category Archives: <span>Inspiration</span>	</h1>
259		</div>
260	</div>
261</header><!-- .page-header -->
262
263	<div class="row align-center">
264		<div class="large-10 col">
265		
266
267
268  
269    <div class="row large-columns-1 medium-columns- small-columns-1">
270  		<div class="col post-item" >
271			<div class="col-inner">
272			<a href="https://morphocode.com/design-style-guides-map-making-tutorials-and-machine-learning-research/" class="plain">
273				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
274            					<div class="box-image" style="width:40%;">
275  						<div class="image-cover" style="padding-top:56%;">
276  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2019/06/morphocode-picks-featured-2-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
277  						  					</div><!-- .box-image -->
278          					<div class="box-text text-left" >
279					<div class="box-text-inner blog-post-inner">
280
281					
282										<h5 class="post-title is-large ">Design style guides, map making tutorials and machine learning research</h5>
283										<div class="is-divider"></div>
284										<p class="from_the_blog_excerpt ">Design manuals from USGS,  tutorials on automating data processing and research on using neural network [...]					</p>
285					                    
286					
287					
288					</div><!-- .box-text-inner -->
289					</div><!-- .box-text -->
290																<div class="badge absolute top post-date badge-outline">
291							<div class="badge-inner">
292								<span class="post-date-day">21</span><br>
293								<span class="post-date-month is-xsmall">Jun</span>
294							</div>
295						</div>
296									</div><!-- .box -->
297				</a><!-- .link -->
298			</div><!-- .col-inner -->
299		</div><!-- .col -->
300		<div class="col post-item" >
301			<div class="col-inner">
302			<a href="https://morphocode.com/interactive-maps-web-frameworks-1955-copenhagen-and-open-research/" class="plain">
303				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
304            					<div class="box-image" style="width:40%;">
305  						<div class="image-cover" style="padding-top:56%;">
306  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2019/02/morphocode-sketch-7-featured-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
307  						  					</div><!-- .box-image -->
308          					<div class="box-text text-left" >
309					<div class="box-text-inner blog-post-inner">
310
311					
312										<h5 class="post-title is-large ">Interactive maps, web frameworks, 1955 Copenhagen and open research</h5>
313										<div class="is-divider"></div>
314										<p class="from_the_blog_excerpt ">In this edition of Morphocode Picks, we’ve gathered the most interesting visual resources, research and [...]					</p>
315					                    
316					
317					
318					</div><!-- .box-text-inner -->
319					</div><!-- .box-text -->
320																<div class="badge absolute top post-date badge-outline">
321							<div class="badge-inner">
322								<span class="post-date-day">20</span><br>
323								<span class="post-date-month is-xsmall">Feb</span>
324							</div>
325						</div>
326									</div><!-- .box -->
327				</a><!-- .link -->
328			</div><!-- .col-inner -->
329		</div><!-- .col -->
330		<div class="col post-item" >
331			<div class="col-inner">
332			<a href="https://morphocode.com/graphic-notations-imaginary-cities-blueprint-autonomous-urbanism/" class="plain">
333				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
334            					<div class="box-image" style="width:40%;">
335  						<div class="image-cover" style="padding-top:56%;">
336  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2018/06/port-maritimes-francais-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
337  						  					</div><!-- .box-image -->
338          					<div class="box-text text-left" >
339					<div class="box-text-inner blog-post-inner">
340
341					
342										<h5 class="post-title is-large ">Graphic notations, imaginary cities and a blueprint for autonomous urbanism</h5>
343										<div class="is-divider"></div>
344										<p class="from_the_blog_excerpt ">An inspirational selection of flow maps, graphic notations, imaginary cities and a blueprint for autonomous [...]					</p>
345					                    
346					
347					
348					</div><!-- .box-text-inner -->
349					</div><!-- .box-text -->
350																<div class="badge absolute top post-date badge-outline">
351							<div class="badge-inner">
352								<span class="post-date-day">20</span><br>
353								<span class="post-date-month is-xsmall">Jun</span>
354							</div>
355						</div>
356									</div><!-- .box -->
357				</a><!-- .link -->
358			</div><!-- .col-inner -->
359		</div><!-- .col -->
360		<div class="col post-item" >
361			<div class="col-inner">
362			<a href="https://morphocode.com/streetfight-janette-sadik-khan/" class="plain">
363				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
364            					<div class="box-image" style="width:40%;">
365  						<div class="image-cover" style="padding-top:56%;">
366  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2016/10/time-square-apres-reamenagement-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
367  						  					</div><!-- .box-image -->
368          					<div class="box-text text-left" >
369					<div class="box-text-inner blog-post-inner">
370
371					
372										<h5 class="post-title is-large ">Streetfight by Janette Sadik-Khan</h5>
373										<div class="is-divider"></div>
374										<p class="from_the_blog_excerpt ">&nbsp; In recent years we have followed closely New York City&#8217;s urban transformation, notably the [...]					</p>
375					                    
376					
377					
378					</div><!-- .box-text-inner -->
379					</div><!-- .box-text -->
380																<div class="badge absolute top post-date badge-outline">
381							<div class="badge-inner">
382								<span class="post-date-day">12</span><br>
383								<span class="post-date-month is-xsmall">Oct</span>
384							</div>
385						</div>
386									</div><!-- .box -->
387				</a><!-- .link -->
388			</div><!-- .col-inner -->
389		</div><!-- .col -->
390		<div class="col post-item" >
391			<div class="col-inner">
392			<a href="https://morphocode.com/the-2015-laureate-in-memoriam-of-frei-otto/" class="plain">
393				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
394            					<div class="box-image" style="width:40%;">
395  						<div class="image-cover" style="padding-top:56%;">
396  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2015/03/simplexity-canopy-aesthetechtonik-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
397  						  					</div><!-- .box-image -->
398          					<div class="box-text text-left" >
399					<div class="box-text-inner blog-post-inner">
400
401					
402										<h5 class="post-title is-large ">The 2015 Laureate: In memoriam of Frei Otto</h5>
403										<div class="is-divider"></div>
404										<p class="from_the_blog_excerpt "> Frei Otto was named this year’s Pritzker winner shortly after he passed away on March [...]					</p>
405					                    
406					
407					
408					</div><!-- .box-text-inner -->
409					</div><!-- .box-text -->
410																<div class="badge absolute top post-date badge-outline">
411							<div class="badge-inner">
412								<span class="post-date-day">11</span><br>
413								<span class="post-date-month is-xsmall">Mar</span>
414							</div>
415						</div>
416									</div><!-- .box -->
417				</a><!-- .link -->
418			</div><!-- .col-inner -->
419		</div><!-- .col -->
420		<div class="col post-item" >
421			<div class="col-inner">
422			<a href="https://morphocode.com/geo-data-in-grasshopper-the-beauty-of-data-visualizations-the-future-of-our-cities/" class="plain">
423				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
424            					<div class="box-image" style="width:40%;">
425  						<div class="image-cover" style="padding-top:56%;">
426  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2014/12/geo-data-data-visualization-cover-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
427  						  					</div><!-- .box-image -->
428          					<div class="box-text text-left" >
429					<div class="box-text-inner blog-post-inner">
430
431					
432										<h5 class="post-title is-large ">
432Geo data in Grasshopper, the Beauty of Data Visualizations and the Future of our Cities</h5>
433										<div class="is-divider"></div>
434										<p class="from_the_blog_excerpt ">This is another post in the Morphocode Picks series, collecting some of the most interesting stuff that we’ve [...]					</p>
435					                    
436					
437					
438					</div><!-- .box-text-inner -->
439					</div><!-- .box-text -->
440																<div class="badge absolute top post-date badge-outline">
441							<div class="badge-inner">
442								<span class="post-date-day">11</span><br>
443								<span class="post-date-month is-xsmall">Dec</span>
444							</div>
445						</div>
446									</div><!-- .box -->
447				</a><!-- .link -->
448			</div><!-- .col-inner -->
449		</div><!-- .col -->
450		<div class="col post-item" >
451			<div class="col-inner">
452			<a href="https://morphocode.com/curious-atlases/" class="plain">
453				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
454            					<div class="box-image" style="width:40%;">
455  						<div class="image-cover" style="padding-top:56%;">
456  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2014/08/curious-atlases-featured-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://morphocode.com/wp-content/uploads/2014/08/curious-atlases-featured-500x300.jpg 500w, https://morphocode.com/wp-content/uploads/2014/08/curious-atlases-featured.jpg 1200w" sizes="auto, (max-width: 500px) 100v
456w, 500px" />  							  							  						</div>
457  						  					</div><!-- .box-image -->
458          					<div class="box-text text-left" >
459					<div class="box-text-inner blog-post-inner">
460
461					
462										<h5 class="post-title is-large ">Curious Atlases</h5>
463										<div class="is-divider"></div>
464										<p class="from_the_blog_excerpt ">Tomorrow we shall have to think up signs, sketch a landscape, fabricate a plan on [...]					</p>
465					                    
466					
467					
468					</div><!-- .box-text-inner -->
469					</div><!-- .box-text -->
470																<div class="badge absolute top post-date badge-outline">
471							<div class="badge-inner">
472								<span class="post-date-day">05</span><br>
473								<span class="post-date-month is-xsmall">Aug</span>
474							</div>
475						</div>
476									</div><!-- .box -->
477				</a><!-- .link -->
478			</div><!-- .col-inner -->
479		</div><!-- .col -->
480		<div class="col post-item" >
481			<div class="col-inner">
482			<a href="https://morphocode.com/move-cities-data-collider-visualizing-algorithms-exploring-mobility/" class="plain">
483				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
484            					<div class="box-image" style="width:40%;">
485  						<div class="image-cover" style="padding-top:56%;">
486  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2014/07/moving-in-cities-featured-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
487  						  					</div><!-- .box-image -->
488          					<div class="box-text text-left" >
489					<div class="box-text-inner blog-post-inner">
490
491					
492										<h5 class="post-title is-large ">How we move in cities, data collider, visualizing algorithms, exploring mobility</h5>
493										<div class="is-divider"></div>
494										<p class="from_the_blog_excerpt ">Here are some of the most interesting resources that we’ve shared recently on facebook, twitter [...]					</p>
495					                    
496					
497					
498					</div><!-- .box-text-inner -->
499					</div><!-- .box-text -->
500																<div class="badge absolute top post-date badge-outline">
501							<div class="badge-inner">
502								<span class="post-date-day">09</span><br>
503								<span class="post-date-month is-xsmall">Jul</span>
504							</div>
505						</div>
506									</div><!-- .box -->
507				</a><!-- .link -->
508			</div><!-- .col-inner -->
509		</div><!-- .col -->
510		<div class="col post-item" >
511			<div class="col-inner">
512			<a href="https://morphocode.com/data-city-urban-visualizations/" class="plain">
513				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
514            					<div class="box-image" style="width:40%;">
515  						<div class="image-cover" style="padding-top:56%;">
516  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2014/03/urban-visualization-data-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
517  						  					</div><!-- .box-image -->
518          					<div class="box-text text-left" >
519					<div class="box-text-inner blog-post-inner">
520
521					
522										<h5 class="post-title is-large ">Data and the City: Urban Visualizations</h5>
523										<div class="is-divider"></div>
524										<p class="from_the_blog_excerpt ">According to Eric Schmidt, former CEO of Google, the amount of data collected between the [...]					</p>
525					                    
526					
527					
528					</div><!-- .box-text-inner -->
529					</div><!-- .box-text -->
530																<div class="badge absolute top post-date badge-outline">
531							<div class="badge-inner">
532								<span class="post-date-day">04</span><br>
533								<span class="post-date-month is-xsmall">Mar</span>
534							</div>
535						</div>
536									</div><!-- .box -->
537				</a><!-- .link -->
538			</div><!-- .col-inner -->
539		</div><!-- .col -->
540		<div class="col post-item" >
541			<div class="col-inner">
542			<a href="https://morphocode.com/lego-webgl-builder-urban-observatory-new-science-cities/" class="plain">
543				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
544            					<div class="box-image" style="width:40%;">
545  						<div class="image-cover" style="padding-top:56%;">
546  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2014/02/lego-man-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
547  						  					</div><!-- .box-image -->
548          					<div class="box-text text-left" >
549					<div class="box-text-inner blog-post-inner">
550
551					
552										<h5 class="post-title is-large ">Lego WebGL Builder, Urban Observatory, Data and Spatial Structure of the City</h5>
553										<div class="is-divider"></div>
554										<p class="from_the_blog_excerpt ">Here are some of the most interesting resources that we&#8217;ve shared recently on facebook, twitter and [...]					</p>
555					                    
556					
557					
558					</div><!-- .box-text-inner -->
559					</div><!-- .box-text -->
560																<div class="badge absolute top post-date badge-outline">
561							<div class="badge-inner">
562								<span class="post-date-day">04</span><br>
563								<span class="post-date-month is-xsmall">Feb</span>
564							</div>
565						</div>
566									</div><!-- .box -->
567				</a><!-- .link -->
568			</div><!-- .col-inner -->
569		</div><!-- .col -->
570		<div class="col post-item" >
571			<div class="col-inner">
572			<a href="https://morphocode.com/gift-ideas-architects/" class="plain">
573				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
574            					<div class="box-image" style="width:40%;">
575  						<div class="image-cover" style="padding-top:56%;">
576  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2014/12/gift-ideas-for-architects-cover-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
577  						  					</div><!-- .box-image -->
578          					<div class="box-text text-left" >
579					<div class="box-text-inner blog-post-inner">
580
581					
582										<h5 class="post-title is-large ">Gift Ideas for Architects</h5>
583										<div class="is-divider"></div>
584										<p class="from_the_blog_excerpt ">Picking a gift for an architect may be a hard task. We have gathered a [...]					</p>
585					                    
586					
587					
588					</div><!-- .box-text-inner -->
589					</div><!-- .box-text -->
590																<div class="badge absolute top post-date badge-outline">
591							<div class="badge-inner">
592								<span class="post-date-day">16</span><br>
593								<span class="post-date-month is-xsmall">Dec</span>
594							</div>
595						</div>
596									</div><!-- .box -->
597				</a><!-- .link -->
598			</div><!-- .col-inner -->
599		</div><!-- .col -->
600		<div class="col post-item" >
601			<div class="col-inner">
602			<a href="https://morphocode.com/morphocode-picks-2/" class="plain">
603				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
604            					<div class="box-image" style="width:40%;">
605  						<div class="image-cover" style="padding-top:56%;">
606  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2013/07/krzywinski-hiveplot-poster-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
607  						  					</div><!-- .box-image -->
608          					<div class="box-text text-left" >
609					<div class="box-text-inner blog-post-inner">
610
611					
612										<h5 class="post-title is-large ">Morphocode Picks #2</h5>
613										<div class="is-divider"></div>
614										<p class="from_the_blog_excerpt ">Morphocode Picks presents some of the most interesting things we've shared recently over facebook and [...]					</p>
615					                    
616					
617					
618					</div><!-- .box-text-inner -->
619					</div><!-- .box-text -->
620																<div class="badge absolute top post-date badge-outline">
621							<div class="badge-inner">
622								<span class="post-date-day">29</span><br>
623								<span class="post-date-month is-xsmall">Jul</span>
624							</div>
625						</div>
626									</div><!-- .box -->
627				</a><!-- .link -->
628			</div><!-- .col-inner -->
629		</div><!-- .col -->
630		<div class="col post-item" >
631			<div class="col-inner">
632			<a href="https://morphocode.com/a-notable-moment-in-the-periphery/" class="plain">
633				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
634            					<div class="box-image" style="width:40%;">
635  						<div class="image-cover" style="padding-top:56%;">
636  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2012/10/tumblr_ly2tqbqWQT1r4qibxo1_1280-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
637  						  					</div><!-- .box-image -->
638          					<div class="box-text text-left" >
639					<div class="box-text-inner blog-post-inner">
640
641					
642										<h5 class="post-title is-large ">A notable moment in the periphery</h5>
643										<div class="is-divider"></div>
644										<p class="from_the_blog_excerpt ">City as open work &#8220;In its advocacy of artistic structures that demand a particular involvment [...]					</p>
645					                    
646					
647					
648					</div><!-- .box-text-inner -->
649					</div><!-- .box-text -->
650																<div class="badge absolute top post-date badge-outline">
651							<div class="badge-inner">
652								<span class="post-date-day">23</span><br>
653								<span class="post-date-month is-xsmall">Nov</span>
654							</div>
655						</div>
656									</div><!-- .box -->
657				</a><!-- .link -->
658			</div><!-- .col-inner -->
659		</div><!-- .col -->
660		<div class="col post-item" >
661			<div class="col-inner">
662			<a href="https://morphocode.com/feedscape-an-exhibition-by-anton-savov/" class="plain">
663				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
664            					<div class="box-image" style="width:40%;">
665  						<div class="image-cover" style="padding-top:56%;">
666  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2010/12/feedscape-0-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
667  						  					</div><!-- .box-image -->
668          					<div class="box-text text-left" >
669					<div class="box-text-inner blog-post-inner">
670
671					
672										<h5 class="post-title is-large ">Feedscape: An Exhibition by Anton Savov</h5>
673										<div class="is-divider"></div>
674										<p class="from_the_blog_excerpt ">Feedscape is a solo-exhibition by the young bulgarian architect Anton Savov that took place in [...]					</p>
675					                                            <p class="from_the_blog_comments uppercase is-xsmall">
676                            1 Comment                        </p>
677                    
678					
679					
680					</div><!-- .box-text-inner -->
681					</div><!-- .box-text -->
682																<div class="badge absolute top post-date badge-outline">
683							<div class="badge-inner">
684								<span class="post-date-day">06</span><br>
685								<span class="post-date-month is-xsmall">Jan</span>
686							</div>
687						</div>
688									</div><!-- .box -->
689				</a><!-- .link -->
690			</div><!-- .col-inner -->
691		</div><!-- .col -->
692		<div class="col post-item" >
693			<div class="col-inner">
694			<a href="https://morphocode.com/architectural-inspiration-from-flickr/" class="plain">
695				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
696            					<div class="box-image" style="width:40%;">
697  						<div class="image-cover" style="padding-top:56%;">
698  							<img width="500" height="300" src="https://morphocode.com/wp-content/uploads/2010/03/263267477_82a9b2a5f7_b-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
699  						  					</div><!-- .box-image -->
700          					<div class="box-text text-left" >
701					<div class="box-text-inner blog-post-inner">
702
703					
704										<h5 class="post-title is-large ">Architectural inspiration from flickr</h5>
705										<div class="is-divider"></div>
706										<p class="from_the_blog_excerpt ">Inspiration #1 Saint Mary&#8217;s Cathedral, San Francisco, California by Pietro Belluschi and Pier Luigi Nervi. [...]					</p>
707					                                            <p class="from_the_blog_comments uppercase is-xsmall">
708                            4 Comments                        </p>
709                    
710					
711					
712					</div><!-- .box-text-inner -->
713					</div><!-- .box-text -->
714																<div class="badge absolute top post-date badge-outline">
715							<div class="badge-inner">
716								<span class="post-date-day">04</span><br>
717								<span class="post-date-month is-xsmall">Apr</span>
718							</div>
719						</div>
720									</div><!-- .box -->
721				</a><!-- .link -->
722			</div><!-- .col-inner -->
723		</div><!-- .col -->
724		<div class="col post-item" >
725			<div class="col-inner">
726			<a href="https://morphocode.com/victor-timofeev-on-architecture-and-drawing/" class="plain">
727				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
728            					<div class="box-image" style="width:40%;">
729  						<div class="image-cover" style="padding-top:56%;">
730  							<img width="300" height="113" src="https://morphocode.com/wp-content/uploads/2009/06/pixels_th2-300x220.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://morphocode.com/wp-content/uploads/2009/06/pixels_th2-300x220.jpg 300w, https://morphocode.com/wp-content/uploads/2009/06/pixels_th2.jpg 593w" sizes="auto, (max-width: 300px) 100v
730w, 300px" />  							  							  						</div>
731  						  					</div><!-- .box-image -->
732          					<div class="box-text text-left" >
733					<div class="box-text-inner blog-post-inner">
734
735					
736										<h5 class="post-title is-large ">Victor Timofeev: on architecture and drawing</h5>
737										<div class="is-divider"></div>
738										<p class="from_the_blog_excerpt "> [...]					</p>
739					                                            <p class="from_the_blog_comments uppercase is-xsmall">
740                            5 Comments                        </p>
741                    
742					
743					
744					</div><!-- .box-text-inner -->
745					</div><!-- .box-text -->
746																<div class="badge absolute top post-date badge-outline">
747							<div class="badge-inner">
748								<span class="post-date-day">21</span><br>
749								<span class="post-date-month is-xsmall">Jun</span>
750							</div>
751						</div>
752									</div><!-- .box -->
753				</a><!-- .link -->
754			</div><!-- .col-inner -->
755		</div><!-- .col -->
756		<div class="col post-item" >
757			<div class="col-inner">
758			<a href="https://morphocode.com/the-memoirs-of-oscar-niemeyer/" class="plain">
759				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
760            					<div class="box-image" style="width:40%;">
761  						<div class="image-cover" style="padding-top:56%;">
762  							<img width="500" height="225" src="https://morphocode.com/wp-content/uploads/2009/05/oscarniemeyerleadimage-500x225.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
763  						  					</div><!-- .box-image -->
764          					<div class="box-text text-left" >
765					<div class="box-text-inner blog-post-inner">
766
767					
768										<h5 class="post-title is-large ">The memoirs of Oscar Niemeyer</h5>
769										<div class="is-divider"></div>
770										<p class="from_the_blog_excerpt ">&#8230;the fear of flight (page 31) &#8220;My problem with air travel can cause significant distress: [...]					</p>
771					                    
772					
773					
774					</div><!-- .box-text-inner -->
775					</div><!-- .box-text -->
776																<div class="badge absolute top post-date badge-outline">
777							<div class="badge-inner">
778								<span class="post-date-day">27</span><br>
779								<span class="post-date-month is-xsmall">May</span>
780							</div>
781						</div>
782									</div><!-- .box -->
783				</a><!-- .link -->
784			</div><!-- .col-inner -->
785		</div><!-- .col -->
786		<div class="col post-item" >
787			<div class="col-inner">
788			<a href="https://morphocode.com/structure-in-nature-is-a-strategy-for-design/" class="plain">
789				<div class="box box-vertical box-text-bottom box-blog-post has-hover">
790            					<div class="box-image" style="width:40%;">
791  						<div class="image-cover" style="padding-top:56%;">
792  							<img width="500" height="225" src="https://morphocode.com/wp-content/uploads/2009/04/bookcoverscan-500x225.jpg" class="attachment-medium size-medium wp-post-image" alt="" decoding="async" loading="lazy" />  							  							  						</div>
793  						  					</div><!-- .box-image -->
794          					<div class="box-text text-left" >
795					<div class="box-text-inner blog-post-inner">
796
797					
798										<h5 class="post-title is-large ">Structure in nature is a strategy for design</h5>
799										<div class="is-divider"></div>
800										<p class="from_the_blog_excerpt ">As we already wrote in previous posts, observing Natural phenomena and structures might be a [...]					</p>
801					                                            <p class="from_the_blog_comments uppercase is-xsmall">
802                            5 Comments                        </p>
803                    
804					
805					
806					</div><!-- .box-text-inner -->
807					</div><!-- .box-text -->
808																<div class="badge absolute top post-date badge-outline">
809							<div class="badge-inner">
810								<span class="post-date-day">22</span><br>
811								<span class="post-date-month is-xsmall">Apr</span>
812							</div>
813						</div>
814									</div><!-- .box -->
815				</a><!-- .link -->
816			</div><!-- .col-inner -->
817		</div><!-- .col -->
818</div>
819
820		</div>
821	</div>
822
823</div><!-- .page-wrapper .blog-wrapper -->
824
825
826</main><!-- #main -->
827
828<footer id="footer" class="footer-wrapper">
829
830	
831	<section class="section section-footer" id="section_1948044031">
832		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
833
834			
835			
836			
837	<div class="is-border"
838		style="border-width:1px 0px 0px 0px;">
839	</div>
840
841		</div><!-- .section-bg -->
842
843		<div class="section-content relative">
844			
845
846<div class="row"  id="row-602143129">
847
848<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
849
850<h6 class="uppercase mb3">Academy</h6>
851<ul class="list ph0">
852<li><a class="dark-silver hover-blue" href="/academy/">Start Learning</a></li>
853<li>
853<a class="dark-silver hover-blue" href="https://morphocode.io/mapping-urban-data/" target="_blank" rel="noopener">Mapping Urban Data</a></li>
854<li><a class="dark-silver hover-blue" href="/getting-started-rabbit/" rel="noopener">Getting started with Rabbit</a></li>
855</ul>
856
857</div></div>
858<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
859
860<h6 class="uppercase mb3">Works</h6>
861<ul class="list ph0">
862<li><a class="dark-silver hover-blue" href="http://io.morphocode.com/urban-layers/" target="_blank" rel="noopener">Urban layers</a></li>
863<li><a class="dark-silver hover-blue" href="/rabbit/">Rabbit</a></li>
864<li><a class="dark-silver hover-blue" href="http://io.morphocode.com/sofia/en" target="_blank" rel="noopener">The heritage of Sofia</a></li>
865<li><a class="dark-silver hover-blue" href="/visualizing-pedestrian-activity-city-melbourne/">The pulse of Melbourne</a></li>
866</ul>
867
868</div></div>
869<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
870
871<h6 class="uppercase mb3">From the Blog</h6>
872<ul class="list ph0">
873<li><a class="dark-silver hover-blue" href="/the-use-of-color-in-maps/">The use of color in maps</a></li>
874<li><a class="dark-silver hover-blue" href="/global-trends-urbanisation/">Global trends of urbanization</a></li>
875<li><a class="dark-silver hover-blue" href="/small-multiples-visual-explorations-in-architecture-and-information-design/" rel="noopener">Small multiples</a></li>
876<li><a class="dark-silver hover-blue" href="/morphocode-best-american-infographics-2015/" rel="noopener">Morphocode in the best american infographics</a></li>
877<li><a class="dark-silver hover-blue" href="/post/inspiration/">Inspiration</a></li>
878<li><a class="dark-silver hover-blue" href="/post/featured-story/">Featured stories</a></li>
879</ul>
880
881</div></div>
882<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
883
884<h6 class="uppercase mb3">Get to know us</h6>
885<ul class="list ph0">
886<li><a class="dark-silver hover-blue" href="/about/">About</a></li>
887<li><a class="dark-silver hover-blue" href="/contact/">Contact us</a></li>
888</ul>
889<div class="is-divider divider clearfix" ></div><!-- .divider -->
890
891<div class="social-icons follow-icons" style="font-size:101%"><a href="https://facebook.com/morphocode" target="_blank" data-label="Facebook"  rel="noopener noreferrer nofollow" class="icon plain facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://twitter.com/morphocode" target="_blank"  data-label="Twitter"  rel="noopener noreferrer nofollow" class="icon plain  twitter tooltip" title="Follow on Twitter"><i class="icon-twitter" ></i></a><a href="https://linkedin.com/company/morphocode/" target="_blank" rel="noopener noreferrer nofollow" data-label="LinkedIn" class="icon plain  linkedin tooltip" title="Follow on LinkedIn"><i class="icon-linkedin" ></i></a></div>
892
893
894</div></div>
895
896</div>
897
898		</div><!-- .section-content -->
899
900		
901<style scope="scope">
902
903#section_1948044031 {
904  padding-top: 50px;
905  padding-bottom: 50px;
906}
907</style>
908	</section>
909	
910<div class="absolute-footer light medium-text-center small-text-center">
911  <div class="container clearfix">
912
913    
914    <div class="footer-primary pull-left">
915            <div class="copyright-footer">
916              </div>
917          </div><!-- .left -->
918  </div><!-- .container -->
919</div><!-- .absolute-footer -->
920</footer><!-- .footer-wrapper -->
921
922</div><!-- #wrapper -->
923
924<!-- Mobile Sidebar -->
925<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">
926    <div class="sidebar-menu no-scrollbar text-center">
927        <ul class="nav nav-sidebar nav-anim nav-vertical nav-uppercase">
928              <li class="header-search-form search-form html relative has-icon">
929	<div class="header-search-form-wrapper">
930		<div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form method="get" class="searchform" action="https://morphocode.com/" role="search">
931		<div class="flex-row relative">
932			<div class="flex-col flex-grow">
933	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search&hellip;" />
934			</div><!-- .flex-col -->
935			<div class="flex-col">
936				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
937					<i class="icon-search" ></i>				</button>
938			</div><!-- .flex-col -->
939		</div><!-- .flex-row -->
940    <div class="live-search-results text-left z-top"></div>
941</form>
942</div>	</div>
943</li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8702"><a href="https://morphocode.com/academy/" class="nav-top-link">Academy</a></li>
944<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16208"><a href="https://morphocode.com/blog/" class="nav-top-link">Blog</a></li>
945<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12577"><a href="https://morphocode.com/work/" class="nav-top-link">Work</a></li>
946<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6830"><a href="https://morphocode.com/contact/" class="nav-top-link">Contact</a></li>
947<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6896"><a href="https://morphocode.com/about/" class="nav-top-link">About</a></li>
948<li class="html header-social-icons ml-0">
949	<div class="social-icons follow-icons" ><a href="https://facebook.com/morphocode" target="_blank" data-label="Facebook"  rel="noopener noreferrer nofollow" class="icon button circle is-outline facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://twitter.com/morphocode" target="_blank"  data-label="Twitter"  rel="noopener noreferrer nofollow" class="icon button circle is-outline  twitter tooltip" title="Follow on Twitter"><i class="icon-twitter" ></i></a></div></li>        </ul>
950    </div><!-- inner -->
951</div><!-- #mobile-menu -->
952<script type="speculationrules">
953{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/morphocode-neue/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
954</script>
954
955<!-- Drip Code -->
956<script type="text/javascript">
957  var _dcq = _dcq || [];
958  var _dcs = _dcs || {}; 
959  _dcs.account = '2855891';
960  
961  (function() {
962    var dc = document.createElement('script');
963    dc.type = 'text/javascript'; dc.async = true; 
964    dc.src = '//tag.getdrip.com/2855891.js';
965    var s = document.getElementsByTagName('script')[0];
966    s.parentNode.insertBefore(dc, s);
967  })();
968</script>
968
969		<div id="modal-login" class="ml-modal fade" tabindex="-1" role="dialog" aria-hidden="true">
970
971			
972			
973			<div class="modal-login-dialog">
974		      <div class="ml-content">
975
976				<div class="section-container">
977
978										<div id="login" class="modal-login-content">
979
980						<button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">&times;</button>
981						<h2>Sign in</h2>
982
983						
984						<form action="login" method="post" id="form" class="group" name="loginform">
985
986							
987							<p class="mluser">
988								<label class="field-titles" for="login_user">Username</label>
989								<input type="text" name="log" id="login_user" class="input" placeholder="Email" value="" size="20" />
990							</p>
991
992							<p class="mlpsw">
993								<label class="field-titles" for="login_pass">Password</label>
994								<input type="password" name="pwd" id="login_pass" class="input" placeholder="Password" value="" size="20" />
995                                <a href="#forgotten" class="modal-login-nav forgotten-pass" tabindex="-1">Forgot password? </a>
996							</p>
997
998							
999							<p class="submit">
1000
1001								
1002								<input type="submit" name="wp-sumbit" id="wp-submit" class="button button-primary button-large" value="Sign In" />
1003								<input type="hidden" name="login" value="true" />
1004								<input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/post/inspiration/" />
1005							</p><!--[END .submit]-->
1006
1007                            <p id="forgetmenot">
1008                                <label class="forgetmenot-label" for="rememberme"><input name="rememberme" type="checkbox" placeholder="Password" id="rememberme" value="forever" /> Keep me signed in until I sign out</label>
1009                            </p>
1010
1011							
1012						</form><!--[END #loginform]-->
1013					</div><!--[END #login]-->
1014
1015																<div id="register" class="modal-login-content" style="display:none;">
1016
1017							<button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">&times;</button>
1018							<h2>Sign up for Morphocode</h2>
1019
1020							
1021							<form action="register" method="post" id="form" class="group" name="loginform">
1022
1023								
1024                                <p class="mlname">
1025                                    <span class="firstname-field">
1026                                    <label class="field-titles" for="reg_firstname">First name</label>
1027                                    <input type="text" name="user_firstname" id="reg_firstname" class="input" placeholder="First name" value="" size="20" />
1028                                    </span>
1029                                    <span class="lastname-field">
1030                                    <label class="field-titles" for="reg_lastname">Last name</label>
1031                                    <input type="text" name="user_lastname" id="reg_lastname" class="input" placeholder="Last name" value="" size="20" />
1032                                    </span>
1033                                </p>
1034
1035								<p class="mluser user-register">
1036									<label class="field-titles" for="reg_user">Username</label>
1037									<input type="text" name="user_login" id="reg_user" class="input" placeholder="Username" value="" size="20" />
1038								</p>
1039
1040								<p class="mlemail">
1041									<label class="field-titles" for="reg_email">Email</label>
1042									<input type="text" name="user_email" id="reg_email" class="input" placeholder="Email" value="" size="20" />
1043								</p>
1044
1045                                                                    <p class="mlregpsw">
1046									<label class="field-titles" for="reg_password">Password</label>
1047									<input type="password" name="reg_password" id="reg_password" class="input" placeholder="Password"  />
1048								</p>
1049
1050                                    
1051								
1052								<p class="submit">
1053
1054									
1055									<input type="submit" name="user-sumbit" id="user-submit" class="button button-primary button-large" value="Sign Up" />
1056									<input type="hidden" name="register" value="true" />
1057									<input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/post/inspiration/" />
1058								</p><!--[END .submit]-->
1059
1060								
1061							</form>
1062
1063						</div><!--[END #register]-->
1064					
1065										<div id="forgotten" class="modal-login-content" style="display:none;">
1066
1067						<button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">&times;</button>
1068						<h2>Forgotten Password?</h2>
1069
1070						
1071						<form action="forgotten" method="post" id="form" class="group" name="loginform">
1072
1073							
1074							<p class="mlforgt">
1075								<label class="field-titles" for="forgot_login">Email</label>
1076								<input type="text" name="forgot_login" id="forgot_login" class="input" placeholder="Email" value="" size="20" />
1077							</p>
1078
1079							
1080							<p class="submit">
1081
1082								
1083								<input type="submit" name="user-submit" id="user-submit" class="button button-primary button-large" value="Reset Password">
1084								<input type="hidden" name="forgotten" value="true" />
1085								<input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/post/inspiration/" />
1086							</p>
1087
1088							
1089						</form>
1090
1091					</div><!--[END #forgotten]-->
1092				</div><!--[END .section-container]-->
1093			
1094			<div id="additional-settings" class="login"><div class="register-info"><span>Need an account? </span><a href="#register" class="modal-login-nav register-link">Sign Up</a> </div><div class="login-info"><span>Already have an account? </span><a href="#login" class="modal-login-nav">Sign In</a></div></div>
1095				</div>
1096			</div>
1097		</div><!--[END #modal-login]-->
1098	        
1098<script>if( typeof QTags !== 'undefined' ){QTags.addButton( 'pre', 'pre', '<pre>', '</pre>\n', 'p', '', 105 );}</script>
1098
1099    
1099<script id="modal-login-script-js-extra">
1100var modal_login_script = {"ajax":"https://morphocode.com/wp-admin/admin-ajax.php","redirecturl":"/post/inspiration/","loadingmessage":"Checking Credentials..."};
1101//# sourceURL=modal-login-script-js-extra
1102</script>
vendor: 1 bytes, line 1102
1102
1103<script id="modal-login-script-js" src="https://morphocode.com/wp-content/plugins/pressapps-modal-login/js/modal-login.js?ver=1.2.0"></script>
vendor: 1 bytes, line 1103
1103
1104<script id="modal-script-js" src="https://morphocode.com/wp-content/plugins/pressapps-modal-login/js/modal.js?ver=1.2.0"></script>
vendor: 1 bytes, line 1104
1104
1105<script id="dlm-xhr-js-extra">
1106var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download does not exist.","no_file_path":"No file path defined.","no_file_paths":"No file paths defined.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"File not found."};
1107//# sourceURL=dlm-xhr-js-extra
1108</script>
vendor: 1 bytes, line 1108
1108
1109<script id="dlm-xhr-js-before">
1110const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/morphocode.com\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://morphocode.com/download/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://morphocode.com/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1"
1111//# sourceURL=dlm-xhr-js-before
1112</script>
vendor: 1 bytes, line 1112
1112
1113<script id="dlm-xhr-js" src="https://morphocode.com/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=5.1.10"></script>
vendor: 1 bytes, line 1113
1113
1114<script id="select2-js" src="https://morphocode.com/wp-content/plugins/mivhak/vendor/askupa-software/amarkal-framework/Assets/js/select2.min.js?ver=0.3.7"></script>
vendor: 1 bytes, line 1114
1114
1115<script id="ace-editor-js" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ace.js?ver=1.2.3"></script>
vendor: 1 bytes, line 1115
1115
1116<script id="mivhak-js-extra">
1117var mivhak_settings = {"line_numbers":"","auto_assign":"","show_meta":"","min_lines":"1","default_lang":"","font_size":"12","theme":"dawn","version":"1.3.6","lang_list":{"abap":"ABAP","abc":"ABC","actionscript":"ActionScript","ada":"Ada","apache_conf":"ApacheConf","applescript":"AppleScript","asciidoc":"AsciiDoc","assembly_x86":"Assembly x86","autohotkey":"AutoHotkey","batchfile":"Batch File","c9search":"c9search","c_cpp":"C/C++","cirru":"cirru","clojure":"Clojure","cobol":"COBOL","coffee":"CoffeeScript","coldfusion":"ColdFusion","csharp":"C#","css":"CSS","curly":"Curly","d":"D","dart":"Dart","diff":"diff","django":"Django","dockerfile":"Dockerfile","dot":"DOT","eiffel":"Eiffel","ejs":"EJS","elixir":"Elixir","elm":"Elm","erlang":"Erlang","forth":"Forth","ftl":"FTL","gcode":"G-Code","gherkin":"Gherkin","gitignore":"gitignore","glsl":"GLSL","gobstones":"gobstones","golang":"Go","groovy":"Groovy","haml":"Haml","handlebars":"Handlebars","haskell":"Haskell","haxe":"Haxe","html":"HTML","html_elixir":"HTML Elixir","html_ruby":"HTML Ruby","ini":"INI","io":"io","jack":"JACK","jade":"Jade","java":"Java","javascript":"JavaScript","json":"JSON","jsoniq":"JSONiq","jsp":"JSP","jsx":"JSX","julia":"Julia","latex":"LaTex","lean":"Lean","less":"Less","liquid":"Liquid","lisp":"Lisp","livescript":"LiveScript","logiql":"LogiQL","lsl":"LSL","lua":"Lua","luapage":"Luapage","lucene":"Lucene","makefile":"Makefile","markdown":"Markdown","mask":"Mask","matlab":"MATLAB","maze":"Maze","mel":"MEL","mipsassembler":"MIPS Assembler","mushcode":"MUSHCode","mysql":"MySQL","nix":"nix","nsis":"NSIS","objectivec":"Objective-C","ocaml":"OCaml","pascal":"Pascal","perl":"Perl","pgsql":"pgSQL","php":"PHP","plain_text":"Plain Text","powershell":"PowerShell","praat":"Praat","prolog":"Prolog","properties":"Properties","protobuf":"Protocol Bufffers","python":"Python","r":"R","razor":"Razor","rdoc":"RDoc","rhtml":"rhtml","rst":"reStructuredText","ruby":"Ruby","rust":"Rust","sass":"Sass","scad":"SCAD","scala":"Scala","scheme":"Scheme","scss":"SCSS","sh":"sh","sjs":"SJS","smarty":"Smarty","snippets":"Snippets","soy_template":"Soy Template","space":"Space","sql":"SQL","sqlserver":"SQLServer","stylus":"Stylus","svg":"SVG","swift":"Swift","swig":"Swig","tcl":"Tcl","tex":"Tex","text":"Text","textile":"Textile","toml":"Toml","twig":"Twig","typescript":"TypeScript","vala":"Vala","vbscript":"VBScript","velocity":"Velocity","verilog":"Verilog","vhdl":"VHDL","wollok":"Wollok","xml":"XML","xquery":"XQuery","yaml":"YAML"},"i18n":["line","lines","Copy this code to clipboard","Open this code in a 
1117new window","Wrap lines","Show code","About"]};
1118//# sourceURL=mivhak-js-extra
1119</script>
vendor: 1 bytes, line 1119
1119
1120<script id="mivhak-js" src="https://morphocode.com/wp-content/plugins/mivhak/assets/js/mivhak.min.js?ver=1.3.6"></script>
vendor: 1 bytes, line 1120
1120
1121<script id="hoverIntent-js" src="https://morphocode.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script>
vendor: 1 bytes, line 1121
1121
1122<script id="flatsome-js-js-extra">
1123var flatsomeVars = {"ajaxurl":"https://morphocode.com/wp-admin/admin-ajax.php","rtl":"","sticky_height":"70","lightbox":{"close_markup":"\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E","close_btn_inside":false},"user":{"can_edit_pages":false}};
1124//# sourceURL=flatsome-js-js-extra
1125</script>
vendor: 1 bytes, line 1125
1125
1126<script id="flatsome-js-js" src="https://morphocode.com/wp-content/themes/flatsome/assets/js/flatsome.js?ver=3.9.0"></script>
vendor: 1 bytes, line 1126
1126
1127<script id="jetpack-stats-js-before">
1128_stq = window._stq || [];
1129_stq.push([ "view", {"v":"ext","blog":"6920460","post":"0","tz":"3","srv":"morphocode.com","arch_cat":"post/inspiration","arch_results":"18","j":"1:15.7.1"} ]);
1130_stq.push([ "clickTrackerInit", "6920460", "0" ]);
1131//# sourceURL=jetpack-stats-js-before
1132</script>
vendor: 1 bytes, line 1132
1132
1133<script data-wp-strategy="defer" defer id="jetpack-stats-js" src="https://stats.wp.com/e-202640.js"></script>
vendor: 1 bytes, line 1133
1133
1134<script id="wp-emoji-settings" type="application/json">
1135{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://morphocode.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
1136</script>
vendor: 1 bytes, line 1136
1136
1137<script type="module">
1138/*! This file is auto-generated */
1139var 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)))});
1140//# sourceURL=https://morphocode.com/wp-includes/js/wp-emoji-loader.min.js
1141</script>
1141
1142
1143</body>
1144</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.