<!--
      ___           ___           ___           ___           ___           ___           ___           ___     
     /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \    
    /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \   
   /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \  
  /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \ 
 /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\
 \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  /
  \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  / 
   \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /  
    \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /   
     \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/    

      ___           ___           ___           ___           ___           ___           ___           ___     
     /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\    
    /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\   
   /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\  
  /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\ 
 /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\
 \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/
  \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/ 
   \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/  
    \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/   
     \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/    

      ___           ___           ___           ___           ___           ___           ___           ___     
     /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \    
    /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \   
   /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \  
  /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \ 
 /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\
 \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  /
  \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  / 
   \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /  
    \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /   
     \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/    

      ___           ___           ___           ___           ___           ___           ___           ___     
     /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\    
    /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\   
   /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\  
  /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\ 
 /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\
 \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/
  \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/ 
   \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/  
    \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/   
     \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/    

      ___           ___           ___           ___           ___           ___           ___           ___     
     /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \    
    /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \       /::\  \   
   /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \  
  /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \   /:/  \:\  \ 
 /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\ /:/__/ \:\__\
 \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  / \:\  \ /:/  /
  \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  /   \:\  /:/  / 
   \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /     \:\/:/  /  
    \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /       \::/  /   
     \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/    

      ___           ___           ___           ___           ___           ___           ___           ___     
     /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\    
    /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\       /  /::\   
   /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\  
  /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\   /  /:/  \:\ 
 /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\ /__/:/ \__\:\
 \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/
  \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \:\  /:/ 
   \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\/:/  
    \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/       \  \::/   
     \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/    
-->

<!DOCTYPE html>
<html lang=en>
<head>
	<meta charset=UTF-8>
	<title>Christy Nyiri Design & Illustration Etc.</title>
	<meta name="description" content="The interactive, illustration and print portfolio of Christy Nyiri." /> 
	<meta name="keywords" content="christy nyiri, nyiri, art direction, illustration, illustrator, print design, interactive design, web design, web, designer, developer, vancouver, norma, weekend leisure, david christy and internet" /> 
	<link rel="canonical" href="http://christynyiri.com/" />
	
	<!--[if lt IE 9]><script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]-->
	<link href="styles.css" rel=stylesheet />
	<link rel="icon" href="favicon.ico" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic' rel='stylesheet' type='text/css'>
	
	
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript"> 
		google.load("jquery", "1.4.2");
	</script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script src="js/jquery.colorbox.js"></script>
	<script type="text/javascript" src="js/global.js"></script>
	
	<!-- GOOGLE ANALYTIX -->
	<meta name="google-site-verification" content="cJWWDt2qufEEgMHeq-zL_PiyZNenAr_jQ9n1zeamQ0Q" />

	<script type="text/javascript">
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-3819659-4']);
	  _gaq.push(['_setDomainName', '.christynyiri.com']);
	  _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>
	
	<!--[if IE]>
  		<link rel="stylesheet" type="text/css" href="ie.css" />
	<![endif]-->
	
</head>
<body>
	<div id="container">
		<header>
			<hgroup>
				<div id="header">
					<h1><a href="." title="Christy Nyiri Design &amp; Illustration Etc.">Christy Nyiri Design &amp; Illustration Etc.</a></h1>
					<h2 style="font-size: 57px"><span class="yellow">Christy Nyiri</span> makes stuff with <span class="yellow">code</span>, <span class="yellow">vectors</span>, <span class="yellow">pixels</span> and <span class="yellow">pencils</span><br />in Vancouver, Canada.</h2>
				</div>
			</hgroup>
			<nav id="nav">
			
				<ul>
					<li><a class="all" href="#all" id="name">Christy Nyiri</a></li>
					<li><a class="interactive" href="#interactive">Interactive</a></li>
			        <li><a class="illustration" href="#illustration">Illustration</a></li>
			        <li><a class="print" href="#print">Print</a></li>
			        <li><a class="contact" href="#contact">Contact</a></li>
			        <li><a class="etc" href="#etc">Etc.</a></li>
			        <li class="top"><span class="arrow">&uarr;</span> Top</li>
				</ul>
				
			</nav>
		</header>
		<section>
		
		<div id="content">
		
				<div class="wrap masoned">
					
					<article class="box interactive">
						<a href="http://drawmealion.com" class="thumb dmal" title="Draw Me A Lion">
							<span class="text">						
								<header> 
									<h2>Draw Me A Lion</h2> 
									<h3 class="subtitle">shop design / development</h3>
								</header> 
								<p>Website for an online shop specialising in stationary and children's products.</p> 
								<p>The store is a custom theme running on e-commerce CMS Big Cartel.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="img/full/gib.jpg" class="thumb gib" rel="19" title="Granville Island Brewing Mobile Quiz">
							<span class="text">						
								<header> 
									<h2>Granville Island Brewing Mobile Quiz</h2> 
									<h3 class="subtitle">Art director / front-end dev</h3>
								</header> 
								<p>Mobile quiz for GIB's IN THE KNOW campaign. After answering six questions about Vancouver culture, the user is directed to their resulting knowledge score and a contest entry form.</p>
								<p>Live quiz can be viewed on your mobile device at gib.ca/intheknow. Produced at Wasserman + Partners Advertising.</p>
								<p class="link">1 image &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="http://giantscomedy.com" class="thumb giants" title="GIANTS Comedy">
							<span class="text">						
								<header> 
									<h2>GIANTS Comedy</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Website for a Vancouver comedy series presented with The Cultch. The GIANTS identity was a collaboration with Mark Stuckert.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="http://steelviperforcemovie.com" class="thumb svf" title="Steel Viper Force: Fiero's Redemption">
							<span class="text">						
								<header> 
									<h2>STEEL VIPER FORCE</h2> 
									<h3 class="subtitle">executive producer / <br/>production designer<br />identity / titles / site</h3>
								</header> 
								<p>A Vancouver-based action feature film. Hold on to your asses... and your dicks.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					
					<article class="box print">
						<a href="img/full/hb1.png" class="thumb hb" rel="18" title="Hip.Bang! Improv Wordmark">
							<span class="text">						
								<header> 
									<h2>Hip.Bang! Improv</h2> 
									<h3 class="subtitle">Identity design</h3>
								</header> 
								<p>Identity and promotional materials for Vancouver improv comedy group.</p>
								<p>Wordmark includes hand-lettered custom text. To create visual impact for their tour promotions, three colourways of posters and flyers were provided for each of three separate festivals in North America.</p>
								<p class="link">3 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/hb2.jpg" class="gallery" rel="18" title="Hip.Bang! Improv Posters and Flyers">&nbsp;</a>
						<a href="img/full/hb3.jpg" class="gallery" rel="18" title="Hip.Bang! Haircut and T-Shirts">&nbsp;</a>
					</article>
					
					
					
					<article class="box interactive etc">
						<a href="http://pantsuits.ca" class="thumb pant" title="Pantsuits!">
							<span class="text">						
								<header> 
									<h2>Pantsuits!</h2> 
									<h3 class="subtitle">video series / co-creator<br />identity / titles / site</h3>
								</header> 
								<p>A comedic video series for career women, by career women. Created with and co-starring Amber Daniels.</p>
								<p class="link">watch series &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="http://whoneedscontent.com" class="thumb whoneeds" title="Who needs content?">
							<span class="text">						
								<header> 
									<h2>Who needs content? [.com]</h2> 
									<h3 class="subtitle">social media somethingorother</h3>
								</header> 
								<p>A whim project. Just share it already.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box print">
						<a href="img/full/icons.jpg" class="thumb icons" rel="17" title="Unemployment Icon Set">
							<span class="text">						
								<header> 
									<h2>Unemployment Icon Set</h2> 
									<h3 class="subtitle">icon design</h3>
								</header>
								<p>Alternately titled "Freelancer's Icon Set", this is an ongoing series of icons for the working homebody.</p>
								<p>I started making graphics for my new business card but gradually became more and more inspired by my job situation and sweatpants.</p>
								<p class="link">1 image &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/adventures1.jpg" class="thumb adventures" rel="1" title="Adventures in Solitude">
							<span class="text">						
								<header> 
									<h2>Adventures in Solitude</h2> 
									<h3 class="subtitle">book illustrations</h3>
								</header> 
								<p>29 interior illustrations for Grant Lawrence's award-winning debut book, <em>Adventures in Solitude</em>. Ink on paper with digital halftone. Published by Harbour Publishing.</p>
								<p class="link">4 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/adventures4.jpg" class="gallery" rel="1" title="Adventures in Solitude">&nbsp;</a>
						<a href="img/full/adventures2.jpg" class="gallery" rel="1" title="Adventures in Solitude">&nbsp;</a>
						<a href="img/full/adventures3.jpg" class="gallery" rel="1" title="Adventures in Solitude">&nbsp;</a>
					</article>
					
					<article class="box interactive">
						<a href="http://davidchristyandinternet.com" class="thumb dci" title="David Christy & Internet">
							<span class="text">						
								<header> 
									<h2>David Christy & Internet</h2> 
									<h3 class="subtitle">partner / art director<br/>site design / development</h3>
								</header> 
								<p>Founded with David Look in 2009.</p>
								<p>Although we do commercial work, David Christy and Internet's focus is to provide professional solutions for local, small-budget groups and foundtions.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="http://cavalry.waytoogood.ca/" class="thumb cavalry" title="Cavalry">
							<span class="text">						
								<header> 
									<h2>Cavalry</h2> 
									<h3 class="subtitle">site design</h3>
								</header> 
								<p>Un-launched site designed while at PACWEBCO. Creative direction and development by Myke Preuss.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
										
					<article class="box interactive">
						<a href="http://pacwebco.com" class="thumb pacwebco" title="Pacwebco">
							<span class="text">						
								<header> 
									<h2>PACWEBCO</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Re-design of company website while employed with PACWEBCO. Includes design of a mobile version with touchscreen content navigation.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
										
					<article class="box print">
						<a href="img/full/scarves1.jpg" class="thumb scarf" rel="13" title="Norma Scarves">
							<span class="text">						
								<header> 
									<h2>Norma Scarves</h2> 
									<h3 class="subtitle">scarf design</h3>
								</header> 
								<p>Scarves created for a performance by the Norma artist collective, through Artspeak Gallery.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/scarves2.jpg" class="gallery" rel="13" title="Norma Scarves">&nbsp;</a>
					</article>
					
					<article class="box print">
						<a href="img/full/wl2.jpg" class="thumb karaoke" rel="2" title="Weekend Leisure Karaoke Branding">
							<span class="text">						
								<header> 
									<h2>Weekend Leisure Karaoke</h2> 
									<h3 class="subtitle">brand identity</h3>
								</header> 
								<p>Identity and promotional materials for art/video/karaoke collective.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/wl1.jpg" class="gallery" rel="2" title="Weekend Leisure Karaoke Branding">&nbsp;</a>
					</article>
										
					<article class="box contact">
						<a href="mailto:christy@nyiri.ca?subject=Wasssup" class="thumb email" title="Email Christy">
							<span class="text">						
								<header> 
									<h2>Email Me</h2> 
									<h3 class="subtitle">&#099;&#104;&#114;&#105;&#115;&#116;&#121;&#064;&#110;&#121;&#105;&#114;&#105;&#046;&#099;&#097;</h3>
								</header> 
								<p>That's my email address. I check it at least 50 million times a day.</p>
								<p class="link">drop me a line &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box print">
						<a 
						href="img/full/wc3.jpg" class="thumb wc" rel="16" title="Vancouver Whitecaps FC 2010 Partnership Proposal Templates">
							<span class="text">						
								<header> 
									<h2>Vancouver Whitecaps FC</h2> 
									<h3 class="subtitle">lead designer</h3>
								</header> 
								<p>I was in charge of all things Whitecaps for three years while at Zapp Worx Design. Refreshing the print identity every season, I designed pretty much everything except their bus ads.</p>
								<p class="link">5 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/wc4.jpg" class="gallery" rel="16" title="35th Anniversary Player Card Series">&nbsp;</a>
						<a href="img/full/wc5.jpg" class="gallery" rel="16" title="2010 Residency Program Booklet">&nbsp;</a>
						<a href="img/full/wc2.jpg" class="gallery" rel="16" title="Various ads and sales flyers">&nbsp;</a>
						<a href="img/full/wc1.jpg" class="gallery" rel="16" title="Vancouver Whitecaps FC soccer camp branding">&nbsp;</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/sexguy1.gif" class="thumb sexguy" rel="3" title="Sex Guy">
							<span class="text">						
								<header> 
									<h2>Sex Guy</h2> 
									<h3 class="subtitle">digital illustration and typesetting</h3>
								</header> 
								<p><em>Sex Guy</em> online banner graphic for The Vancouver Observer.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/sexguy2.jpg" class="gallery" rel="3" title="Sexy Guy">&nbsp;</a>
					</article>
					
					<article class="box etc">
						<a href="http://tumblr.christynyiri.com" class="thumb tumblr" title="My Tumblr">
							<span class="text">						
								<header> 
									<h2>Tumblr</h2> 
									<h3 class="subtitle">http://tumblr.christynyiri.com</h3>
								</header> 
								<p>"A blog of nothings and somethings as internetted by one C. Nyiri."</p>
								<p class="link">visit blog &rarr;</p>
							</span>
						</a>
					</article>
	
					<article class="box interactive">
						<a href="http://orabags.com" class="thumb ora-web" title="Ora Recycled Leather Bags">
							<span class="text">						
								<header> 
									<h2>Ora Bags Site</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Second re-design and CMS development of Ora Recycled Leather Bags website, blog and online store.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box contact">
						<div class="thumb about">
							<span class="text">						
								<header> 
									<h2>About</h2> 
									<h3 class="subtitle">who this person be?</h3>
								</header> 
								<p>Christy Nyiri is an art director who makes websites, drawings, designs and the sporadic wedding cake in Vancouver, Canada.</p>
								<p>Along with having red hair, she holds a Bachelor of Media Arts from Emily Carr University in addition to a few AutoCAD drafting certificates from BCIT.</p>
								<p>In 2009 she partnered with David Look (and the Internet) to develop online strategies under the moniker <a href="http://davidchristyandinternet.com" title="David Christy & Internet">David Christy & Internet</a>. She also actively collaborates within the artist collective <a href="http://normasite.com" title="Norma">Norma</a> as well as produces video/karaoke/comedy works with the creative team <a href="http://weekendleisure.ca" title="Weekend Leisure">Weekend Leisure</a>.</p>
								<h3 class="subtitle">BONUS LINK!</h3>
								<p><a href="http://vancouverisawesome.com/2009/07/16/the-proof-christy-nyiri/">Christy on Vancouver is Awesome &rarr;</a></p>
							</span>
						</div>
					</article>
										
					<article class="box print">
						<a href="img/full/ora4.jpg" class="thumb ora-logo" rel="4" title="Ora Bags Lookbook">
							<span class="text">						
								<header> 
									<h2>Ora Bags<br />Re-branding</h2> 
									<h3 class="subtitle">logo / lookbook</h3>
								</header> 
								<p>Updating the logo and look of Ora's brand. The lookbook is a set of 7 double-sided cards packaged in a recycled leather pocket.</p>
								<p class="link">4 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/ora2.jpg" class="gallery" rel="4" title="Ora Bags Lookbook">&nbsp;</a>
						<a href="img/full/ora3.jpg" class="gallery" rel="4" title="Ora Bags Lookbook">&nbsp;</a>
						<a href="img/full/ora-logo-big.gif" class="gallery" rel="4" title="Ora Bags Logo">&nbsp;</a>
					</article>
					
					<article class="box contact">
						<a href="http://ca.linkedin.com/in/christynyiri" class="thumb li" title="LinkedIn">
							<span class="text">						
								<header> 
									<h2>LinkedIn</h2> 
								</header> 
								<p class="link">obligatory &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="http://grantlawrence.ca" class="thumb grant" title="Grant Lawrence">
							<span class="text">						
								<header> 
									<h2>Grant Lawrence</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Site for CBC broadcaster Grant Lawrence.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/twins1.jpg" class="thumb twins" rel="5" title="Self Portrait as Conjoined Twins">
							<span class="text">						
								<header> 
									<h2>Self Portrait as Conjoined Twins I</h2> 
									<h3 class="subtitle">graphite illustration</h3>
								</header> 
								<p>Series of five drawings for a group drawing exhibition at Nouvelle Nouvelle, Vancouver. Curated by Lief Hall.</p>
								<p class="link">5 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/twins2.jpg" class="gallery" rel="5" title="Self Portrait as Conjoined Twins">&nbsp;</a>
						<a href="img/full/twins5.jpg" class="gallery" rel="5" title="Self Portrait as Conjoined Twins">&nbsp;</a>
						<a href="img/full/twins3.jpg" class="gallery" rel="5" title="Self Portrait as Conjoined Twins">&nbsp;</a>
						<a href="img/full/twins4.jpg" class="gallery" rel="5" title="Self Portrait as Conjoined Twins">&nbsp;</a>
					</article>
										
					<article class="box print">
						<a href="img/full/wedding1.jpg" class="thumb wedding" rel="15" title="Wedding &amp; Shower Invites">
							<span class="text">						
								<header> 
									<h2>Wedding &amp; Shower Invites</h2> 
									<h3 class="subtitle">stationery design</h3>
								</header> 
								<p>Wedding and bridal shower invitations for a train enthusiast and his bride.</p>
								<p class="link">3 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/wedding2.jpg" class="gallery" rel="15" title="Wedding &amp; Shower Invites">&nbsp;</a>
						<a href="img/full/wedding3.jpg" class="gallery" rel="15" title="Wedding &amp; Shower Invites">&nbsp;</a>
					</article>
					
					<article class="box interactive">
						<a href="http://mentalbeast.tumblr.com" class="thumb mental" title="Mental BEast">
							<span class="text">						
								<header> 
									<h2>Mental Beast</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Website for the Leo Awards-nominated online video/audio series <em>Mental Beast</em>. Built on a Tumblr backend.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box print">
						<a href="img/full/bronx1.jpg" class="thumb bronx" rel="6" title="Bronx Cheer Flyer">
							<span class="text">						
								<header> 
									<h2>Bronx Cheer</h2> 
									<h3 class="subtitle">flyer design</h3>
								</header> 
								<p>Flyer design for local comedy night hosted by the comedic duo Bronx Cheer.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/bronx2.jpg" class="gallery" rel="6" title="Bronx Cheer Flyer">&nbsp;</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/number4.jpg" class="thumb number" rel="14" title="A Number of Things">
							<span class="text">						
								<header> 
									<h2>A Number of Things</h2> 
									<h3 class="subtitle">book illustrations</h3>
								</header> 
								<p>13 illustrations for <em>A Number of Things</em>, a colouring book by artist Micah Lexier. Ink on paper. Published by Artspeak Gallery.</p>
								<p class="link">4 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/number3.jpg" class="gallery" rel="14" title="A Number of Things">&nbsp;</a>
						<a href="img/full/number2.jpg" class="gallery" rel="14" title="A Number of Things">&nbsp;</a>
						<a href="img/full/number1.jpg" class="gallery" rel="14" title="A Number of Things">&nbsp;</a>
					</article>
					
					<article class="box print">
						<a href="img/full/br2.jpg" class="thumb br" rel="8" title="Babe Rainbow">
							<span class="text">						
								<header> 
									<h2>Babe Rainbow</h2> 
									<h3 class="subtitle">logo design</h3>
								</header> 
								<p>Logo for local 'musician' Babe Rainbow.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/br1.jpg" class="gallery" rel="8" title="Babe Rainbow">&nbsp;</a>
					</article>
					
					<article class="box interactive">
						<a href="http://vancouverimprovfest.com/" class="thumb viif" title="Vancouver International Imrpov Fest">
							<span class="text">						
								<header> 
									<h2>Vancouver International Improv Fest</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>2010 website re-design for the Vancouver International Improv Festival.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box etc">
						<a href="http://nyiri.ca/photos" class="thumb photo" title="Photos">
							<span class="text">						
								<header> 
									<h2>My Pictures</h2> 
									<h3 class="subtitle">photos &amp; travelogues</h3>
								</header> 
								<p>Some old pics I threw on the internet all beta stlyz, because I'm not into Flickr.</p>
								<p class="link">take a looky &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/mw08-big.gif" class="thumb mw08" rel="9" title="Music Waste Poster">
							<span class="text">						
								<header> 
									<h2>Music Waste Poster</h2> 
									<h3 class="subtitle">poster illustration</h3>
								</header> 
								<p>A 2-colour poster for the 2008 Music Waste festival. Perhaps this poster is somewhat old, but I still really like it.</p>
								<p class="link">1 image &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/cheque1.jpg" class="thumb cheque" rel="10" title="cheque-to-cheque">
							<span class="text">						
								<header> 
									<h2>cheque-to-cheque</h2> 
									<h3 class="subtitle">album cover</h3>
								</header> 
								<p>Album cover illustration and typesetting for Payday Millionaire.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/cheque2.jpg" class="gallery" rel="10" title="cheque-to-cheque">&nbsp;</a>
					</article>
					
										<article class="box illustration">
						<a href="img/full/twin-full.jpg" class="thumb twin-full" rel="12" title="Self Portrait as Conjoined Twins II">
							<span class="text">						
								<header> 
									<h2>Self Portrait as Conjoined Twins II</h2> 
									<h3 class="subtitle">graphite illustration</h3>
								</header> 
								<p>Drawing for the group exhibition <em>1001</em> at Lucky's Comics, Vancouver. Curated by Francesca Bennett.</p>
								<p class="link">1 image &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box interactive">
						<a href="http://hangingtough.ca/" class="thumb ht" title="Hanging Tough">
							<span class="text">						
								<header> 
									<h2>Hanging Tough</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Website for the online series <em>Hanging Tough</em>. Produced by Vancouver film group The Shots. Built on a Tumblr backend.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box etc">
						<a href="http://weekendleisure.ca" class="thumb wl" title="Weekend Leisure">
							<span class="text">						
								<header> 
									<h2>Weekend Leisure</h2> 
									<h3 class="subtitle">art collective / active member</h3>
								</header> 
								<p>Weekend Leisure is a 3-person video/art/comedy/karaoke collective. We make lots of videos which you can find through our site.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box contact">
						<div class="thumb skills">
							<span class="text">						
								<header> 
									<h2>Skills</h2> 
									<h3 class="subtitle">Technical Skillset</h3>
								</header>
								<ul>
									<li>Adobe CS5, Final Cut Pro, DVD Studio Pro, Corel DRAW X4 (yup!)</li>
									<li>HTML5, CSS3, jQuery, JavaScript, Actionscript, PHP, MySQL, Git Version Control, SVN</li>
									<li>Mobile/responsive site development, cross–browser compatibility &amp; SEO optimization</li>
									<li>Wordpress, Tumblr, Indexhibit, &amp; Big Cartel front-end development</li>
								</ul>
<!-- 								<p><a href="Christy_Nyiri_Resume.pdf">Click here</a> for a more detailed r&eacute;sum&eacute;.</p> -->
							</span>
						</div>
					</article>

					
					<article class="box interactive">
						<a href="http://prohab.ca/" class="thumb prohab" title="Prohab Helment Society">
							<span class="text">						
								<header> 
									<h2>Prohab Helmet Society</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Website and blog for local bike helmet advocates Prohab, who needed a site to attract sponsors and receive helmet requests and donations through.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
					
										
					<article class="box etc">
						<a href="http://nyiri.ca/blog" class="thumb crap" title="Crap I Own">
							<span class="text">						
								<header> 
									<h2>Crap I Own</h2> 
									<h3 class="subtitle">blog project</h3>
								</header> 
								<p>A blog I started in 2006 about random things I've collected that often collect dust.</p>
								<p class="link">visit blog &rarr;</p>
							</span>
						</a>
					</article>	
					
<!--
					<article class="box interactive">
						<a href="http://paydaymillionaire.com/" class="thumb payday" title="Payday Millionaire">
							<span class="text">						
								<header> 
									<h2>Payday Millionaire</h2> 
									<h3 class="subtitle">site design / development</h3>
								</header> 
								<p>Website for Vancouver band Payday Millionaire with integrated music player.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
-->
					
										
					<article class="box contact">
						<a href="http://facebook.com/christy.nyiri" class="thumb fb" title="Facebook">
							<span class="text">						
								<header> 
									<h2>Facebook</h2> 
								</header> 
								<p class="link">obligatory &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box illustration">
						<a href="img/full/twins2-1.jpg" class="thumb twins2" rel="11" title="Self Portrait as Twins">
							<span class="text">						
								<header> 
									<h2>Self Portrait as Twins</h2> 
									<h3 class="subtitle">graphite illustrations</h3>
								</header> 
								<p>Personal work exploring the idea of myself and family as twins.</p>
								<p class="link">2 images &rarr;</p>
							</span>
						</a>
						<a href="img/full/twins2-2.jpg" class="gallery" rel="11" title="Family Portait as Twins">&nbsp;</a>
					</article>
									
					<article class="box contact">
						<a href="http://twitter.com/nyiriland" class="thumb twitter" title="Twitter">
							<span class="text">						
								<header> 
									<h2>Twitter</h2> 
									<h3 class="subtitle">@nyiriland</h3>
								</header>
								<p>Tweet twitt twatt...</p>
								<p class="link">follow feed &rarr;</p>
							</span>
						</a>
					</article>
					
					<article class="box etc">
						<a href="http://normasite.com" class="thumb norma" title="Norma">
							<span class="text">						
								<header> 
									<h2>Norma</h2> 
									<h3 class="subtitle">art collective / active member</h3>
								</header> 
								<p>Norma is a 7-person performance art collective based in Vancouver. Norma most recently won a 2011 Vancouver Mayor's Arts Award for Emerging Public Art.</p>
								<p class="link">visit site &rarr;</p>
							</span>
						</a>
					</article>
						
				</div> <!-- wrap -->
			</div>
					
		</section> 
		 
		<footer>
			<div class="foot-top">
				<section> 
					<h2>This site houses the portfolio of Christy Nyiri.</h2>
					<p>She draws and designs and codes for a living.</p>
					<p>
						<a href="mailto:&#099;&#104;&#114;&#105;&#115;&#116;&#121;&#064;&#110;&#121;&#105;&#114;&#105;&#046;&#099;&#097;" title="Email">&#099;&#104;&#114;&#105;&#115;&#116;&#121;&#064;&#110;&#121;&#105;&#114;&#105;&#046;&#099;&#097;</a> <a href="http://ca.linkedin.com/in/christynyiri" title="LinkedIn">LinkedIn</a> <a href="http://twitter.com/nyiriland" title="Twitter">Twitter</a> <a href="http://tumblr.christynyiri.com" title="Tumblr">Tumblr</a> <a href="http://facebook.com/christy.nyiri" title="Facebook">Facebook</a> <a href="http://dribbble.com/Nyiriland" title="Dribbble">Dribbble</a>
					</p>
				</section> 
				<section class="right"> 
					<h2>Other things she does.</h2>
					<p><a href="http://davidchristyandinternet.com" title="David Christy & Internet">David Christy &amp; Internet</a> <a href="http://weekendleisure.ca" title="Weekend Leisure">Weekend Leisure</a> <a href="http://normasite.com" title="Norma">Norma</a></p>
					<p>And on the lighter side...</p>
					<p><a href="http://pantsuits.ca" title="Pantsuits!">Pantsuits!</a> <a href="http://steelviperforcemovie.com" title="Steel Viper Force the Movie">Steel Viper Force</a> <a href="http://jetskingking.com" title="JetskingKing">Jetskingking</a> <a href="http://quivver.ca" title="Quivver">Quivver</a> <a href="http://cuttingcrew.weekendleisure.ca" title="Cutting Crew">Cutting Crew</a></p>
				</section> 
			</div>
				
			<p class="copyright">All content Copyright &copy; 2012 Christy Nyiri. This site is built entirely with CSS3 &amp; HTML5, because, THE FUTURE.</p>
		</footer>
	</div> <!-- container -->
	
</body> 
</html>