<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

	

	






<head>
	<link rel="shortcut icon" href="http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/images/icons/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="http://d2ed0w4q03gsmw.cloudfront.net/core/v1.1.59/aboutme.core.css" />
	<link rel="stylesheet" type="text/css" href="http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/css/aboutme.min.css" />
	<meta name="apple-itunes-app" content="app-id=500230347, app-argument=aboutMeOpenProfile-markong" />
	<script type="text/javascript" src="http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/js/mobile/modernizr-custom.js"></script>
	<script type="text/javascript">
	(function(){
		var d = document, s = d.createElement('script');
		s.type = 'text/javascript';
		s.src = 'http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/js/mobile/respond.min.js';
		Modernizr.mq('(min-width:0)') || d.getElementsByTagName('head')[0].appendChild(s);
	})();
	</script>
	<script src="http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/js/amd-compiled/require/require.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/raven.js/1.0.8/raven.min.js"></script>
    <script type="text/javascript">
    //<![CDATA[
    if (window.Raven){ Raven.config("http://85b9f4c0acbc4c749ea43615ea3b577d@sentry2.aboutme-cloud.net/5", {}).install(); }
    //]]>
    </script>
<script>
// String.trim courtesy of http://javascript.crockford.com/remedial.html
if (! String.prototype.trim) {
	String.prototype.trim = function () {
		return this.replace(/^\s*(\S*(?:\s+\S+)*)\s*$/, "$1");
	};
}
</script>
<script type="text/javascript" id="globals">
//<![CDATA[
/* About.me Require Config */
(function(requirejs) {
    /* Configure Raven to handle require() failures a bit more gracefully. */
    if (window.Raven){
        requirejs.onError = function(err){
            /* This captures errors that happen trying to load a module. This
             * can be a "timeout", a "scripterror" (i.e. 404), or a "nodefine".
             * This does NOT include thrown errors and syntax errors.
             * http://requirejs.org/docs/api.html#errbacks
             */
            /* We delete err.originalError because it contains a circular
             * reference that can't be serialized by Raven. We might want to
             * pick out some individual values to include in the extra data we
             * send. */
            delete err.originalError;
            Raven.captureMessage("Require failed", {extra: err});
        };
    }
	var config = {
		baseUrl: 'http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/js/amd-compiled/',
		paths: {
			'easyxdm': 'http://d2ed0w4q03gsmw.cloudfront.net/core/easyxdm/easyxdm2.4.15',
			'carousel': 'http://d2ed0w4q03gsmw.cloudfront.net/core/plugins/carousel3.3',
			'text': 'require/text',
			'log': 'lib/log',
			'viewer': 'controller/viewer',
			'editmode': 'controller/editmode',
			'markdown': 'jquery/Markdown.Sanitizer',
			'markdown_converter': 'jquery/Markdown.Converter',
			// vendor modules:
			'backbone': 'vendor/backbone',
			'marionette': 'vendor/backbone.marionette',
			'backbone.collectionsubset': 'vendor/backbone.collectionsubset',
			'underscore': 'vendor/underscore',
			// external modules:
			'facebook_sdk': '//connect.facebook.net/en_US/all',
			'google_jsapi': '//www.google.com/jsapi?',
			'mapquest': '//open.mapquestapi.com/sdk/js/v7.1.0/mqa.toolkit.js?key=Amjtd%7Cluua2908ng%2Ca5%3Do5-lzblu'
		},
		waitSeconds: 15,
		shim: {
			'markdown': {
				deps: ['markdown_converter'],
				exports: 'Markdown'
			},
			'facebook_sdk': {
				exports: 'FB'
			},
			'google_jsapi': {
				exports: 'google'
			},
			'underscore': {
				exports: '_'
			},
			'backbone': {
				deps: ['underscore'],
				exports: 'Backbone'
			}
		}
	}
	var jqueryplugins = [
		'autoGrowInput',
		'backstretch',
		'bloodhound',
		'colorPicker',
		'cookie',
		'doTimeout',
		'dropper',
		'fieldhint',
		'fieldlimiter',
		'fileUpload',
		'fontAvailable',
		'form',
		'getJSONP',
		'iframeTransport',
		'imagesLoaded',
		'isInArray',
		'json',
		'jstorage',
		'matchFontSize',
		'pagethumbs',
		'payments',
		'prettyDate',
		'scrollIntoView',
		'scrollToTop',
		'shrinkLine',
		'shrinkWrap',
		'throttle',
		'tickslider',
		'tinysort',
		'toggle',
		'touchpunch',
		'touchswipe',
		'truncate',
		'typeahead',
		'validate',
		'vhide',
		'widget'
	];
	for (var j=0; j<jqueryplugins.length; j++) {
		var p = jqueryplugins[j];
		config.paths[p] = 'jquery/'+p;
	}
	//console.log(config);
	requirejs.config(config);
})(requirejs);
define('globals', function() {
	var g = {};
	g.UNSUPPORTED = false;
	g.DOMAIN_NAME = "about.me";
	g.DOMAIN_NAME_URL = "http://about.me";
	g.SSL_DOMAIN = "https://about.me";
	g.STATIC_HOSTNAME = "http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9";
	g.AWS_THUMBNAIL = "http://d3mod6n032mdiz.cloudfront.net";
	g.AWS_IMAGES = "http://d13pix9kaak6wt.cloudfront.net";
	g.JS_DEBUG = false;
	g.FEED_DEBUG = false;
	g.NAV_HEIGHT = 50;
	g.THUMBNAIL_SIZES = ['840x560', '540x360', '300x200', '210x140', '105x70'];
	g.ENVIRONMENT = "production";
	g.CUSTOMIZE_SAVER_DELAY = "2000";
	g.FACEBOOK_APP_ID = '249413078192';
	g.SIGNUP_DELAY = 10;
	g.VIMEO_SCREENCAST = true;
	g.AUTH_TOKEN = "79857560476675755750534702914132658775";
	g.IOS_APP_PROMO = true;
	g.BRANCH_ADMIN = false;
	g.AMD_COMPILED = true;
	g.JS_LOGS_IGNORE = ['amd','metric','event'];
	g.SHOW_ALL_CTAS = false;
	g.STORE_KEY = "pk_live_RlI4aulcrfnDp0vi1aZHyc8y";
	g.FRAMED = false;
//]]>
//<![CDATA[
	g.MAPPED = false;
//]]>
	g.PAGE = 'user';
	g.PAGE_USER_NAME = 'markong';
	g.PAGE_USER_RENAMED = false;
//<![CDATA[
	g.SERVER_MESSAGE = { message: "", status: "ok" };
//]]>
//<![CDATA[
	var console = (g.JS_DEBUG && window.console) ? window.console : { log: function() {}, time: function() {}, timeEnd: function() {}, error: function() {} };
	console.time = console.time || (function() {});
	console.timeEnd = console.timeEnd || (function() {});
//]]>
//<![CDATA[
	return g;
});
//]]>
</script>
	<script src="http://d2ed0w4q03gsmw.cloudfront.net/core/jquery/jquery1.8.3-jqueryui1.9.2.js"></script>
    <script src="//cdn.optimizely.com/js/176651799.js"></script>
<script type="text/javascript">
	define('applist',function(){
		return [{"iframe_url": "/content/markong/foursquare", "platform": "foursquare", "display_order": 1, "display_name": "Foursquare", "id": 3}, {"iframe_url": "/content/markong/facebook", "platform": "facebook", "display_order": 1, "display_name": "Mark Laurence Ong", "id": 2}, {"iframe_url": "/content/markong/flickr", "platform": "flickr", "display_order": 1, "display_name": "Flickr", "id": 4}, {"iframe_url": "/content/markong/twitter", "platform": "twitter", "display_order": 1, "display_name": "Twitter", "id": 1}, {"iframe_url": "/content/markong/instagram", "platform": "instagram", "display_order": 4, "display_name": "Instagram", "id": 8}, {"iframe_url": "/content/markong/googleplus", "platform": "googleplus", "display_order": 6, "display_name": "Google+", "id": 9}];
	})
</script>
<script type="text/javascript">
//<![CDATA[
define('data/user', function() {
	var settings = {
		user_id: '1488',
		user_name: 'markong',
		first_name: 'Mark Laurence',
		last_name: ' Ong',
		display_name: 'Mark Laurence Ong',
		possessive_display_name: 'Mark Laurence Ong’s',
		possessive_first_name: 'Mark Laurence’s',
		twitter_name: 'geekbubble',
		email_public: true,
		add_visible: true,
		allow_fave: true,
		share_buttons: {"share_googleplus": true, "share_linkedin": false, "share_pinterest": true, "share_facebook": true, "share_twitter": true, "share_buttons_location": "profilebox"},
		follow_buttons: {"follow_instagram": true, "follow_linkedin": true, "follow_wordpress": null, "follow_twitter": true, "follow_tumblr": true},
		compliment_buttons: {"display_chat": true, "display_creative": true, "display_greatpic": true, "display_love": true, "display_inspired": true, "display_wellwritten": true, "display_impressed": true, "display_cool": true, "display_greatpage": true, "display_collaborate": true, "display_fan": true},
		has_websites_info: true,
		contact_visible: true,
		renamed: '',
		mobile: {},
		colors: {
			color_input				: '',
			background_color		: '000000',
			profile_color			: '000000',
			profile_opacity			: 60,
			pattern					: '',
			pattern_opacity			: 100,
			heading_color			: 'ffffff',
			bio_color				: 'ffff85',
			name_color				: '0099ff',
			links_color				: 'b8b8b8',
			saved_colors			: [],
			profile_shadow			: false
		},
		fonts: {
			typekitEnabled: true,
			font_name: 'ratio-1,ratio-2',
			font_name_size: 60,
			font_heading: 'good-times-1,good-times-2',
			font_heading_size: 20,
			font_bio: 'ff-tisa-web-pro-1,ff-tisa-web-pro-2',
			font_bio_size: 15,
			font_findme: 'apertura-condensed-1,apertura-condensed-2',
			font_findme_size: 14,
			font_kit: 'gjo1ksc'
		},
		profile: {
			// profile_width: 524,
			profile_width: 0,
			text_left: 241,
			text_top: 0,
			bg_offset: 0
		},
		images: {
			background_image: 'http://d13pix9kaak6wt.cloudfront.net/background/markong_1346666525_9.jpg',
			background_height: 1050,
			background_width: 1575,
			background_x: 0,
			background_y: 0,
			background_repeat: 'scale',
			profile_image: "http://d13pix9kaak6wt.cloudfront.net/profile/markong_1346665696_78.jpg",
			avatar_image: "http://d13pix9kaak6wt.cloudfront.net/avatar/markong_1346665696_78.jpg"
		},
		page_complete: {
			user_name: 'markong',
			bio: 'true',
			background: 'custom',
			services: '7'
		},
		location: '',
		locations: [],
		contact: {},
		work: [],
		education: [],
		tags: [],
		tags_visible: false,
		featured_video: {},
		framed: false,
		origin_domain: false
	}
//]]>
//<![CDATA[
	settings.instagram_id = 912480;
//]]>
	//<![CDATA[
	settings.share_buttons.share_email = true;
	//]]>
	//<![CDATA[
	settings.share_buttons.share_embed = true;
	//]]>
//<![CDATA[
	settings.contact.phone = '';
	settings.contact.country = '';
	settings.contact.address1 = '';
	settings.contact.address2 = '';
	settings.contact.state = '';
	settings.contact.city = '';
	settings.contact.zip = '';
//]]>
//<![CDATA[
	return {
		Settings: settings
	}
});
//]]>
</script>
	<script type="text/javascript">
		require(['main'])
	</script>
	<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
			<meta name="robots" content="index" />
	<title>Mark Laurence Ong - the geekbubble | about.me</title><link rel="canonical" id="page_url" href="http://about.me/markong" /><meta name="description" content="View Mark Laurence Ong on about.me. About.me makes it easy for you to learn about Mark Laurence Ong’s background and interests." /><meta name="keywords" content="Mark Laurence Ong markong about.me page" /><meta name="author" content="Mark Laurence Ong (markong)" /><meta name="thumbnail" content="http://d3mod6n032mdiz.cloudfront.net/thumb2/m/a/r/markong/markong-300x200.jpg" /><meta property="og:site_name" content="about.me" /><meta property="og:locale" content="en_US" /><meta property="og:url" content="http://about.me/markong" /><meta property="og:title" content="Mark Laurence Ong (markong) on about.me" /><meta property="og:description" content="View Mark Laurence Ong on about.me. About.me makes it easy for you to learn about Mark Laurence Ong’s background and interests." /><meta property="og:image" content="http://o.aolcdn.com/dims-global/dims/ABOUTME/5/200/200/100/http://d3mod6n032mdiz.cloudfront.net/thumb2/m/a/r/markong/markong-840x560.jpg" /><meta property="og:type" content="aboutme_prod:page" /><meta property="fb:app_id" content="249413078192" /><meta name="twitter:card" content="photo" /><meta name="twitter:site" content="@aboutdotme" /><meta name="twitter:creator" content="@geekbubble" /><meta name="twitter:url" content="http://about.me/markong" /><meta name="twitter:title" content="Mark Laurence Ong (markong) on about.me" /><meta name="twitter:description" content="View Mark Laurence Ong on about.me. About.me makes it easy for you to learn about Mark Laurence Ong’s background and interests." /><meta name="twitter:image" content="http://o.aolcdn.com/dims-global/dims/ABOUTME/5/435/290/100/http://d3mod6n032mdiz.cloudfront.net/thumb2/m/a/r/markong/markong-840x560.jpg" /><meta name="twitter:image:width" content="435" /><meta name="twitter:image:height" content="290" /><style type="text/css">
	/*div.profile .profile-content {
		width: 524px;
	}*/
	.background-pattern {
		opacity: 1.0;
	}
	.profile div.profile-head h1.name {
		font-family: ratio-1,ratio-2, "proxima-nova-1", "proxima-nova-2", Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 60px;
		color: #0099ff;
	}
	.profile div.profile-head h2.headline {
		font-family: good-times-1,good-times-2, "proxima-nova-1", "proxima-nova-2", Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;
		color: #ffffff;
	}
	.profile div.profile_photo {
		padding-top: 5.0px;
	}
	.profile div.bio {
		font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2, "proxima-nova-1", "proxima-nova-2", Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 15px;
		color: #ffff85;
	}
	.profile div.bio a {
		color: #b8b8b8;
	}
	.profile div.rsswrapper h4, .profile div.rsswrapper .source {
		color: #ffff85;;
	}
	.profile div.location,
	.profile .meta ul.list {
		font-size: 14px;
		color: #ffff85;
	}
	.profile div.location a,
	.profile .meta ul.list a {
		color: #b8b8b8;
	}
	.profile .contactinfo .menu-toggle {
		font-size:11px;
		color: #b8b8b8;
	}
	.profile div.services {
		color: #ffffff;
	}
	.profile ul.links {
		font-family: apertura-condensed-1,apertura-condensed-2, "proxima-nova-1", "proxima-nova-2", Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 14px;
	}
	.profile ul.links a, .profile ul.feeds a {
		color: #b8b8b8;
	}
	.embed-modal .logobutton-wordpress:before {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkM3RDZDQ0NFMjQ1MTFFMDkyOTBENjlCMDJBMTE3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM3RDZDQ0RFMjQ1MTFFMDkyOTBENjlCMDJBMTE3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjVGMUJFQkUyMzAxMUUwOTI5MEQ2OUIwMkExMTcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjVGMUJFQ0UyMzAxMUUwOTI5MEQ2OUIwMkExMTcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk+XzrUAAAd6SURBVHjavFd7UFTnFf/t3Xv37lvWBXyw0QUWUREDYkErEKJJzdTGidpYo3k0k3SmDWljGv+w6UynTdt0Op02EzWmTiclmYyG2DQmRq2oDZZWQQ1IYFRgNysEEYVdXvt+93wXd110kU5n9Js5M7t3757f77zPJ3vtzT+DThFJNYkF9+bYSN4iaeVvgL/x0rObqzRqNWQy2V1FjsVicHu9VTtq9jFjX2YEqhm4UhThdrsRiUTuKgG5XA6VSgWG+WbNvmpGwKJSKuFyuSR2d/uEw2HJUJ1Ox75a+GTXTHWsAy68f9aKlt5BhCMxDHl9UsgMKiXknAwlc9LxVFk+8jK0U4YhfiQC0Wj0jgS6h734+Sdn4PQG8JNVxdj+nTIYtCoIPAeWMYFQBMPuAOov9aC6tgHpGiV+u64M5jT1pDoZ5v9EYG/zZdScuoQ3nqjCcksWuvod+Mvxszjd0Q1XIEjmAHqlAsvyzdiwvBD/eXUzGq1X8Nx79Xh2xQJsKcmemgBLvFQEfnG4BfZBFxp+tgkOlxdrf78PVxxDiLB3yfUxZj99HvIF0NPYjo8a22DKMGL382vwr1c3YePOg+joH8Jra5bcpjue7Fwym+RTc8aGyw4XDrz0GN7/dxseff1dCTzMEWe5gBgnR4wyGnIeMpIoPQvJFegfHEBNXRM8vhCObNuAy04X/tpkndQDXHII4mJzuvHBOSs+rF6L/afa8UHdSRgVMsLioCHMTDEGAwJQB1xQkRi5MGYqOQiIQk7OeW51KbKma8FzHOq2PY7a5q/wldMzAeOOIfgVuf7tpx6m2ArYXFGI9WXzMTjqxvO7/45Sy33YurYcCrLaHwiAk3NUARycY15s2fEROFkMaqqK5PPWlpX45cEmvPdk+eQhiDPrGBjDkMePZZZZ4EixKAhUclG8uOcAHL4I6i704IW3PyFbYzBlGjHbaECvYwQ/2v03BEkdC8PhpgsTCJTmzsIIVRDTfasHbiPwbmMXXlldgkGXP6FAqxQppl7EeAW8nIgeAjx05mLi95wZRviYF8krQYUGe/7ZNIHAtVEvXv5WCWpId0oCybG5dG0E5fNMeKe+GW5/UHpJVAh4dOkicLEoJZyAoKjF8dYu8sy4G6frtSg2myj+ZAhPJKDAb/afSDSdo+dtqJifhc6B0QlYKT3gCoWRphbR0NaJY+c7ElaUF+ZBEQ1BRtkf5kVYHWPo6htI/L56ybxxAqQyzCvR1Pm1FGcnle+R5guYRnkxFgil9kA8CZmEwlHqcHK4KGZHzt0ksNg8E2kqkRKO/ki5wcrR2tt/M87z5kLkYuBZa+CFG1M1ioaLdgyNjEKgZGW64zi3JWFcEv2arLxAFtqvO8fzgCxYmmeCGApS++GgopIszs1KvJ9lnAbLjOlUilRapGdupoFIyPH5l1aiwSGWVP/JWFzygGDC+nuQmGpoWsXIys+aOxMgK/JN4CgMSlkERaZ0qBUK1LWONxlm8QOLLBAifgpFRMr8wVEPWnuuQ63Vk/UR8oJsQvxTJqGOEm7M58c3cmcjRF440WZPJFtFQR6B8hAJZGVBDk6027G3/mxC2bL5JvCxcYIPFebiaJsNEYpESd4cuCih9VRNKZMw+WF+hh6nrFfxeGk+eUDAdbcfjV1fSy+zCWjJmAZNNIiKBSac7OyD/dowbDSg2Fl03ywYtRrM0fAw6DQ4RuQjnAIbl+XTgLpKunVTE3hiqRl//Mc55FM80whQTmV3qOVmL69YaEbeLIOUUO39I4iKKnx8ZjxMHO0ES7Nnoyw7Ez3DLnQPOKHXp5EuI/5w9AtsosmYkkAyiTyDikpGgdPWPux5ZiUClEjnbH1w+3zSew8uysEjRRbUXeyjepcjoNChgTzENh12qgotWFdejANNFyXr9zyzCmftV8n9POlWTp0DTLavKsBPa+uRQR74wQOL4Y3K8GHjJekP2TPT8e3S+2n56EZEUMEvqDFILfpUR+84wcW5mJmZTi7vx/cfLEamTo0f7/0c21cW3IaT0gNMTDoBG5dkY+Ouz/D0Nxdg84r7cdp2NVE6vSNu2Ic8CCtUNIZFCoMGn563JpR2XR/BIyUL8PTyAmzY+Sm+R7qYzlvBE9Pw1j2Nff7uwhnodrixnhTsp7HsLMqBxx+GTq3Aoeau8T1AxlHjoa5GnaG1ZxA+6nRq2o7mpk+DOSMN63YcgNmgkXRNtnFxqR7G7wbbKnNRmZOByt/VopcWC7VSkJ6rlJQnVFJahEAVjnSRoxI1I3CjpbdfcaDy9VpU5mbiFdJxpzPlVryB2C+fa8SvD57GKNXyVppqa4qy8eSKheDlN5ZSqgjWOw632rHjeAv0ooA/PbYEWRphym17UgLBYBA+ynyPxyPJD3M5uDgjjrV0YOexLxCi14dpXkjTkLZgNgPyjRq8sDgd2ogbnr7L6NNooCFhFxEFdc1JCcTBk0kItIgw0ev1E/5Ay9H/fSVLDnFyFdgCwRB4nr/r98I4OMNimAybeWDXxycaLOsfqqxii8e9uJwycMI8ybAZgS9JttKDF+/x9XwXw/6vAAMAQl0PaOjnvg0AAAAASUVORK5CYII=);
	}
	.embed-modal .logobutton-tumblr:before {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEaElEQVR42r2XzU+cVRTG3btQilDQKl+tIJ1hBuzAMMxQSgcKhYEZhvkEighSOpaCgIltahe11cSPSNSu2o1xoavGjWmaxtT4H2jckrBAZcGCBQsSJjnec/C53Lnzlqabvskv5+Oec59n3pnNvCBPSa1XcVfx+PkgWl5T/HFoZP7fzMLX+Qsrd2hs6VtHcFYUl78zZw7dyyyu5lmLNUWb3QSjuX9Gc19QePI6BZJL1J74oIBgegXoXkfKmrPmnXqh9IfUPX6Vkpe/pA6lKW+CnQzN3s53jX1EgdQytY0uItrY58iZJ874HebPTFwj1mRtMRCZva1cLlFbfIF8I1cEv3Jt5E+qZQd1a1zONdLDvAFrDc99RtrAwMwtOhWbZ4cANV/KkS+U3n5/gV5sCAPMA9TI//9gUnMucWD65oGB8MR1EWgZfh8ROPYbeqbIfNC39wBqE9bUBrrHr2nHzUM55HZP5/G5j0197jHOO8ijlwtq1tQGAollcekZnFOHl5A7UtOZpR/uP3R8A5jxRuQOs2/n8jvQBvzxRWpWS0zT+VlGckEtcN3Y+y4d84/Sxaufk/1gFvvA7Nszvuj8gQHv4CVy9b8n7oBdN54dozvf3yenBz9GYO4jl3rgos5ZUxtgRyfPTQsuhbt/hl1yzj3Jn+HBjiPmmTbgFleCvGogtcSZZzLg3t+TaN6NPtAG3gq/QwBvgWnsmZKemTs8mGE4R21HMy80UN99gRg+FKEexCmOQkN4Umby+byNnsE9h9QSgTbQoIRPnJkgjsgZ5PVKHGe7u7s2RTv1ZzHveB8ofAPHT48JcI0eItjZ2bHBWfFel/N9yLUBOKrtzBJyu4e4vb1tUzT7tPvQ1wZqgmlSqIMMIWeHHO16a2vLxpzR1J3OFt4BjVBGz2gDcAWqOlJ2LrE6lKbNzU0bPVsTyph7wOyZsfANVCveaE8IcIvcrDc2NorY309JLGuO0KutI4770guIhqANVAWSxBxri+9Hfxx1Eevr60WIqC9GL7n66JPVe+SLzNBrygTfwYLY5drU0gaqO1K8wK4kmqCPs7W1tSJWbq5SVyJHP/38QOpfHv1GtcEUduw7JLJmgYFKX5QqT0XhVr3GmET0wINff4fwoaRzN7BvR+F1/6hpIE0VysDRt4cZzvl7NHtcS5xe+fSp4lNLt9QHisl8ZWuMd7EPlIGE8SNUBsqbIwAu7Z6OV258RX/8+ZcpKvU3936kpt5JmatQIph3uq/KNFDlT9IrngE62jKkKVegp6KqIxwZ/tFJvze7wIgozrCDKD2v5KgFpWl8Be0paZY2nTcRp6Weg7rMO4hPwPVhETlQJgbREyN1oYxpILnHl5e4+uDQRs6AXZda9ZGmfsw4zpd7I1QbSO3BwN0yV+/fdcEsVbQMa8cvnzynOeLul4izEncfaswAzNg5atFgLdbEXzMPOylXjepAcu/NznE1kCGOAD1EJ44HsxLt2ROdY3Zvj7VYU7SJCCae999zD2v/Bz1Fqw0ZMbL0AAAAAElFTkSuQmCC);
	}
	.embed-modal .logobutton-blogger:before {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1VJREFUeNrEV01ME0EU/nZ2WwsuFBETU4gQBEUTFMR4MbFrNHIx8acGNXLioAeP3rxw46oeNWo8aOCiHIh6tCXxoEFANIpiTCHAwQC2pSktlF1ntlh221m2mLJO8rqZ7nvzfe+bNz8raJqG0cvVCgAlmpz1w4Hm9fhC9BFkJjFwCtzdFmhS5NqzTuAjPjmofHg+7qdEILHMM+AngC8PHCEgH7yOtgCUHy9jIcJkl727tx5cKl23708hV9aCYUv6y1Vq6S1OO50w95dTGV767wp9qcGxpopUBVU1EEjF6B/WAUmqTngBmIvTRDh+EgGqZKCuEvBI9gSIShNO/DIQWIpYEohTpcZiPogtN1BadxKCW87z0ZbjiIbfYHj0Pg6Vz0LeVoAMDNOkgMbPfCy5H9sDj7nA2VbihXTgPLS9pzE20IUj5Ju9EgyTqZHpJDIK5Fg4WY2yc08gespBCLE15sf8WRxvPJOlEgYCFk7J5puQaHaiKBZszJ/F2RJYm3IpS4DTPI1nQOig2f7PflRNvzD5zNVcRLL+Ql5c+uttvThtt4dMFVm8pNmY6uZzP0jifXZ+WY0sRQSIDQFzldM44i6nyztWIAELBURD9jqBxksYGpxBOjKdCa6ogffwJcg5fqwNjmfA63ZQqygSAW9rh26FtPruSf35O3iXVvMd6z0hOwUc20zxWVnVqVuW468rAJqpuprPjpAi7b281EX9EJKyPDgERM7cFo+AZCAguKgkKVsCwqc+lI33boi12HQVWvOVnL2a48gwkTIQUO2LcOFdH0rn31pus2xZRqICKluu2SugE/hbA4Kb6yTQQ0ag22tWtdZODA9MYXl+ikvAvXMPfNTHWDvqUtSCgNtAgPAJuCZeQTNks+t4p26bughNvLaoAbdhGbIOZ5mUBHtAVuL/vAQJVbAk1MNfgnkEOIeFsDAJz8N2OtBiQaehyWiM51G7Pgb3IDIRENyWJ5Yw8xHue8cgjTyDWIga1If5shgWa3kSmmvAtfGdcD4M0ttVvEuhwJaYK4eA6tyllG28ZgL6TuggAX0aJGMRinC8rWES/UMxFgYalMKuUcUwhkUxGTbTIRgaCvv9R6Fgn+JM9othUMwgJRAURjp87K//8nlO8YJ/BBgA9hFvfW3mEjkAAAAASUVORK5CYII=);
	}
	.embed-modal .logobutton-typepad:before {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRNJREFUeNq8V1tsVEUY/uac7Z7dtttS2BZoSxVopWKNaLHECwEv8cEHLT4YjQ81Rn3hEi4xIT74oFGID9UaeSBgYkiIoqYSIyReiiA0JYCEQm2ptW0slNLtBbbbdne75+I/s+fszm4LUrP030zO5OzM/33z3+Y/DCS1H+WtosdGGuWYG/mbxp7D745dYDb4J6+/tH095lC+bKw/To9tnMC+12o3vqmbU4gZ4TkBz1K9cCluHDy8Z7+Lm11hCkwrBlVx/edmy7LEM6JPYkIPimc0FoVhGfxP0qFCy/LAQyA57gJoqgYGRexhjIl1HIto8FflAtGCdVswvpHPx6ZGMDxxHTdiw5jvLcZibwkq5j2DBd7FkgYLI2FaE2lHT6gLN8MDyFXnYaGvGPluP1Sm2jrjpAQB09SJlTENmItCG4Ym+9FHysp8FXhu6WasLFoHn1ZwR+YO6yFcvH4M5waO4HzgdyzMLkFJ7nJYpikRIHAZlJ+YS1SP4M/Rs1jmq8HW6q+xZN79s/a31+XDmtIXxRihgzR2NOCPwE94pGh9kkDUiCBmRlM2Mvpx8FdWvI8a2pwJWUCnf6v6Y1wNvoGDbe/ELRw3uQnhRGl0DrZh++pDGQOXpTS/ElvWfCURSAvCa6Fe1D1cLxbeLfG6cmUXTKQE4aKcagq0x+akJggCUxQDwg22rLt3w10H1uUsCFMxgeSGotwld5ZisZCI7DxPEfK0+bMiYCcaXE7xSFE8FQKyb735avAyTvb9guUFZagsXDtr8GkuSJdr439Ny/nhyas40/8jfuv+FiuKqlFbuQX+7NLMxEC6nLiy164FdNqxNgyG23Gur4XKqAfvPdWY0ewQBAzDSAsQHT/3fAaDAkVVFJzv78bLVTvw6oObMwasyneBbsZmChMBrpsGdq79lEppbUazoLH9Q/kusFLSMMUaumk7IzPSHmjB0a4GBCODkgt0GhIBZudFlktF+1Af6lYVi/cj4X66ekv+F3DH0Gk09X6BnuFWZLs9dMu6ZBfo4B2RI27VjYnoBPqGRrDr2YNY5FuGfWe3oS3QBL+vEA/4n0ZJXhWKfffBn1NK63MSPuUHmYwFEQwPoj/UiUuBZvSOnsZ4NAjN5aVuSKXOKwavW0sSUImNgWQcjBP44/e8gA8qNomOp/nKdwR+jNZpuDEewonQIVr1TWK95somxVlxl5HySKKwMbGHz/kaXnz4rc8tbJiGTEBNKIvqU3i7ph4rC9ehbfAkjv9zAO0DLcQ4W+jkFxdPR0dZHNQQIxnhGlILHKP/9fglb/vXpTD5LjAQob7On1eA3WtPIUJ3ww+dDWjqOkDmitDptIQCzNi+MQmQpQZS+tyeOOQFAa+HoW71XlQUPIoLg7+iqXs/OgJn4FHyKBWzRJakANvHt+zGhfJIhp5e3a0kUefqd7ouQWDnE0fRE7yIA5d24GT392RCLzTFJ3bGLy0rTZclHcxKgFs2Od7eMYloknDyvWVJhWh38/O4Mjpg+49ShH68LljTDZtCRA4qJ4mZlfwPTgkxk5YTvaeIASkNY1ENKtTbX502CweQSX5NJ8gkHzuE4vOktZyXwg4KfUzEtcYH/1BJaGSO75LglqSAE5kpNNm0PIjPnYxTnCf/UByLBlIaUtNpUh0Ntk9ZmnIZgd0iN9L3Oa0fx6wqe1K44PPe1svlpVVL5/TjNOemH219p7YyHhQbduU/RO82zdXnOT85B6dDt/4rwABLdS71z54DcAAAAABJRU5ErkJggg==);
	}
	/*
	.profile div.services ul li .icon.twitter,
	ul.servicelinklist li .twitter {
		background-image:url( $ { icon_base64(website.platform,'32x32')});
	}
	.profile div.services ul li .icon.facebook,
	ul.servicelinklist li .facebook {
		background-image:url( $ { icon_base64(website.platform,'32x32')});
	}
	.profile div.services ul li .icon.foursquare,
	ul.servicelinklist li .foursquare {
		background-image:url( $ { icon_base64(website.platform,'32x32')});
	}
	.profile div.services ul li .icon.flickr,
	ul.servicelinklist li .flickr {
		background-image:url( $ { icon_base64(website.platform,'32x32')});
	}
	.profile div.services ul li .icon.instagram,
	ul.servicelinklist li .instagram {
		background-image:url( $ { icon_base64(website.platform,'32x32')});
	}
	.profile div.services ul li .icon.googleplus,
	ul.servicelinklist li .googleplus {
		background-image:url( $ { icon_base64(website.platform,'32x32')});
	}
	*/
	/*retina*/
	/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		.profile div.services ul li a.twitter,
		.profile div.services ul li .icon.twitter,
		ul.servicelinklist li .twitter {
			background-image:url( $ { icon_base64(website.platform,'84x84')});
		}
		.profile div.services ul li a.facebook,
		.profile div.services ul li .icon.facebook,
		ul.servicelinklist li .facebook {
			background-image:url( $ { icon_base64(website.platform,'84x84')});
		}
		.profile div.services ul li a.foursquare,
		.profile div.services ul li .icon.foursquare,
		ul.servicelinklist li .foursquare {
			background-image:url( $ { icon_base64(website.platform,'84x84')});
		}
		.profile div.services ul li a.flickr,
		.profile div.services ul li .icon.flickr,
		ul.servicelinklist li .flickr {
			background-image:url( $ { icon_base64(website.platform,'84x84')});
		}
		.profile div.services ul li a.instagram,
		.profile div.services ul li .icon.instagram,
		ul.servicelinklist li .instagram {
			background-image:url( $ { icon_base64(website.platform,'84x84')});
		}
		.profile div.services ul li a.googleplus,
		.profile div.services ul li .icon.googleplus,
		ul.servicelinklist li .googleplus {
			background-image:url( $ { icon_base64(website.platform,'84x84')});
		}
	}*/
	body.profilepage {
		background-color: #000000;
	}
	/*profile position*/
	.profilepage .background-container .profile {
		top: 0px;
	}
	.profilepage .background-container.drag .profile,
	.profilepage .background-container.repeat .profile,
	.profilepage .background-container.scale .profile,
	.profilepage .background-container.center .profile {
		margin-left: 241px;
		left: 50%;
		right: auto;
	}
	.profilepage .background-container.instagram-right .profile {
		right: auto;
		margin-left: 241px;;
		left: 50%;
	}
	.profilepage .background-container.instagram-left .profile {
		right: auto;
		margin-left: 241px;;
		left: 50%;
	}
	.profilepage .background-container.right .profile {
		right: 241px;
		margin-left: 0;
		left: auto;
	}
	.profilepage .background-container.left .profile {
		left: 241px;
		margin-left: 0;
		right: auto;
	}
	/*background position*/
	.profilepage .background-container .background {
		width: 1575px;
		height: 1050px;
		margin-left: -787px;
	}
	.profilepage .background-container.drag .background {
		top: 0px;
		margin-left: 0px;
	}
	.profilepage .background-container.repeat {
		background-image: url(http://d13pix9kaak6wt.cloudfront.net/background/markong_1346666525_9.jpg);
		background-position: 50% 0px;
	}
	.profilepage .background-container.scale .background,
	.profilepage .background-container.repeat .background {
		width: 100%;
		height: 100%;
		left: 0;
		margin-left: 0;
		top: 50px;
	}
	.profilepage .background-container.repeat .background {
		top: 0;
	}
	@media only screen and (max-width: 640px) {
		/* even if scaled, on mobile bg image will show the same way*/
		.profilepage .mobile-background-container {
			background-image: url(http://d13pix9kaak6wt.cloudfront.net/background/markong_1346666525_9.jpg);
		}
	}
	</style>
	<meta name="HandheldFriendly" content="True" />
	<meta name="MobileOptimized" content="320" />
	<meta name="viewport" content="user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1" />
	<meta http-equiv="cleartype" content="on" />
</head>
<body class="profilepage layout-mobile layout-tablet layout-desktop layout-desktop-wide mobile-enabled has-fixednav">
<div class="page-container"></div>
<div class="trailing-content">
	<div class="pane template content-template">
	<div class="background-pattern"></div>
	<div class="mobile-background-container"><img src="http://d13pix9kaak6wt.cloudfront.net/background/markong_1346666525_9.jpg" class="mobile-bg-test-img" alt="Mark Laurence Ong" /></div>
	<div class="profile-container">
		<div class="background-container scale">
			<div class="background">
				<img src="http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/images/blank.gif" class="background-fill" alt="" />
			</div>
			<noscript>
				<div class="profile no-js">
					<div class="profile-head">
						<h1 class="name">Mark Laurence Ong</h1>
						<h2 class="headline">the geekbubble</h2>
					</div>
					<div class="profile-content bio-container clearfix">
						<div class="profile_photo clearfix">
							<img src="http://d13pix9kaak6wt.cloudfront.net/avatar/markong_1346665696_78.jpg" alt="Mark Laurence Ong picture" />
						</div>
						<div class="bio">
							<p>Chief Technology Officer, Registered Electrical Engineer,&nbsp;Registered Master Electrician,&nbsp;System designer, Occasional blogger.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Minimalist,&nbsp;Perfectionist,&nbsp;Technophile,&nbsp;Semi audiophile, Apple fan.&nbsp;Shutterbug,&nbsp;Bookworm,&nbsp;Nature lover,&nbsp;Food enthusiast,&nbsp;Travel freak.&nbsp;All around geek.</p>
						</div>
					</div>
				</div>
			</noscript>
			<div class="profile" id="profile_box" itemscope="itemscope" itemtype="http://schema.org/Person">
				<div class="profile-head invisible">
					<h1 class="name invisible" itemprop="name">Mark Laurence Ong</h1>
					<h2 class="headline invisible">the geekbubble</h2>
<ul class="actions buttonbar invisible">
	<li class="button large dark grey glyph-thumbsup glyph-center" id="compliment_button" title="Send Mark Laurence a compliment"> </li>
	<li class="button large dark grey glyph-plus glyph-center" id="add_button" title="Add Mark Laurence to a collection"> </li>
	<li class="button large dark grey glyph-forward glyph-center" id="share_button" data-url="http://about.me/markong" data-thumbnail="http://d3mod6n032mdiz.cloudfront.net/thumb2/m/a/r/markong/markong-840x560.jpg" data-description="Mark Laurence Ong’s page on about.me – http://about.me/markong" title="Share Mark Laurence’s page"> </li>
	<li class="button large dark grey" id="emailme_button" title="Send Mark Laurence a message">Email Me</li>
</ul>
<div id="follow_modal">
	<ul>
		<li class="follow_twitter invisible" data-service="twitter">
			<span class="button large twitter glyph-twitter km-followbuttons-twitter" data-href="https://twitter.com/intent/follow?&amp;screen_name=geekbubble" title="Follow @geekbubble on Twitter"> </span>
		</li>
		<li class="follow_instagram invisible" data-service="instagram">
			<span class="button large instagram glyph-instagram km-followbuttons-instagram" data-href="http://about.me/instagram/instagram_login?invitee_id=markong" title="Follow @geekbubble on Instagram"> </span>
		</li>
	</ul>
</div>
<div id="emailmemodal" class="invisible">
	<div class="signupmenuform email_public emailmebutton">
		<p class="or-login invisible">Already a member? <a href="https://about.me/login?came_from=markong">Log In</a> to email Mark Laurence.<br /><br />Not a member? Complete the form to register and send Mark Laurence your message.</p>
		<form action="/send_message/markong" id="emailme" method="post" onsubmit="return false">
<input name="_authentication_token" type="hidden" value="79857560476675755750534702914132658775" />
			<fieldset class="from invisible clearfix">
				<label>From:</label>
				<p class="email_from"></p>
			</fieldset>
			<fieldset class="first_name name invisible">
				<label class="label" for="markong_first_name">First name</label>
				<input type="text" name="first_name" id="markong_first_name" class="input fullwidth first_name" value="" maxlength="32" />
			</fieldset>
			<fieldset class="last_name name invisible">
				<label class="label" for="markong_last_name">Last name</label>
				<input type="text" name="last_name" id="markong_last_name" class="input fullwidth last_name" value="" maxlength="32" />
			</fieldset>
			<fieldset class="email invisible">
				<label class="label" for="markong_email">Email address</label>
				<input type="text" name="email" id="markong_email" class="input fullwidth email" value="" maxlength="254" />
			</fieldset>
			<fieldset class="emailmessage">
				<label for="emailme_message">Message <span class="maxchars">(max 1000 characters)</span></label>
				<textarea id="emailme_message" name="emailme_message" class="required input fullwidth"></textarea>
			</fieldset>
			<p class="emailmedisclaimer">The recipient of this message can respond directly to your email address.</p>
			<fieldset class="buttons last">
				<button type="submit" value="Send" class="button large dark blue submitbutton"><span class="button-content">
					<span class="default-text">Send</span>
					<span class="loading-text">Sending...</span>
				</span></button>
			</fieldset>
		</form>
	</div>
</div>
				</div>
				<div class="profile-content clearfix">
					<!--feature video Embed-->
					<div class="featured invisible">
					</div>
					<div class="bio-container clearfix">
						<div class="profile_photo invisible"></div>
						<div class="bio clearfix"><p>Chief Technology Officer, Registered Electrical Engineer,&nbsp;Registered Master Electrician,&nbsp;System designer, Occasional blogger.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Minimalist,&nbsp;Perfectionist,&nbsp;Technophile,&nbsp;Semi audiophile, Apple fan.&nbsp;Shutterbug,&nbsp;Bookworm,&nbsp;Nature lover,&nbsp;Food enthusiast,&nbsp;Travel freak.&nbsp;All around geek.</p></div>
					</div>
					<div class="meta invisible">
						<ul class="phone list glyph-phone invisible">
							<li></li>
						</ul>
						<ul class="locations list glyph-location invisible">
						</ul>
						<div class="contactinfo menu light invisible">
							<span class="menu-head km-clicks-contact-info-visitor menu-toggle menu-arrow">Contact Info</span>
							<ul class="menu-content addresslist">
								<li class="nonitem phone glyph-phone"></li>
								<li class="nonitem address glyph-address">
									<ul>
										<li class="address1"></li>
										<li class="address2"></li>
										<li class="group">
											<span class="city"></span>
											<span class="state"></span>
											<span class="zip"></span></li>
										<li class="country"></li>
									</ul>
								</li>
							</ul>
						</div>
						<ul class="jobs list glyph-building invisible">
						</ul>
						<ul class="educations list glyph-education invisible">
						</ul>
						<ul class="tags list glyph-tag invisible">
						</ul>
					</div>
					<div class="bevel bevel-services invisible"><hr /></div>
					<div class="services invisible">
						<ul id="service-icons" class="services clearfix">
							<li class="serviceactions invisible">
								<ul class="buttonbar">
									<!--follow button-->
									<li id="follow_button" class="button dark gray">Follow</li>
								</ul>
							</li>
						</ul>
						<!--hidden, used for invisible menu creation-->
						<ul id="service-icons-setup">
								<li class="service-icon site_1" data-id="1" data-platform="twitter" data-name="Twitter">
									<a href="#show_twitter_1" class="icon twitter"> <span class="service-icon-overlay"> </span></a>
								</li>
								<li class="service-icon site_2" data-id="2" data-platform="facebook" data-name="Mark Laurence Ong">
									<a href="#show_facebook_2" class="icon facebook"> <span class="service-icon-overlay"> </span></a>
								</li>
								<li class="service-icon site_3" data-id="3" data-platform="foursquare" data-name="Foursquare">
									<a href="#show_foursquare_3" class="icon foursquare"> <span class="service-icon-overlay"> </span></a>
								</li>
								<li class="service-icon site_4" data-id="4" data-platform="flickr" data-name="Flickr">
									<a href="#show_flickr_4" class="icon flickr"> <span class="service-icon-overlay"> </span></a>
								</li>
								<li class="service-icon site_8" data-id="8" data-platform="instagram" data-name="Instagram">
									<a href="#show_instagram_8" class="icon instagram"> <span class="service-icon-overlay"> </span></a>
								</li>
								<li class="service-icon site_9" data-id="9" data-platform="googleplus" data-name="Google+">
									<a href="#show_googleplus_9" class="icon googleplus"> <span class="service-icon-overlay"> </span></a>
								</li>
						</ul>
					</div>
				</div>
				<ul class="links clearfix invisible">
						<li class="site_7" style="background-image: url(http://d15rluch0y3zzq.cloudfront.net/favicon/default.png)">
							<a href="http://geekbubble.com" target="_blank" class="website site_7" rel="me">
								<span class="displayname">geekbubble.com</span></a>
						</li>
				</ul>
				<div class="profile-content no-thumbnail">
					<div class="mobile-links invisible">
						<div class="app-links-wrap mobile-links-wrap">
							<ul class="app-links">
								<li class="app-link" data-id="1" data-platform="twitter">
									<a href="#show_mobile_twitter_1" class="glyph-angle-right-after">
										<span class="displayname">Twitter</span>
									</a>
								</li>
								<li class="app-link" data-id="2" data-platform="facebook">
									<a href="#show_mobile_facebook_2" class="glyph-angle-right-after">
										<span class="displayname">Facebook: Mark Laurence Ong</span>
									</a>
								</li>
								<li class="app-link" data-id="3" data-platform="foursquare">
									<a href="#show_mobile_foursquare_3" class="glyph-angle-right-after">
										<span class="displayname">Foursquare</span>
									</a>
								</li>
								<li class="app-link" data-id="4" data-platform="flickr">
									<a href="#show_mobile_flickr_4" class="glyph-angle-right-after">
										<span class="displayname">Flickr</span>
									</a>
								</li>
								<li class="app-link" data-id="8" data-platform="instagram">
									<a href="#show_mobile_instagram_8" class="glyph-angle-right-after">
										<span class="displayname">Instagram</span>
									</a>
								</li>
								<li class="app-link" data-id="9" data-platform="googleplus">
									<a href="#show_mobile_googleplus_9" class="glyph-angle-right-after">
										<span class="displayname">Google+</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="flat-links-wrap mobile-links-wrap">
							<ul class="flat-links">
								<li class="flat-link" data-id="7">
									<a href="http://geekbubble.com" target="_blank">
										<span class="displayname">geekbubble.com</span>
										<span class="icon" aria-hidden="true" data-icon="A"></span>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div><!-- /profile -->
		</div><!--/end background-container-->
	</div><!--/end profile-container-->
	<div id="belowthefold"></div>
<div class="displayname invisible">Mark Laurence Ong</div>
<div id="services_modal" class="content" style="display:none">
    <div id="container_nav" style="display:none">
        <ul class="tabheader">
            <li class="site site_1" data-id="1">
                <a href="#switch_twitter_1" class="tab tab_1">Twitter</a>
            </li>
            <li class="site site_2" data-id="2">
                <a href="#switch_facebook_2" class="tab tab_2">Facebook: Mark Laurence Ong</a>
            </li>
            <li class="site site_3" data-id="3">
                <a href="#switch_foursquare_3" class="tab tab_3">Foursquare</a>
            </li>
            <li class="site site_4" data-id="4">
                <a href="#switch_flickr_4" class="tab tab_4">Flickr</a>
            </li>
            <li class="site site_8" data-id="8">
                <a href="#switch_instagram_8" class="tab tab_8">Instagram</a>
            </li>
            <li class="site site_9" data-id="9">
                <a href="#switch_googleplus_9" class="tab tab_9">Google+</a>
            </li>
        </ul>
    </div>
    <div class="wrapper"></div>
</div>
	<div class="embed-modal" style="display:none">
		<div class="section embedtype expandable expanded untyped">
			<span class="button xsmall typed-content expandable-trigger glyph-center"> </span>
			<h4 class="typed-content expandable-trigger">Embed Type<span class="embedtype-title"></span></h4>
			<h4 class="untyped-content">Embed Type<span class="embedtype-title"></span></h4>
			<div class="expanded-content expanded-content-animate">
				<p class="note">Where do you want to embed this page?</p>
				<div class="buttons">
					<span class="button logobutton logobutton-wordpress" data-type="wordpress">WordPress</span>
					<span class="button logobutton logobutton-tumblr" data-type="tumblr">Tumblr</span>
					<span class="button logobutton logobutton-blogger" data-type="blogger">Blogger</span>
					<span class="button" data-type="other">Other</span>
				</div>
			</div>
		</div>
		<div class="pane embed-javascript">
			<div class="section embedcode">
				<div class="othernote">
					<p class="note">Embedding about.me pages is officially supported on WordPress, Tumblr, Blogger, and TypePad. Feel free to use the embed code below on any other site, but it may not work on some sites. Submit feedback at <a href="http://support.about.me">support.about.me</a> if you have questions.</p>
				</div>
				<p class="note">
					<span class="sentence">Embed this page<span class="embedtype-title"></span> by copying the <strong>Embed Code</strong> below.</span>
					<a href="http://support.about.me/knowledgebase/articles/141673-embedding-about-me-in-tumblr" class="learnmore learnmore-tumblr" target="_blank">Learn more &gt;</a>
					<a href="http://support.about.me/knowledgebase/articles/141727-embedding-about-me-in-blogger" class="learnmore learnmore-blogger" target="_blank">Learn more &gt;</a>
					<a href="http://support.about.me/knowledgebase/articles/142118-embedding-about-me-in-typepad" class="learnmore learnmore-typepad" target="_blank">Learn more &gt;</a>
					<a href="http://support.about.me/knowledgebase/articles/142119-embedding-about-me-in-other-websites" class="learnmore learnmore-other" target="_blank">Learn more &gt;</a>
				</p>
				<fieldset class="buttonfield copyfield">
					<input type="text" class="input large" name="embedcode" id="embedcode" />
					<button class="button large">Copy</button>
				</fieldset>
			</div>
			<div class="section options expandable">
				<span class="button xsmall expandable-trigger glyph-center"> </span>
				<h4 class="expandable-trigger">Options</h4>
				<div class="expanded-content expanded-content-animate">
					<fieldset class="appearance">
						<label class="label">Appearance</label>
						<div class="buttonbar">
							<div class="button button-small active" data-value="default" title="Use the default about.me appearance">Use about.me Style</div>
							<div class="button button-small" data-value="site" title="Use the styles defined by your site’s stylesheet. The preview below will not fully reflect the embedded appearance.">Use My Site’s Style</div>
						</div>
					</fieldset>
					<fieldset class="elements">
						<label class="label">Include</label>
						<label class="inline checkbox">
							<input type="checkbox" class="checkbox-image" data-key="image" data-other="name" checked="checked" />
							Image
						</label>
						<label class="inline checkbox">
							<input type="checkbox" class="checkbox-name" data-key="name" data-other="image" checked="checked" />
							Name
						</label>
						<label class="inline checkbox">
							<input type="checkbox" data-key="headline" checked="checked" />
							Headline
						</label>
						<label class="inline checkbox">
							<input type="checkbox" data-key="bio" checked="checked" />
							Biography
						</label>
						<label class="inline checkbox">
							<input type="checkbox" data-key="apps" checked="checked" />
							Apps
						</label>
					</fieldset>
				</div>
			</div>
			<div class="section preview expandable expanded">
				<span class="button xsmall expandable-trigger glyph-center"> </span>
				<h4 class="expandable-trigger">Preview</h4>
				<div class="expanded-content expanded-content-animate">
					<p class="note">The final size of the embed will be determined by the layout of your site.</p>
					<div class="preview-resize-container">
						<div class="preview-resize">
							<div class="embedpreview" id="embedpreview"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pane embed-wordpress">
			<div class="section instructions-wpdotcom">
				<h4>About.me Widget for WordPress.com <a href="http://support.about.me/knowledgebase/articles/145110-embedding-about-me-in-a-wordpress-com-theme" class="learnmore learnmore-wordpress" target="_blank">Learn more &gt;</a></h4>
				<p class="note">To add the about.me widget to your WordPress.com blog:</p>
				<ol class="numbered">
					<li>Log in to your account on <a href="http://www.wordpress.com" target="_blank">WordPress.com</a>.</li>
					<li>Go to the Widgets section of your Appearance settings.</li>
					<li>Drag the about.me widget to your preferred widget area.</li>
					<li>Add your about.me username and configure the widget.</li>
				</ol>
			</div>
			<div class="section instructions-wpdotorg">
				<h4>About.me Widget for WordPress.org (self-hosted) <a href="http://support.about.me/knowledgebase/articles/141724-embedding-about-me-in-a-wordpress-org-theme" class="learnmore learnmore-wordpress" target="_blank">Learn more &gt;</a></h4>
				<p class="note">To add the about.me widget to your WordPress.org blog, click the button below:</p>
				<p><a class="button logobutton logobutton-wordpress" href="http://wordpress.org/extend/plugins/aboutme-widget/installation/" target="_blank">Add about.me to your self-hosted WordPress blog</a></p>
			</div>
		</div>
	</div>
	<div id="welcome" class="invisible">
		<div class="guide">
			<p class="guidename">Veronica Belmont - <span class="text italic grey">about.me user since 2010</span></p>
		</div>
		<ul class="tabs clearfix">
			<li><a href="#step1" class="tab step1 steps stats-notrack"><span class="step-inner">1</span><span class="tabname">create &amp; customize</span></a></li>
			<li><a href="#step2" class="tab step2 steps stats-notrack"><span class="step-inner">2</span><span class="tabname">Connect &amp; Share</span></a></li>
			<li><a href="#step3" class="tab step3 steps stats-notrack"><span class="step-inner">3</span><span class="tabname">Benefits</span></a></li>
		</ul>
		<div id="step1" class="tab clearfix active">
			<p class="guidetext indent">“First, customize your page. It’s easy and fun to design!”</p>
			<div class="welcome-text">
				<h2 class="big">Your Name</h2>
				<p class="bio">Hi! I’m currently living in <span class="text grey italic">(City)</span>, where I work at <span class="text grey italic">(Work Place) </span>
					doing <span class="text grey italic">(Job Title)</span>. When I’m not working I like to <span class="text grey italic">(Hobby)</span>,
					<span class="text grey italic">(Interest)</span> and <span class="text grey italic">(Passion)</span>. Connect with me!</p>
			</div>
			<p class="buttons right"><span class="button dark button-large large"><span class="button-content">Next: Connect &amp; Share</span></span></p>
		</div>
		<div id="step2" class="tab clearfix">
			<p class="guidetext indent">“Next, connect services and send people to your page.”</p>
			<p class="buttons right"><span class="button dark button-large large"><span class="button-content">Next: Benefits</span></span></p>
		</div>
		<div id="step3" class="tab clearfix">
			<p class="guidetext indent">“That’s it! Let about.me do all of the work for you.”</p>
			<div class="welcome-text big">
				<p class="checkmark">Showcase a 360 degree view of who you are</p>
				<p class="checkmark">Help people find and follow you on your social networks</p>
				<p class="checkmark">Be found for new opportunities</p>
			</div>
			<p class="buttons right"><span class="button button-submit button-large large dark blue"><span class="button-content">Get Started</span></span></p>
		</div>
	</div>
	</div>
	<div class="signupform signup-modal invisible">
		<div id="signup-modal">
		    <h2><img src="http://d2ed0w4q03gsmw.cloudfront.net/0fdb3c9/images/logos/aboutme_logo_black.svg" /></h2>
		    <h3 class="action">It’s free and only takes minutes to set up a page. Join now or <a href="https://about.me/">learn more</a>.</h3>
<div class="signup">
<form action="/register" id="signup_signupmodal" method="post" onsubmit="return false">
<input name="_authentication_token" type="hidden" value="79857560476675755750534702914132658775" />
<fieldset class="first_name name">
			<label class="label" for="signupmodal_first_name">First name</label>
			<input type="text" name="first_name" id="signupmodal_first_name" class="input fullwidth large first_name" value="" maxlength="32" />
</fieldset>
<fieldset class="last_name name">
			<label class="label" for="signupmodal_last_name">Last name</label>
			<input type="text" name="last_name" id="signupmodal_last_name" class="input fullwidth large last_name" value="" maxlength="32" />
</fieldset>
<fieldset class="email">
			<label class="label" for="signupmodal_email">Email address</label>
			<input type="text" name="email" id="signupmodal_email" class="input fullwidth large email" value="" maxlength="254" />
</fieldset>
<input type="hidden" value="signupmodal" name="location" class="signuplocation" />
<fieldset class="buttons large">
    <div class="alreadyjoined right invisible button-item"><span class="">Already joined?  </span><a href="http://about.me/login" class="not-deferred">Log In</a></div>
    <button type="submit" class="button test130106 large dark blue signup-submitbutton not-deferred">
   		<span class="default-text">Join for FREE</span>
   		<span class="loading-text">Join for FREE</span>
    </button>
</fieldset>
<div class="socialsignup">
	<h4>or continue with…</h4>
	<div class="buttons">
		<a href="http://about.me/facebook/login?perm=basic" class="button signupbutton large  facebook glyph-facebook not-deferred">Facebook</a>
		<a href="http://about.me/twitter/login" class="button signupbutton large  twitter glyph-twitter not-deferred">Twitter</a>
	</div>
</div>
</form>
</div>
		</div>
	</div>
	<div class="autologin invisible">
		<div class="autologinform">
			<form action="#" method="post" onsubmit="return false">
<input name="_authentication_token" type="hidden" value="79857560476675755750534702914132658775" />
				<fieldset>
					<label class="label" for="login">Username or email</label>
					<input class="input large fullwidth" type="text" id="login" name="login" tabindex="1" />
				</fieldset>
				<fieldset>
					<span class="right forgotpassword-link text link" href="#forgotpassword" tabindex="3">Forgot password?</span>
					<label class="label" for="password">Password</label>
					<input class="input large fullwidth" type="password" id="password" name="password" tabindex="2" />
				</fieldset>
				<fieldset class="buttons large">
					<button type="submit" class="button button-submit large dark blue" value="submit" tabindex="5">
						<span class="default-text">Log In</span>
						<span class="loading-text">Logging In…</span>
					</button>
					<span class="button large cancel">Cancel</span>
				</fieldset>
				<p class="glyph-lock ssl-note">Login secured with SSL</p>
			</form>
		</div>
	</div>
	<script type="text/javascript">
	var _kmq = window._kmq || [];
	function _kms(u){
		setTimeout(function(){
			var s = document.createElement('script'); var f = document.getElementsByTagName('script')[0]; s.type = 'text/javascript'; s.async = true;
			s.src = u; f.parentNode.insertBefore(s, f);
		}, 1);
	}
	_kms('//i.kissmetrics.com/i.js');_kms('//doug1izaerwt3.cloudfront.net/02c12958c27452f207e74e259da5adcd66b80beb.1.js');
	_kmq.push(function(){
		var params = KM.uprts(KM.u()).params;
		if(param = params['NCID'] || params['ncid']) {
			_kmq.push(['set', { 'NCID': param }]);
		}
	});
	</script>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(
			['_setAccount', 'UA-17228769-1'],
			['_trackPageview',location.pathname + location.search + location.hash]
		);
		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
</div>
</body>
</html>