<html dir="ltr" lang="en-US">
<head>
<title>aeiowu | Greg Wohlwend | Game Developer</title>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />

<meta name="description" content="Game developer, graphic designer & Greg." />

<script type="text/javascript" src="//use.typekit.net/kit5oss.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<!--
<meta id="viewport" name='viewport'>
<script>
    (function(doc)
    {
        var viewport = document.getElementById('viewport');
        if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) 
        {
            doc.getElementById("viewport").setAttribute("content", "width=640, user-scalable=no, minimum-scale=.5, maximum-scale=.5");
        }	else if ( navigator.userAgent.match(/iPad/i) ) 
        	{
           		doc.getElementById("viewport").setAttribute("content", "width=640, user-scalable=no, minimum-scale=1, maximum-scale=1");
        	}
    }(document));
</script>
-->

<!-- CONTACT FORM -->
<script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script>
<script type="text/javascript" src="contact/contact-form.js"></script>
<!-- /CONTACT FORM -->

<!--ANALYTICS-->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-20585519-1']);
  _gaq.push(['_trackPageview']);

  (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>
<!--ANALYTICS-->
</head>

<body>
<div id="wrapper">

	<div class="head" id="aeiowu" style="background: #2B2B33;">
		<div class="headContent">
			<div id="logoBar"></div>
			<div class="aboutText">
				<h2>Game developer, graphic designer & Greg</h2>
			</div>
		</div>
	</div>
	
	<div class="bar" id="tumbleseed" style="background: #f1f2f2 url('images/bar_tumbleseed.svg') no-repeat top right;">
		<div class="featureContent">
			<h1 style="line-height: 1em; letter-spacing: -1px; margin-top: 0px; font-size: 5.6em; color: #662658;">TumbleSeed</h1>
			
			<p style="margin-top: 70px; color: #662658;">
				A rolly roguelike.<br />
			</p>
			<a href="http://tumbleseed.com">
				<div class="buttonTumbleSeed">Visit Site</div>
			</a>
		</div>
	</div>
	
	<!--
	<div class="bar" id="touchtone" style="background: #FFAA00 url('images/bar_touchtone.svg') no-repeat top right;">
		<div class="featureContent">
			<h1 style="line-height: 1em; letter-spacing: -1px; margin-top: 0px; font-size: 5.6em; color: #000000;">TouchTone</h1>
			
			<p style="margin-top: 70px; color: #000000;">
				If you solve something, say something.<br />
			</p>
			<a href="http://touchtonegame.com">
				<div class="buttonTouchtone">Visit Site</div>
			</a>
		</div>
	</div>
	-->
	
	<!--
	<div class="bar" id="threes" style="background: #cfe6df url('images/bar_threes.svg') no-repeat top right;">
		<div class="featureContent">
			<h1 style="line-height: 1em; letter-spacing: -1px; margin-top: 0px; font-size: 5.6em; color: #000000;">Threes</h1>
			
			<p style="margin-top: 70px; color: #000000;">
				A tiny puzzle that grows on you.<br />
			</p>
			<a href="http://threesgame.com">
				<div class="buttonThrees">Visit Site</div>
			</a>
		</div>
	</div>
	
	<div class="bar" id="ridiculous" style="background: #47aef5 url('images/bar_rf.svg') no-repeat top right;">
		<div class="featureContent">
			<h1 style="line-height: 1em; letter-spacing: -1px; margin-top: 0px; font-size: 5.6em;">Ridiculous Fishing</h1>
			
			<p style="margin-top: 70px;">
				Embark on a heroic quest for glory and gills. Gut fish with a shotgun. Chainsaws.<br />
			</p>
			<a href="http://ridiculousfishing.com">
				<div class="buttonRF">Visit Site</div>
			</a>
		</div>
	</div>
	
	<div class="bar" id="hundreds" style="background: #DE0000 url('images/bar_hundreds.png') no-repeat top right;">
		<div class="featureContent">
			<h1 style="line-height: .6em; letter-spacing: -2px; margin-top: 0px; font-size: 9.2em;">Hundreds</h1>
			
			<p style="margin-top: 70px;">
				Hundreds is an iOS arcade puzzle game about the space between you and the serene. <br />
			</p>
			<a href="http://playhundreds.com">
				<div class="button" id="hundreds">Visit Site</div>
			</a>
		</div>
	</div>
	-->
	
	<div class="barSmall" style="background:#FFAA00 url('images/bar_touchtone.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #000;">Touchtone</h1>
					
						
					
						<h2 style="color: #000; margin-top: 60px;">If you solve something, say something.</h2>
						<h3 style="color: #000;">iOS Game</h3>
						<h4 style="color: #000;">03.21.15</h4>
						<a href="http://touchtonegame.com">
							<span style="margin-top: 40px;" class="buttonTouchtone">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#cfe6df url('images/bar_threes.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #000;">Threes</h1>
					
						
					
						<h2 style="color: #000; margin-top: 60px;">A tiny puzzle that grows on you.</h2>
						<h3 style="color: #000;">iOS, Android & Xbox One Game</h3>
						<h4 style="color: #000;">02.06.14</h4>
						<a href="http://threesgame.com">
							<span style="margin-top: 40px;" class="buttonThrees">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#47aef5 url('images/bar_rf.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #FFF;">Ridiculous Fishing</h1>
					
						
					
						<h2 style="color: #FFF; margin-top: 60px;">A true tale of redemption.</h2>
						<h3 style="color: #FFF;">iOS & Android Game</h3>
						<h4 style="color: #FFF;">03.14.13</h4>
						<a href="http://ridiculousfishing.com">
							<span style="margin-top: 40px;" class="buttonRF">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#DE0000 url('images/bar_hundreds.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #FFF;">Hundreds</h1>
					
						
					
						<h2 style="color: #FFF; margin-top: 60px;">Unwind your mind.</h2>
						<h3 style="color: #FFF;">iOS & Android Game</h3>
						<h4 style="color: #FFF;">01.03.13</h4>
						<a href="http://playhundreds.com">
							<span style="margin-top: 40px;" class="buttonClash">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#deeeb2 url('images/bar_gasketballR.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #2B2B33;">Gasketball</h1>
					
						
					
						<h2 style="color: #2B2B33; margin-top: 60px;">The only game better than basketball.</h2>
						<h3 style="color: #2B2B33;">iPad Game</h3>
						<h4 style="color: #2B2B33;">08.12.12</h4>
						<a href="http://gasketball.com">
							<span style="margin-top: 40px;" class="button">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#00dfac url('images/bar_puzzlejuiceR.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #fff;">Puzzlejuice</h1>
					
						
					
						<h2 style="color: #fff; margin-top: 60px;">A game that will punch your brain in the face!</h2>
						<h3 style="color: #fff;">iOS Game</h3>
						<h4 style="color: #fff;">01.12.12</h4>
						<a href="http://puzzlejuicegame.com">
							<span style="margin-top: 40px;" class="buttonDark">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#40bfff url('images/bar_igtmR.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #fff;">Indie Game</h1>
					
						
					
						<h2 style="color: #fff; margin-top: 60px;">Independent documentary on indies like me.</h2>
						<h3 style="color: #fff;">Identity & Poster Design</h3>
						<h4 style="color: #fff;">11.12.11</h4>
						<a href="http://indiegamethemovie.com">
							<span style="margin-top: 40px;" class="button">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#262626 url('images/bar_solipskierR.svg') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: color: #fff;">Solipskier</h1>
					
						
					
						<h2 style="color: color: #fff; margin-top: 60px;">It's all in your head.</h2>
						<h3 style="color: color: #fff;">Flash &amp; iOS Game</h3>
						<h4 style="color: color: #fff;">08.12.10</h4>
						<a href="http://solipskier.com">
							<span style="margin-top: 40px;" class="buttonDark">Play Game</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#081010 url('images/game_4fR.png') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #fff;">4Fourths</h1>
					
						
					
						<h2 style="color: #fff; margin-top: 60px;">4 Fourths. 2 Ships. 1 Hero.</h2>
						<h3 style="color: #fff;">Four Player Party Game</h3>
						<h4 style="color: #fff;">02.01.10</h4>
						<a href="http://4fourths.com">
							<span style="margin-top: 40px;" class="buttonDark">Visit Site</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#f0f0f0 url('images/game_fig8R.png') no-repeat top right;">
					<div class="smallContent">
						<h1 style="color: #000;">Fig. 8</h1>
					
						
					
						<h2 style="color: #000; margin-top: 60px;">Bicycle through blueprints.</h2>
						<h3 style="color: #000;">Flash Game</h3>
						<h4 style="color: #000;">08.18.09</h4>
						<a href="games/fig8">
							<span style="margin-top: 40px;" class="button">Play Game</span>
						</a>
					</div>
				</div><div class="barSmall" style="background:#151515 url('images/game_grayR.png') no-repeat top right; margin-bottom: 1%;">
					<div class="smallContent">
						<h1 style="color: #FFF;">Gray</h1>
					
						
					
						<h2 style="color: #FFF; margin-top: 60px;">A game about choosing sides.</h2>
						<h3 style="color: #FFF;">Flash Game</h3>
						<h4 style="color: #FFF;">04.23.09</h4>
						<a href="games/gray">
							<span style="margin-top: 40px;" class="buttonDark">Play Game</span>
						</a>
					</div>
				</div>	
</div> <!-- /wrapper -->

<div class="clear"></div>


<div id="footer">
	<div id="footHead"></div>
	
	<div id="footWrapper">
		<div id="contact">
			<h2 style="margin-bottom: 30px;">You can reach me right here.</h2>	
			
			<form action="contact/contact-form-handler.php" method="POST">
				<fieldset>
					<textarea cols="" rows="" name="message" id="contactForm"></textarea>
					
						<input id="submitBtn" type="submit" name="submitForm" value="Send" />
	
				</fieldset>
			</form>
		</div>
		<div class="footerColRight" style="margin: 0 0 0 2%; width: 22.5%;">
			<h2 style="margin-bottom: 30px;">Or over here.</h2>
			<a href="https://en.wikipedia.org/wiki/Greg_Wohlwend">
				<div id="footButton">About</div>
			</a>
			<a href="/writing">
				<div id="footButtonBlog">Writing</div>
			</a>
			<a href="http://twitter.com/aeiowu">
				<div id="footButtonTwitter">Twitter</div>
			</a>
		</div>
	</div>
</div>

<script type="text/javascript">

	clickedLogo = false;
	
	ANIDURATION = 222;		//420px, 48% = 2col, 31.3% 4col
	BIGHEIGHT = '400px';		//420px//200px, 18% 5col
	SMALLHEIGHT = '150px';
		
		
		// $('.head').click(function()
// 		{
// 			if($(this).height() == 100)
// 			{
// 				$(this).animate({height: '480px'}, ANIDURATION);
// 			}	
// 				else
// 				{
// 					$(this).animate({height: '100px'}, ANIDURATION);
// 				}
// 		});
		
		
		$('.bar').click(function()
		{
			if($(this).height() == 200)
			{
				$(this).animate({height: BIGHEIGHT}, ANIDURATION);
			}	
				else
				{
					$(this).animate({height: '200px'}, ANIDURATION);
				}
		});
		
		$('.barSmall').click(function()
		{
			if($(this).height() == 150)
			{
				$(this).animate({height: BIGHEIGHT}, ANIDURATION);
			}	
				else
				{
					$(this).animate({height: SMALLHEIGHT}, ANIDURATION);
				}
		});
		
		$('.barHalf').click(function()
		{
			if($(this).height() == 150)
			{
				$(this).animate({height: BIGHEIGHT}, ANIDURATION);
			}	
				else
				{
					$(this).animate({height: SMALLHEIGHT}, ANIDURATION);
				}
		});
		
		$('.barHalfOdd').click(function()
		{
			if($(this).height() == 150)
			{
				$(this).animate({height: BIGHEIGHT}, ANIDURATION);
			}	
				else
				{
					$(this).animate({height: SMALLHEIGHT}, ANIDURATION);
				}
		});
		
		/*
		$('.head').click(function()
		{
			if(clickedLogo == false)
			{
				$('.barHalf').animate({height: BIGHEIGHT}, ANIDURATION);
				$('.barHalfOdd').animate({height: BIGHEIGHT}, ANIDURATION);
				$('.barSmall').animate({height: BIGHEIGHT}, ANIDURATION);
				$('.bar').animate({height:BIGHEIGHT}, ANIDURATION);
	
				clickedLogo = true;
			}	
				else
				{
					$('.barHalf').animate({height: SMALLHEIGHT}, ANIDURATION);
					$('.barHalfOdd').animate({height: SMALLHEIGHT}, ANIDURATION);
					$('.barSmall').animate({height: SMALLHEIGHT}, ANIDURATION);
					$('.bar').animate({height: '200px'}, ANIDURATION);
					
					clickedLogo = false;
				}
		});
		*/
		
	
</script>


</body>
</html>