<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Andrw</title>

<meta charset="UTF-8">
<meta name="language" content="en">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content=""/>
<meta name="twitter:site" content="https://twitter.com/andrwooi" />
<meta name="twitter:creator" content="https://twitter.com/andrwooi" />

<link rel="shortcut icon" type="image/png" href="static/favicon.ico" />

<style>

button,button[type=button],button[type=reset],button[type=submit]{-webkit-appearance:button}input,input[type=text],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}html,body{background-color:#fff;color:#111;height:100%}html{box-sizing:border-box}*,*:before,*:after{padding:0;margin:0;box-sizing:inherit}html{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:95%}@media screen and (min-width:800px){html{font-size:100%}}@media screen and (min-width:1400px){html{font-size:115%}}h1,h2,h3,h4,h5,h6{margin-top:1.5rem;margin-bottom:0;line-height:1.5rem}h1{font-size:2.121rem;line-height:2.25rem;margin-top:2.25rem}h2{font-size:1.414rem}h3{font-size:1.17833333rem}h4{font-size:.98194444rem}h5{font-size:.81828704rem}p{margin-top:1.5rem;margin-bottom:0;line-height:1.5rem}ul,ol{padding-left:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}ul li,ol li{line-height:1.5rem}ul ul,ul ol,ol ul,ol ol{margin-top:0;margin-bottom:0}blockquote{margin-top:1.5rem;margin-bottom:1.5rem;line-height:1.5rem;color:#111}blockquote::before{position:absolute;content:"\201C";font-size:6em;font-family:roboto,serif;margin-top:.1em;margin-left:-.2em;z-index:-1;color:#ededed}blockquote cite{font-style:italic;font-size:.95em;color:#717171}blockquote cite::before{content:"— "}pre{line-height:1.45;margin-top:1.5rem;padding:16px;word-wrap:normal;overflow:auto;background-color:#f6f8fa;border-radius:3px}code{font-size:85%;font-family:sfmono-regular,Consolas,Menlo,monospace;padding:.2em .4em;margin:0;background-color:rgba(27,31,35,5%);border-radius:3px}pre>code{word-break:normal;white-space:pre}pre code{display:inline;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:initial;border:0}.lead{font-size:1.414rem}abbr[title]{text-decoration:underline double}.burger__container{height:4rem;display:flex;align-items:center;padding:0 1.5rem;position:fixed;width:100%;background:#fff;z-index:2}@media screen and (min-width:800px){.burger__container{display:none}}.burger{position:relative;width:28px;height:28px;cursor:pointer}.burger__meat{position:absolute;width:28px;height:2px;background:#111;top:calc(50% - 2px/2);left:calc(50% - 28px/2);transition:all 150ms ease-in}.burger__meat--1{transform:translateY(-10px)}.burger__meat--2{width:calc(28px - 6px)}.burger__meat--3{transform:translateY(10px)}.nav--active .burger__meat--1{transform:rotate(45deg)}.nav--active .burger__meat--2{opacity:0}.nav--active .burger__meat--3{transform:rotate(-45deg)}.nav{font-size:16px;position:fixed;display:flex;justify-content:center;align-items:center;background:#fff;visibility:hidden;z-index:1}@media screen and (min-width:800px){.nav{display:block;visibility:visible;padding-top:3em;width:100px}}.nav--active .nav{visibility:visible;height:100%;width:100%}@media screen and (min-width:800px){.nav--active .nav{width:100px}}.nav__list{text-align:right;list-style:none;margin:0;padding:0;width:50%}@media screen and (min-width:800px){.nav__list{width:auto}}@media screen and (max-width:799px){.nav__list{transform:translateY(-25px);opacity:0}.nav--active .nav__list{transform:translateY(0);opacity:1;transition:all 500ms ease}}.nav__list li{margin-bottom:3em;line-height:1.5em}.nav__list li:last-of-type{margin-bottom:0}@media screen and (min-width:800px){.nav__list li{margin-bottom:1.75em}}.nav__list a{color:#9b9b9b;text-decoration:none;font-size:2em}.nav__list a.active{color:#111}.nav__list a:hover{color:#111}@media screen and (min-width:800px){.nav__list a{font-size:1em}}.social-icons{display:flex;justify-content:center}.social-icons__link{padding:.8rem}.social-icons__link:not(:last-child){margin-right:1em}.social-icons__link .social-icons__icon{width:1.4rem;height:1.4rem;background-size:contain;background-repeat:no-repeat}body.nav--active{overflow:hidden}main{padding:3rem 1.5rem 1rem}@media screen and (min-width:800px){main{padding-left:calc(1.5rem + 100px)}}@media screen and (max-width:799px){main{padding-top:calc(3rem + 4rem)}}.splash-container{height:100%;display:flex;justify-content:center;align-items:center;font-size:14px}@media screen and (min-width:800px){.splash-container{font-size:18px}}.splash h1{font-size:3em;line-height:1;letter-spacing:-.03em;margin:0}.splash h2{font-size:2.25em;font-weight:500;line-height:1.25;max-width:22em;letter-spacing:-.03em}.fancy{color:#9013fe}.handle{display:inline-block;margin-top:.275em;color:#9b9b9b;letter-spacing:.5px}.writing{text-decoration:none;color:#9013fe}main{padding-top:0;padding-bottom:0;height:100%}.social-icons{justify-content:flex-start;padding-top:1rem;margin-left:-.8rem}

</style>
<script src="libs/aes.js"></script>
<script>
	String.prototype.capitalize = function() {
    		return this.charAt(0).toUpperCase() + this.slice(1);
	}
    	
	let hostname = window.location.hostname;
	let domain = hostname.match(/^(?:.*?\.)?(\w{3,}\.(?:\w{2,8}|\w{2,4}\.\w{2,4}))$/)[1].capitalize();
	document.title = domain;
	let brand = domain.replace(".", "<span class=\"fancy\">.</span>");
</script>
</head>

<body>
<div class="burger__container">
<div class="burger" aria-controls="navigation" aria-label="Menu">
<div class="burger__meat burger__meat--1"></div>
<div class="burger__meat burger__meat--2"></div>
<div class="burger__meat burger__meat--3"></div>
</div>
</div>

<nav class="nav" id="navigation">
<ul class="nav__list">
	<li>
		My real world endeavour<br />
        <a href="https://www.inspidea.com" target="_blank"><b>Inspidea</b></a><br />
        <a href="https://www.bowleh.com" target="_blank"><b>Bowleh</b></a><br />
	</li>
	<li>
        Send files to my <a href="https://www.dropbox.com/request/DKM4LCmzzAjAlVmAhI4N" target="_blank"><b>Dropbox</b></a>
	</li>
	<li>
		
	</li>
</ul>
</nav>

<main>
	<div class="splash-container">
	<div class="splash">
	<h1>
	<script>document.write(brand);</script>
	</h1>
	<span class="handle">@andrwooi</span>
	<h2>
	Links to my digital footprints.
	</h2>
	
	<div class="social-icons">
		<a class="social-icons__link" rel="me" title="Twitter" href="https://twitter.com/andrwooi"
target="_blank" rel="noopener">
		<div class="social-icons__icon" style="background-image: url('static/svg/twitter.svg')"></div>
		</a>
		
		<a class="social-icons__link" rel="me" title="LinkedIn" href="https://my.linkedin.com/in/andrwooi"
target="_blank" rel="noopener">
		<div class="social-icons__icon" style="background-image: url('static/svg/linkedin.svg')"></div>
		</a>
 
		<a class="social-icons__link" rel="me" title="Instagram" href="https://instagram.com/andrwooi" target="_blank" rel="noopener">
		<div class="social-icons__icon" style="background-image: url('static/svg/instagram.svg')"></div>
		</a>
		 
		<a class="social-icons__link" rel="me" title="Facebook" href="https://facebook.com/andrwooi" target="_blank" rel="noopener">
		<div class="social-icons__icon" style="background-image: url('static/svg/facebook.svg')"></div>
		</a>

        		<a class="social-icons__link" rel="me" title="IMDB" href="https://imdb.me/andrwooi" target="_blank" rel="noopener">
		<div class="social-icons__icon" style="background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJjb21wX3g1Rl8xNzEtaW1kYiI+PGc+PGc+PHJlY3QgaGVpZ2h0PSIxMzEuMjIyIiB3aWR0aD0iMzMuODg0IiB4PSI5Mi40ODUiIHk9IjE4OS41MjkiLz48cGF0aCBkPSJNMTkwLjY0NiwyNTEuMDMyYy0yLjc3My0yMC41MzYtNS41NDQtNDEuMTc0LTguOTMzLTYxLjUwM2gtNDMuOTQ3djEzMS4yMjJoMjkuNzc2di04Ni43NjNsMTIuNTI4LDg2Ljc2M2gyMS4xNSAgICAgbDExLjkxMi04OC43MTR2ODguNzE0aDI5LjQ2OVYxODkuNTI5aC00NC4xNTJMMTkwLjY0NiwyNTEuMDMyeiIvPjxwYXRoIGQ9Ik0zMjkuODc3LDIxMC45ODdjLTQuNDE0LTIzLjEwMi0zMi4yNC0yMS40NTgtNTAuMzExLTIxLjQ1OGgtMjUuMjYxdjEzMS4yMjJjODguNDA3LDAuMTA0LDc3LjAwOSw2LjE2LDc3LjAwOS04NC43MDkgICAgIEMzMzEuMzE0LDIyNy43MjQsMzMxLjYyNCwyMTguNzkyLDMyOS44NzcsMjEwLjk4N3ogTTI4OC4yOTMsMjk3Ljk1NXYtODUuOTRjMTIuMjE5LDAsMTAuNTc2LDYuNDcsMTAuNTc2LDE2LjQyOHY1MC42MjIgICAgIEMyOTguODY5LDI4OS4wMjMsMzAwLjgxOSwyOTguMjY1LDI4OC4yOTMsMjk3Ljk1NXoiLz48cGF0aCBkPSJNMzk2LjcyLDIyMi44OThjLTkuMTM3LDAtMTUuMjk4LDIuNzczLTIxLjQ1Nyw5LjQ0N3YtNDIuODE2aC0zMi41NXYxMzEuMjIyaDMwLjU5N2wxLjk1My04LjMxNyAgICAgYzUuODUyLDYuOTgyLDEyLjIxOCwxMC4wNjMsMjEuNDU3LDEwLjA2M2MyMC4zMzEsMCwyMi43OTUtMTUuNjA3LDIyLjc5NS0zMS43Mjl2LTM2Ljk2NCAgICAgQzQxOS41MTUsMjM2LjA0Miw0MTguNjkzLDIyMi44OTgsMzk2LjcyLDIyMi44OTh6IE0zODAuMjkzLDMwMy42MDRjLTEuNjQyLDAtMy4wODEtMC44MjMtMy45MDItMi40NjUgICAgIGMtMi4yNi01LjIzNy0xLjEyOC00NS4yODItMS4xMjgtNDUuODk3YzAtMy45MDItMS4xMzItMTMuMDQxLDUuMDMtMTMuMDQxYzcuNDk2LDAsNi4zNjQsNy40OTcsNi4zNjQsMTMuMDQxdjMzLjU3NCAgICAgQzM4Ni42NTcsMjk0LjM2MiwzODguMzAxLDMwMy42MDQsMzgwLjI5MywzMDMuNjA0eiIvPjwvZz48cGF0aCBkPSIgICAgTTQyOS45MDIsNDU2SDgyLjA5OEM1My44NzcsNDU2LDMxLDQzMy4xMjMsMzEsNDA0LjkwMlYxMDcuMDk4QzMxLDc4Ljg3Nyw1My44NzcsNTYsODIuMDk4LDU2aDM0Ny44MDUgICAgQzQ1OC4xMjMsNTYsNDgxLDc4Ljg3Nyw0ODEsMTA3LjA5OHYyOTcuODA1QzQ4MSw0MzMuMTIzLDQ1OC4xMjMsNDU2LDQyOS45MDIsNDU2eiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIvPjwvZz48L2c+PGcgaWQ9IkxheWVyXzEiLz48L3N2Zz4=')"></div>
		</a>
		</a>
	</div>
	</div>
	</div>
</main>

<script>
function toggleMobileNavState(){const a=document.querySelector("body");a.classList.toggle("nav--active")}function initBurger(){const a=document.querySelector(".burger");a.addEventListener("click",toggleMobileNavState)}initBurger()
</script>
</body>
</html>


