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 » Feed" href="https://morphocode.com/feed/" /> 34<link rel="alternate" type="application/rss+xml" title="MORPHOCODE » Comments Feed" href="https://morphocode.com/comments/feed/" /> 35<link rel="alternate" type="application/rss+xml" title="MORPHOCODE » 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 "> In recent years we have followed closely New York City’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’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 “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’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 ">…the fear of flight (page 31) “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…" /> 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">×</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">×</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">×</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.