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/" /> 13<link rel="alternate" hreflang="bg-bg" href="https://morphocode.com/bg/" /> 14<meta name="dlm-version" content="5.1.10"> 15 <!-- This site is optimized with the Yoast SEO plugin v14.0.4 - https://yoast.com/wordpress/plugins/seo/ --> 16 <title>Home - MORPHOCODE</title> 17 <meta name="robots" content="index, follow" /> 18 <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> 19 <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> 20 <link rel="canonical" href="https://morphocode.com/" /> 21 <meta property="og:locale" content="en_US" /> 22 <meta property="og:type" content="website" /> 23 <meta property="og:title" content="Home - MORPHOCODE" /> 24 <meta property="og:url" content="https://morphocode.com/" /> 25 <meta property="og:site_name" content="MORPHOCODE" /> 26 <meta property="article:modified_time" content="2020-05-18T12:17:02+00:00" /> 27
27<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":"WebPage","@id":"https://morphocode.com/#webpage","url":"https://morphocode.com/","name":"Home - MORPHOCODE","isPartOf":{"@id":"https://morphocode.com/#website"},"datePublished":"2013-11-19T16:51:23+00:00","dateModified":"2020-05-18T12:17:02+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://morphocode.com/"]}]}]}</script>
27 28 <!-- / Yoast SEO plugin. --> 29 30 31<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 32<link rel='dns-prefetch' href='//stats.wp.com' /> 33<link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' /> 34<link rel='dns-prefetch' href='//v0.wordpress.com' /> 35<link rel="alternate" type="application/rss+xml" title="MORPHOCODE » Feed" href="https://morphocode.com/feed/" /> 36<link rel="alternate" type="application/rss+xml" title="MORPHOCODE » Comments Feed" href="https://morphocode.com/comments/feed/" /> 37<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://morphocode.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmorphocode.com%2F" /> 38<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://morphocode.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmorphocode.com%2F&format=xml" /> 39<!-- This site uses the Google Analytics by MonsterInsights plugin v7.10.4 - Using Analytics tracking - https://www.monsterinsights.com/ -->
40<script type="text/javascript" data-cfasync="false"> 41 var mi_version = '7.10.4'; 42 var mi_track_user = true; 43 var mi_no_track_reason = ''; 44 45 var disableStr = 'ga-disable-UA-20080950-1'; 46 47 /* Function to detect opted out users */ 48 function __gaTrackerIsOptedOut() { 49 return document.cookie.indexOf(disableStr + '=true') > -1; 50 } 51 52 /* Disable tracking if the opt-out cookie exists. */ 53 if ( __gaTrackerIsOptedOut() ) { 54 window[disableStr] = true; 55 } 56 57 /* Opt-out function */ 58 function __gaTrackerOptout() { 59 document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; 60 window[disableStr] = true; 61 } 62 63 if ( mi_track_user ) { 64 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 65 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 66 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 67 })(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker'); 68 69 __gaTracker('create', 'UA-20080950-1', 'auto'); 70 __gaTracker('set', 'forceSSL', true); 71 __gaTracker('send','pageview'); 72 } else { 73 console.log( "" ); 74 (function() { 75 /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ 76 var noopfn = function() { 77 return null; 78 }; 79 var noopnullfn = function() { 80 return null; 81 }; 82 var Tracker = function() { 83 return null; 84 }; 85 var p = Tracker.prototype; 86 p.get = noopfn; 87 p.set = noopfn; 88 p.send = noopfn; 89 var __gaTracker = function() { 90 var len = arguments.length; 91 if ( len === 0 ) { 92 return; 93 } 94 var f = arguments[len-1]; 95 if ( typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function' ) { 96 console.log( 'Not running function __gaTracker(' + arguments[0] + " ....) because you are not being tracked. " + mi_no_track_reason ); 97 return; 98 } 99 try { 100 f.hitCallback(); 101 } catch (ex) { 102 103 } 104 }; 105 __gaTracker.create = function() { 106 return new Tracker(); 107 }; 108 __gaTracker.getByName = noopnullfn; 109 __gaTracker.getAll = function() { 110 return []; 111 }; 112 __gaTracker.remove = noopfn; 113 window['__gaTracker'] = __gaTracker; 114 })(); 115 } 116</script>
116 117<!-- / Google Analytics by MonsterInsights --> 118<style id="wp-img-auto-sizes-contain-inline-css"> 119img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 120/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 121</style> 122<style id="wp-emoji-styles-inline-css"> 123 124 img.wp-smiley, img.emoji { 125 display: inline !important; 126 border: none !important; 127 box-shadow: none !important; 128 height: 1em !important; 129 width: 1em !important; 130 margin: 0 0.07em !important; 131 vertical-align: -0.1em !important; 132 background: none !important; 133 padding: 0 !important; 134 } 135/*# sourceURL=wp-emoji-styles-inline-css */ 136</style> 137<style id="wp-block-library-inline-css"> 138: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;
138--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}} 139 140/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 141</style> 142<style id="classic-theme-styles-inline-css"> 143/*! This file is auto-generated */ 144.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} 145/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 146</style> 147 148<style id="global-styles-inline-css"> 149: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,
1490) 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;}
149.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;} 150/*# sourceURL=global-styles-inline-css */ 151</style> 152 153<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' /> 154<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' /> 155<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' /> 156<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' /> 157<style id="wpml-legacy-dropdown-0-inline-css"> 158.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;} 159/*# sourceURL=wpml-legacy-dropdown-0-inline-css */ 160</style> 161<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' /> 162<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' /> 163<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' /> 164<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' /> 165<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' /> 166<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' /> 167<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' /> 168<link rel='stylesheet' id='flatsome-style-css' href='https://morphocode.com/wp-content/themes/morphocode-neue/style.css?ver=1.0' media='all' />
169<script id="monsterinsights-frontend-script-js-extra"> 170var 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"}; 171//# sourceURL=monsterinsights-frontend-script-js-extra 172</script>
vendor: 1 bytes, line 172
172
173<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 173
173
174<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 174
174
175<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 175
175
176<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>
176 177<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/pages/6825" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://morphocode.com/xmlrpc.php?rsd" /> 178<meta name="generator" content="WordPress 7.1.2" /> 179<link rel='shortlink' href='https://morphocode.com/' /> 180<meta name="generator" content="WPML ver:3.9.4 stt:7,1;" /> 181<style text="text/css"id="modal-login-style-css">#additional-settings, #additional-settings a, #additional-settings a:hover { color: #0099ff} 182#modal-login .submit .button { background: #0099ff} 183#modal-login .submit .button { border: none; } 184</style> 185 <style>img#wpstats{display:none}</style> 186 <!--[if IE]><link rel="stylesheet" type="text/css" href="https://morphocode.com/wp-content/themes/flatsome/assets/css/ie-fallback.css">
186<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script>
186<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>
186<script src="https://morphocode.com/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script>
186<![endif]--><style>.mivhak-code-wrapper { 187 padding: 10px; 188 background: #F9F9F9; 189}</style><meta name="twitter:widgets:link-color" content="#000000"><meta name="twitter:widgets:border-color" content="#000000"><meta name="twitter:partner" content="tfwp"> 190<meta name="twitter:card" content="summary"><meta name="twitter:title" content="MORPHOCODE"><meta name="twitter:site" content="@morphocode"><meta name="twitter:description" content="an interdisciplinary architectural practice"> 191<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;}
191/* 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;}/* 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> 192 193<body class="home wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-6825 wp-theme-flatsome wp-child-theme-morphocode-neue lightbox nav-dropdown-has-arrow"> 194 195 196<a class="skip-link screen-reader-text" href="#main">Skip to content</a> 197 198<div id="wrapper"> 199 200 201 <header id="header" class="header "> 202 <div class="header-wrapper"> 203 <div id="masthead" class="header-main hide-for-sticky"> 204 <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation"> 205 206 <!-- Logo --> 207 <div id="logo" class="flex-col logo"> 208 <!-- Header logo --> 209<a href="https://morphocode.com/" title="MORPHOCODE - an interdisciplinary architectural practice" rel="home"> 210 <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> 211 </div> 212 213 <!-- Mobile Left Elements --> 214 <div class="flex-col show-for-medium flex-left"> 215 <ul class="mobile-nav nav nav-left "> 216 </ul> 217 </div> 218 219 <!-- Left Elements --> 220 <div class="flex-col hide-for-medium flex-left 221 flex-grow"> 222 <ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-xlarge" > 223 </ul> 224 </div> 225 226 <!-- Right Elements --> 227 <div class="flex-col hide-for-medium flex-right"> 228 <ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-xlarge"> 229 <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> 230<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> 231<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> 232<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> 233<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> 234 </ul> 235 </div> 236 237 <!-- Mobile Right Elements --> 238 <div class="flex-col show-for-medium flex-right"> 239 <ul class="mobile-nav nav nav-right "> 240 <li class="nav-icon has-icon"> 241 <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"> 242 243 <i class="icon-menu" ></i> 244 </a> 245 </li> </ul> 246 </div> 247 248 </div><!-- .header-inner --> 249 250 </div><!-- .header-main --> 251<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--> 252 </header> 253 254
255 <main id="main" class=""> 256 257 258<div id="content" role="main" class="content-area"> 259 260 261 <section class="section" id="section_1879262156"> 262 <div class="bg section-bg fill bg-fill bg-loaded bg-loaded" > 263 264 265 <div class="section-bg-overlay absolute fill"></div> 266 267 268 </div><!-- .section-bg --> 269 270 <div class="section-content relative"> 271 272<div class="row row-collapse row-full-width align-middle" id="row-1973255573"> 273<div class="col medium-6 small-12 large-6" ><div class="col-inner text-left" style="max-width:545px;padding:10% 15px 10% 15px;" > 274<h1>Exploring cities through data analysis and visualization</h1> 275<p class="measure">Morphocode is a design and development firm that uses data to visualize urban dynamics and provide location insights. Our team brings together expertise across architecture, urban planning, and software engineering.</p> 276</div></div> 277<div class="col medium-6 small-12 large-6 small-col-first" ><div class="col-inner" style="max-width:600px;" > 278 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1234683608"> 279 <div class="img-inner dark" > 280 <img fetchpriority="high" decoding="async" width="1070" height="1070" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities.png" class="attachment-original size-original" alt="" srcset="https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities.png 1070w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities-768x768.png 768w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities-800x800.png 800w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities-600x600.png 600w" sizes="(max-width: 1070px) 100vw, 1070px" /> 281 </div> 282 283<style scope="scope"> 284 285#image_1234683608 { 286 width: 100%; 287} 288</style> 289 </div> 290 291</div></div> 292 293<style scope="scope"> 294 295</style> 296</div> 297 </div><!-- .section-content --> 298 299 300<style scope="scope"> 301 302#section_1879262156 { 303 padding-top: 0px; 304 padding-bottom: 0px; 305 background-color: rgb(247, 247, 247); 306} 307#section_1879262156 .section-bg-overlay { 308 background-color: rgba(255, 255, 255, 0.85); 309} 310</style> 311 </section> 312 313 <section class="section" id="section_2005478021"> 314 <div class="bg section-bg fill bg-fill bg-loaded bg-loaded" > 315 316 317 <div class="section-bg-overlay absolute fill"></div> 318 319 320 </div><!-- .section-bg --> 321 322 <div class="section-content relative"> 323 324<div class="row row-collapse row-full-width align-middle" id="row-1532288404"> 325<div class="col medium-6 small-12 large-6" ><div class="col-inner" style="max-width:600px;" > 326 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_440586376"> 327 <div class="img-inner dark" style="margin:0px 10px 0px 0px;"> 328 <img decoding="async" width="1100" height="1098" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow.png" class="attachment-original size-original" alt="" srcset="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow.png 1100w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow-768x767.png 768w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow-801x800.png 801w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow-600x599.png 600w" sizes="(max-width: 1100px) 100vw, 1100px" /> 329 </div> 330 331<style scope="scope"> 332 333#image_440586376 { 334 width: 100%; 335} 336</style> 337 </div> 338 339</div></div> 340<div class="col medium-6 small-12 large-6" ><div class="col-inner text-left" style="max-width:520px;padding:10% 15px 10% 15px;" > 341<h2>We research, design, and develop</h2> 342<p class="measure">Our portfolio ranges from interactive web maps and information graphics to custom software tools for data analysis and visualization.</p> 343<a href="/work/" target="_self" class="button primary is-link lowercase" > 344 <span>View Projects</span> 345 </a> 346 347</div></div> 348 349<style scope="scope"> 350 351</style> 352</div> 353 </div><!-- .section-content --> 354 355 356<style scope="scope"> 357 358#section_2005478021 { 359 padding-top: 30px; 360 padding-bottom: 30px; 361 background-color: rgb(247, 247, 247); 362} 363#section_2005478021 .section-bg-overlay { 364 background-color: rgba(255, 255, 255, 0.85); 365} 366</style> 367 </section> 368 369 <section class="section" id="section_2069102655"> 370 <div class="bg section-bg fill bg-fill bg-loaded bg-loaded" > 371 372 373 <div class="section-bg-overlay absolute fill"></div> 374 375 376 </div><!-- .section-bg --> 377 378 <div class="section-content relative"> 379 380<div class="row row-collapse row-full-width align-middle" id="row-422840337"> 381<div class="col medium-6 small-12 large-6" ><div class="col-inner text-left" style="max-width:545px;padding:10% 15px 10% 15px;" > 382<h2>Learn with Morphocode</h2> 383<p class="p1">
383Morphocode Academy is an online school that covers topics in data visualization, creative coding, and urban informatics.</p> 384<a href="/academy/" target="_self" class="button primary is-link lowercase" > 385 <span>Start Learning</span> 386 </a> 387 388</div></div> 389<div class="col medium-6 small-12 large-6 small-col-first" ><div class="col-inner" style="max-width:600px;" > 390 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_371690633"> 391 <div class="img-inner dark" > 392 <img decoding="async" width="1162" height="1160" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy.png" class="attachment-original size-original" alt="" srcset="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy.png 1162w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy-768x767.png 768w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy-801x800.png 801w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy-600x599.png 600w" sizes="(max-width: 1162px) 100vw, 1162px" /> 393 </div> 394 395<style scope="scope"> 396 397#image_371690633 { 398 width: 100%; 399} 400</style> 401 </div> 402 403</div></div> 404 405<style scope="scope"> 406 407</style> 408</div> 409 </div><!-- .section-content --> 410 411 412<style scope="scope"> 413 414#section_2069102655 { 415 padding-top: 0px; 416 padding-bottom: 0px; 417 background-color: rgb(247, 247, 247); 418} 419#section_2069102655 .section-bg-overlay { 420 background-color: rgba(255, 255, 255, 0.85); 421} 422</style> 423 </section> 424 425 <section class="section" id="section_2045872741"> 426 <div class="bg section-bg fill bg-fill bg-loaded bg-loaded" > 427 428 429 430 431 432 </div><!-- .section-bg --> 433 434 <div class="section-content relative"> 435 436<div class="row" id="row-227187070"> 437<div class="col small-12 large-12" ><div class="col-inner" > 438<div class="gap-element clearfix" style="display:block; height:auto; padding-top:30px"></div> 439<h3 style="text-align: left;">From the blog</h3> 440 441 442 <div class="row large-columns-3 medium-columns-1 small-columns-1"> 443 <div class="col post-item" > 444 <div class="col-inner"> 445 <a href="https://morphocode.com/the-power-of-interactive-tools/" class="plain"> 446 <div class="box box-push box-text-bottom box-blog-post has-hover"> 447 <div class="box-image" > 448 <div class="image-cover" style="padding-top:56.25%;"> 449 <img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2020/02/morphocode-interactive-tools-cover-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" /> </div> 450 </div><!-- .box-image --> 451 <div class="box-text text-left is-large" > 452 <div class="box-text-inner blog-post-inner"> 453 454 455 <h5 class="post-title is-xlarge ">The power of interactive tools</h5> 456 <div class="is-divider"></div> 457 <p class="from_the_blog_excerpt ">Tools augment our problem-solving capacity. We rely on them to expand our minds and provide ease, accuracy, and [...] </p> 458 459 460 461 </div><!-- .box-text-inner --> 462 </div><!-- .box-text --> 463 </div><!-- .box --> 464 </a><!-- .link --> 465 </div><!-- .col-inner --> 466 </div><!-- .col --> 467 <div class="col post-item" > 468 <div class="col-inner"> 469 <a href="https://morphocode.com/the-making-of-morphocode-explorer/" class="plain"> 470 <div class="box box-push box-text-bottom box-blog-post has-hover"> 471 <div class="box-image" > 472 <div class="image-cover" style="padding-top:56.25%;"> 473 <img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2019/10/morphocode-explorer-design-mock-ups-web-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" /> </div> 474 </div><!-- .box-image --> 475 <div class="box-text text-left is-large" > 476 <div class="box-text-inner blog-post-inner"> 477 478 479 <h5 class="post-title is-xlarge ">The making of Morphocode Explorer</h5>
480 <div class="is-divider"></div> 481 <p class="from_the_blog_excerpt ">Over the last year, we’ve been working on a new web tool for interactive data exploration [...] </p> 482 483 484 485 </div><!-- .box-text-inner --> 486 </div><!-- .box-text --> 487 </div><!-- .box --> 488 </a><!-- .link --> 489 </div><!-- .col-inner --> 490 </div><!-- .col --> 491 <div class="col post-item" > 492 <div class="col-inner"> 493 <a href="https://morphocode.com/urban-performance-measures/" class="plain"> 494 <div class="box box-push box-text-bottom box-blog-post has-hover"> 495 <div class="box-image" > 496 <div class="image-cover" style="padding-top:56.25%;"> 497 <img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2019/01/morphocode-personal-movement-patterns-munich-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" /> </div> 498 </div><!-- .box-image --> 499 <div class="box-text text-left is-large" > 500 <div class="box-text-inner blog-post-inner"> 501 502 503 <h5 class="post-title is-xlarge ">Urban performance measures</h5> 504 <div class="is-divider"></div> 505 <p class="from_the_blog_excerpt ">Urban performance measures help communities make informed decisions and measure results against goals. [...] </p> 506 507 508 509 </div><!-- .box-text-inner --> 510 </div><!-- .box-text --> 511 </div><!-- .box --> 512 </a><!-- .link --> 513 </div><!-- .col-inner --> 514 </div><!-- .col --> 515 <div class="col post-item" > 516 <div class="col-inner"> 517 <a href="https://morphocode.com/the-5-minute-walk/" class="plain"> 518 <div class="box box-push box-text-bottom box-blog-post has-hover"> 519 <div class="box-image" > 520 <div class="image-cover" style="padding-top:56.25%;"> 521 <img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2018/11/featured-8-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" /> </div> 522 </div><!-- .box-image --> 523 <div class="box-text text-left is-large" > 524 <div class="box-text-inner blog-post-inner"> 525 526 527 <h5 class="post-title is-xlarge ">The 5-minute walk</h5> 528 <div class="is-divider"></div> 529 <p class="from_the_blog_excerpt ">The five-minute walk, also known as the “pedestrian shed” is considered to be the distance people are willing [...] </p> 530 531 532 533 </div><!-- .box-text-inner --> 534 </div><!-- .box-text --> 535 </div><!-- .box --> 536 </a><!-- .link --> 537 </div><!-- .col-inner --> 538 </div><!-- .col --> 539 <div class="col post-item" > 540 <div class="col-inner"> 541 <a href="https://morphocode.com/location-time-urban-data-visualization/" class="plain"> 542 <div class="box box-push box-text-bottom box-blog-post has-hover"> 543 <div class="box-image" > 544 <div class="image-cover" style="padding-top:56.25%;"> 545 <img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-melbourne-pedestrian-count-featured-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" /> </div> 546 </div><!-- .box-image --> 547 <div class="box-text text-left is-large" > 548 <div class="box-text-inner blog-post-inner"> 549 550 551 <h5 class="post-title is-xlarge ">Location + time: urban data visualization</h5> 552 <div class="is-divider"></div> 553 <p class="from_the_blog_excerpt ">The most common ways to visually organize information are based on location and time. In this interactive story, [...] </p> 554 555 556 557 </div><!-- .box-text-inner --> 558 </div><!-- .box-text --> 559 </div><!-- .box --> 560 </a><!-- .link --> 561 </div><!-- .col-inner --> 562 </div><!-- .col --> 563 <div class="col post-item" > 564 <div class="col-inner"> 565 <a href="https://morphocode.com/morphocode-best-american-infographics-2015/" class="plain"> 566 <div class="box box-push box-text-bottom box-blog-post has-hover"> 567 <div class="box-image" > 568 <div class="image-cover" style="padding-top:56.25%;"> 569 <img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2015/12/the-best-american-infographics-2015-cover-featured-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" /> </div> 570 </div><!-- .box-image --> 571 <div class="box-text text-left is-large" > 572 <div class="box-text-inner blog-post-inner"> 573 574 575 <h5 class="post-title is-xlarge ">Morphocode in the Best American Infographics</h5>
576 <div class="is-divider"></div> 577 <p class="from_the_blog_excerpt ">We are extremely happy to be included in The Best American Infographics. The third volume in the series [...] </p> 578 579 580 581 </div><!-- .box-text-inner --> 582 </div><!-- .box-text --> 583 </div><!-- .box --> 584 </a><!-- .link --> 585 </div><!-- .col-inner --> 586 </div><!-- .col --> 587</div> 588</div></div> 589</div> 590 </div><!-- .section-content --> 591 592 593<style scope="scope"> 594 595#section_2045872741 { 596 padding-top: 50px; 597 padding-bottom: 50px; 598} 599</style> 600 </section> 601 602 <section class="section" id="section_87408005"> 603 <div class="bg section-bg fill bg-fill bg-loaded bg-loaded" > 604 605 606 607 608 609 </div><!-- .section-bg --> 610 611 <div class="section-content relative"> 612 613 614<div class="row align-middle" id="row-1481501777"> 615 616<div class="col measure-wider medium-6 small-12 large-6" ><div class="col-inner text-left" > 617 618<div class="gap-element clearfix" style="display:block; height:auto; padding-top:50px"></div> 619 620<h3 class="f2 mb3">Start Learning</h3> 621<p>Get the latest articles, tutorials, and free resources from Morphocode</p> 622 623</div></div> 624<div class="col medium-6 small-12 large-6" ><div class="col-inner" > 625 626 627 <div class='gf_browser_chrome gform_wrapper form-cta_wrapper sailec_wrapper center_wrapper' id='gform_wrapper_4' ><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_4' id='gform_4' class='form-cta sailec center' action='/'> 628 <div class='gform_body'><ul id='gform_fields_4' class='gform_fields top_label form_sublabel_below description_below'><li id='field_4_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_4_1' >Email<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> 629 <input name='input_1' id='input_4_1' type='text' value='' class='medium' placeholder='Enter your email' aria-required="true" aria-invalid="false" /> 630 </div></li><li id='field_4_2' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_4_2' >Email</label><div class='ginput_container'><input name='input_2' id='input_4_2' type='text' value='' /></div><div class='gfield_description' id='gfield_description__2'>This field is for validation purposes and should be left unchanged.</div></li> 631 </ul></div> 632 <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_4' class='gform_button button' value='Subscribe' onclick='if(window["gf_submitting_4"]){return false;} window["gf_submitting_4"]=true; ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_4"]){return false;} window["gf_submitting_4"]=true; jQuery("#gform_4").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=4&title=&description=&tabindex=0' /> 633 <input type='hidden' class='gform_hidden' name='is_submit_4' value='1' /> 634 <input type='hidden' class='gform_hidden' name='gform_submit' value='4' /> 635 636 <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> 637 <input type='hidden' class='gform_hidden' name='state_4' value='WyJbXSIsImNlZjU0ZmJkMDM2ZGMyODZjN2Y5MTQwOTVmYzAwZDc1Il0=' /> 638 <input type='hidden' class='gform_hidden' name='gform_target_page_number_4' id='gform_target_page_number_4' value='0' /> 639 <input type='hidden' class='gform_hidden' name='gform_source_page_number_4' id='gform_source_page_number_4' value='1' /> 640 <input type='hidden' name='gform_field_values' value='' /> 641 642 </div> 643 </form> 644 </div> 645 <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_4' id='gform_ajax_frame_4' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> 646
646<script type='text/javascript'>jQuery(document).ready(function($){gformInitSpinner( 4, 'https://morphocode.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery('#gform_ajax_frame_4').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_4');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_4').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_4').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_4').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_4').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_4').val();gformInitSpinner( 4, 'https://morphocode.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery(document).trigger('gform_page_loaded', [4, current_page]);window['gf_submitting_4'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_4').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [4]);window['gf_submitting_4'] = false;}, 50);}else{jQuery('#gform_4').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [4, current_page]);} );} );</script>
646<script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 4) {if(typeof Placeholders != 'undefined'){ 647 Placeholders.enable(); 648 }} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script>
648<script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [4, 1]) } ); </script>
648 649 650</div></div> 651 652 653<style scope="scope"> 654 655</style> 656</div> 657 658 </div><!-- .section-content --> 659 660 661<style scope="scope"> 662 663#section_87408005 { 664 padding-top: 30px; 665 padding-bottom: 30px; 666 background-color: rgb(238, 238, 238); 667} 668</style> 669 </section> 670 671 672 673</div> 674 675 676 677</main><!-- #main --> 678 679<footer id="footer" class="footer-wrapper"> 680 681 682 <section class="section section-footer" id="section_301676394"> 683 <div class="bg section-bg fill bg-fill bg-loaded bg-loaded" > 684 685 686 687 688 <div class="is-border" 689 style="border-width:1px 0px 0px 0px;"> 690 </div> 691 692 </div><!-- .section-bg --> 693 694 <div class="section-content relative"> 695 696 697<div class="row" id="row-478108759"> 698 699<div class="col medium-3 small-6 large-3" ><div class="col-inner" > 700 701<h6 class="uppercase mb3">Academy</h6> 702<ul class="list ph0"> 703<li><a class="dark-silver hover-blue" href="/academy/">Start Learning</a></li> 704<li><a class="dark-silver hover-blue" href="https://morphocode.io/mapping-urban-data/" target="_blank" rel="noopener">Mapping Urban Data</a></li> 705<li><a class="dark-silver hover-blue" href="/getting-started-rabbit/" rel="noopener">Getting started with Rabbit</a></li> 706</ul> 707 708</div></div> 709<div class="col medium-3 small-6 large-3" ><div class="col-inner" > 710 711<h6 class="uppercase mb3">Works</h6> 712<ul class="list ph0"> 713<li><a class="dark-silver hover-blue" href="http://io.morphocode.com/urban-layers/" target="_blank" rel="noopener">Urban layers</a></li> 714<li><a class="dark-silver hover-blue" href="/rabbit/">Rabbit</a></li> 715<li><a class="dark-silver hover-blue" href="http://io.morphocode.com/sofia/en" target="_blank" rel="noopener">The heritage of Sofia</a></li> 716<li><a class="dark-silver hover-blue" href="/visualizing-pedestrian-activity-city-melbourne/">The pulse of Melbourne</a></li> 717</ul> 718 719</div></div> 720<div class="col medium-3 small-6 large-3" ><div class="col-inner" > 721 722<h6 class="uppercase mb3">From the Blog</h6> 723<ul class="list ph0"> 724<li><a class="dark-silver hover-blue" href="/the-use-of-color-in-maps/">The use of color in maps</a></li> 725<li><a class="dark-silver hover-blue" href="/global-trends-urbanisation/">Global trends of urbanization</a></li> 726<li><a class="dark-silver hover-blue" href="/small-multiples-visual-explorations-in-architecture-and-information-design/" rel="noopener">Small multiples</a></li> 727<li><a class="dark-silver hover-blue" href="/morphocode-best-american-infographics-2015/" rel="noopener">Morphocode in the best american infographics</a></li> 728<li><a class="dark-silver hover-blue" href="/post/inspiration/">Inspiration</a></li> 729<li><a class="dark-silver hover-blue" href="/post/featured-story/">Featured stories</a></li> 730</ul> 731 732</div></div> 733<div class="col medium-3 small-6 large-3" ><div class="col-inner" > 734 735<h6 class="uppercase mb3">Get to know us</h6> 736<ul class="list ph0"> 737<li><a class="dark-silver hover-blue" href="/about/">About</a></li> 738<li><a class="dark-silver hover-blue" href="/contact/">Contact us</a></li> 739</ul> 740<div class="is-divider divider clearfix" ></div><!-- .divider --> 741 742<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> 743 744 745</div></div> 746 747</div> 748 749 </div><!-- .section-content --> 750 751 752<style scope="scope"> 753 754#section_301676394 { 755 padding-top: 50px; 756 padding-bottom: 50px; 757} 758</style> 759 </section> 760 761<div class="absolute-footer light medium-text-center small-text-center"> 762 <div class="container clearfix"> 763 764 765 <div class="footer-primary pull-left"> 766 <div class="copyright-footer"> 767 </div> 768 </div><!-- .left --> 769 </div><!-- .container --> 770</div><!-- .absolute-footer --> 771</footer><!-- .footer-wrapper --> 772 773</div><!-- #wrapper --> 774 775<!-- Mobile Sidebar --> 776<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide"> 777 <div class="sidebar-menu no-scrollbar text-center"> 778 <ul class="nav nav-sidebar nav-anim nav-vertical nav-uppercase"> 779 <li class="header-search-form search-form html relative has-icon"> 780 <div class="header-search-form-wrapper"> 781 <div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form method="get" class="searchform" action="https://morphocode.com/" role="search"> 782 <div class="flex-row relative"> 783 <div class="flex-col flex-grow"> 784 <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search…" /> 785 </div><!-- .flex-col --> 786 <div class="flex-col"> 787 <button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit"> 788 <i class="icon-search" ></i> </button> 789 </div><!-- .flex-col --> 790 </div><!-- .flex-row --> 791 <div class="live-search-results text-left z-top"></div> 792</form> 793</div> </div> 794</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> 795<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> 796<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> 797<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> 798<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> 799<li class="html header-social-icons ml-0"> 800 <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> 801 </div><!-- inner --> 802</div><!-- #mobile-menu -->
803<script type="speculationrules"> 804{"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"}]} 805</script>
805 806<!-- Drip Code -->
807<script type="text/javascript"> 808 var _dcq = _dcq || []; 809 var _dcs = _dcs || {}; 810 _dcs.account = '2855891'; 811 812 (function() { 813 var dc = document.createElement('script'); 814 dc.type = 'text/javascript'; dc.async = true; 815 dc.src = '//tag.getdrip.com/2855891.js'; 816 var s = document.getElementsByTagName('script')[0]; 817 s.parentNode.insertBefore(dc, s); 818 })(); 819</script>
819 820 <div id="modal-login" class="ml-modal fade" tabindex="-1" role="dialog" aria-hidden="true"> 821 822 823 824 <div class="modal-login-dialog"> 825 <div class="ml-content"> 826 827 <div class="section-container"> 828 829 <div id="login" class="modal-login-content"> 830 831 <button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">×</button> 832 <h2>Sign in</h2> 833 834 835 <form action="login" method="post" id="form" class="group" name="loginform"> 836 837 838 <p class="mluser"> 839 <label class="field-titles" for="login_user">Username</label> 840 <input type="text" name="log" id="login_user" class="input" placeholder="Email" value="" size="20" /> 841 </p> 842 843 <p class="mlpsw"> 844 <label class="field-titles" for="login_pass">Password</label> 845 <input type="password" name="pwd" id="login_pass" class="input" placeholder="Password" value="" size="20" /> 846 <a href="#forgotten" class="modal-login-nav forgotten-pass" tabindex="-1">Forgot password? </a> 847 </p> 848 849 850 <p class="submit"> 851 852 853 <input type="submit" name="wp-sumbit" id="wp-submit" class="button button-primary button-large" value="Sign In" /> 854 <input type="hidden" name="login" value="true" /> 855 <input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/" /> 856 </p><!--[END .submit]--> 857 858 <p id="forgetmenot"> 859 <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> 860 </p> 861 862 863 </form><!--[END #loginform]--> 864 </div><!--[END #login]--> 865 866 <div id="register" class="modal-login-content" style="display:none;"> 867 868 <button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">×</button> 869 <h2>Sign up for Morphocode</h2> 870 871 872 <form action="register" method="post" id="form" class="group" name="loginform"> 873 874 875 <p class="mlname"> 876 <span class="firstname-field"> 877 <label class="field-titles" for="reg_firstname">First name</label> 878 <input type="text" name="user_firstname" id="reg_firstname" class="input" placeholder="First name" value="" size="20" /> 879 </span> 880 <span class="lastname-field"> 881 <label class="field-titles" for="reg_lastname">Last name</label> 882 <input type="text" name="user_lastname" id="reg_lastname" class="input" placeholder="Last name" value="" size="20" /> 883 </span> 884 </p> 885 886 <p class="mluser user-register"> 887 <label class="field-titles" for="reg_user">Username</label> 888 <input type="text" name="user_login" id="reg_user" class="input" placeholder="Username" value="" size="20" /> 889 </p> 890 891 <p class="mlemail"> 892 <label class="field-titles" for="reg_email">Email</label> 893 <input type="text" name="user_email" id="reg_email" class="input" placeholder="Email" value="" size="20" /> 894 </p> 895 896 <p class="mlregpsw"> 897 <label class="field-titles" for="reg_password">Password</label> 898 <input type="password" name="reg_password" id="reg_password" class="input" placeholder="Password" /> 899 </p> 900 901 902 903 <p class="submit"> 904 905 906 <input type="submit" name="user-sumbit" id="user-submit" class="button button-primary button-large" value="Sign Up" /> 907 <input type="hidden" name="register" value="true" /> 908 <input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/" /> 909 </p><!--[END .submit]--> 910 911 912 </form> 913 914 </div><!--[END #register]--> 915 916 <div id="forgotten" class="modal-login-content" style="display:none;"> 917 918 <button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">×</button> 919 <h2>Forgotten Password?</h2> 920 921 922 <form action="forgotten" method="post" id="form" class="group" name="loginform"> 923 924 925 <p class="mlforgt"> 926 <label class="field-titles" for="forgot_login">Email</label> 927 <input type="text" name="forgot_login" id="forgot_login" class="input" placeholder="Email" value="" size="20" /> 928 </p> 929 930 931 <p class="submit"> 932 933 934 <input type="submit" name="user-submit" id="user-submit" class="button button-primary button-large" value="Reset Password"> 935 <input type="hidden" name="forgotten" value="true" /> 936 <input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/" /> 937 </p> 938 939 940 </form> 941 942 </div><!--[END #forgotten]--> 943 </div><!--[END .section-container]--> 944 945 <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>
946 </div> 947 </div> 948 </div><!--[END #modal-login]--> 949
949<script>if( typeof QTags !== 'undefined' ){QTags.addButton( 'pre', 'pre', '<pre>', '</pre>\n', 'p', '', 105 );}</script>
949 950
950<script id="modal-login-script-js-extra"> 951var modal_login_script = {"ajax":"https://morphocode.com/wp-admin/admin-ajax.php","redirecturl":"/","loadingmessage":"Checking Credentials..."}; 952//# sourceURL=modal-login-script-js-extra 953</script>
vendor: 1 bytes, line 953
953
954<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 954
954
955<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 955
955
956<script id="dlm-xhr-js-extra"> 957var 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."}; 958//# sourceURL=dlm-xhr-js-extra 959</script>
vendor: 1 bytes, line 959
959
960<script id="dlm-xhr-js-before"> 961const 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" 962//# sourceURL=dlm-xhr-js-before 963</script>
vendor: 1 bytes, line 963
963
964<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 964
964
965<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 965
965
966<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 966
966
967<script id="mivhak-js-extra"> 968var 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
968new window","Wrap lines","Show code","About"]}; 969//# sourceURL=mivhak-js-extra 970</script>
vendor: 1 bytes, line 970
970
971<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 971
971
972<script id="hoverIntent-js" src="https://morphocode.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script>
vendor: 1 bytes, line 972
972
973<script id="flatsome-js-js-extra"> 974var 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}}; 975//# sourceURL=flatsome-js-js-extra 976</script>
vendor: 1 bytes, line 976
976
977<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 977
977
978<script id="jetpack-stats-js-before"> 979_stq = window._stq || []; 980_stq.push([ "view", {"v":"ext","blog":"6920460","post":"6825","tz":"3","srv":"morphocode.com","j":"1:15.7.1"} ]); 981_stq.push([ "clickTrackerInit", "6920460", "6825" ]); 982//# sourceURL=jetpack-stats-js-before 983</script>
vendor: 1 bytes, line 983
983
984<script data-wp-strategy="defer" defer id="jetpack-stats-js" src="https://stats.wp.com/e-202640.js"></script>
vendor: 1 bytes, line 984
984
985<script id="gform_json-js" src="https://morphocode.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.4.18"></script>
vendor: 1 bytes, line 985
985
986<script id="gform_gravityforms-js-extra"> 987var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2},"base_url":"https://morphocode.com/wp-content/plugins/gravityforms","number_formats":[],"spinnerUrl":"https://morphocode.com/wp-content/plugins/gravityforms/images/spinner.gif"}; 988//# sourceURL=gform_gravityforms-js-extra 989</script>
vendor: 1 bytes, line 989
989
990<script id="gform_gravityforms-js" src="https://morphocode.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.4.18"></script>
vendor: 1 bytes, line 990
990
991<script id="gform_placeholder-js" src="https://morphocode.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.4.18"></script>
vendor: 1 bytes, line 991
991
992<script id="wp-emoji-settings" type="application/json"> 993{"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"}} 994</script>
vendor: 1 bytes, line 994
994
995<script type="module"> 996/*! This file is auto-generated */ 997var 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)))}); 998//# sourceURL=https://morphocode.com/wp-includes/js/wp-emoji-loader.min.js 999</script>
999 1000 1001</body> 1002</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.