<!DOCTYPE html>


<html>

	<head>
		
		<meta charset="utf-16">
		<meta name="keywords" content="keywords here">
		<meta name="description" content="SIM SWEATSHOP: Factory Labour Game">
		<meta name="author" content="Jonny Norridge" />
		<meta name="keywords" content="sim*sweatshop,SIM,SWEATSHOP,Factory,Labour,Game,Jonny Norridge"/>
		<meta name="viewport" content="width=device-width; initial-scale=0.9; maximum-scale=2.5; minimum-scale=0.1; user-scalable=1;">

		<title>sim*sweatshop | SIM SWEATSHOP | Factory Labour Game</title>
		

		<STYLE type="text/css">
body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#masthead{
	background-image: url(images/bkg-main.jpg);
	background-size: cover;
	width: 100%;
	height: 800px;
	text-align: center;
}
#masthead .inner{
	background-image: url(images/img-trainer.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	width: 100%;
	height: 100%;
	text-align: center;
}
#masthead h1{
	display: inline-block;
	margin: 250px auto 100px auto;
	width: 100%;
	height: 171px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(images/logo-simsweat.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;	
}
#masthead h1 a{
	display: block;
	width: 100%;
	height: 180px;
	text-indent: -9999px;
}


#masthead p{
	text-align: center;
	width: 80%;
	display: inline-block;
	margin: 10px auto;
}
p a.enter_btn{
	background-image: url(images/btn-enter.png);
	background-repeat: no-repeat;
	background-position: center center; 
	width: 300px;
	height: 138px;
	display: inline-block;
	margin-bottom: 30px;
	text-align: center;
	text-indent: -999px;
	overflow: hidden;
}
 
 
.wrapper{
	width: 80%;
	margin: 10px auto;
	display: inline-block;
	
}


p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c5c5a9;
	font-size: 1.6em;
	padding: 0px;
	margin: 20px 10px 30px 10px;
	line-height: 160%;
}
a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.promotion{
	color: #aa2218;
	width: 100%;
	clear: both;
	text-align: center;
	margin: 50px auto;
	padding: 5px 0px;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.promotion p{
		color: #aa2218;
		margin: 15px 20px 15px 20px;
}
 .promotion p a{
	color: #aa2218;
}
.promotion a:hover{
	text-decoration: underline;
	color: #aa2218;
}


#notes{
	border-top: 1px solid gray;
	font-size: 0.8em;
	clear:both;
	
}


@media (max-width: 1160px){
	
	#masthead{
		height: 550px;
	}
	#masthead .inner{
		background-size: 144px 95px;
	}
	#masthead h1{
		margin: 150px auto 50px auto;
		width: 100%;
		height: 90px;
		background-size: 571px 85px;
	}
	#masthead h1 a{
		height: 95px;
	}
	
	p{
		font-size: 1.4em;
	}
	
}

@media (max-width: 580px){
	
	#masthead{
		height: 300px;
	}
	#masthead .inner{
		background-size: 72px 47px;
		background-position: center 20px;
	}
	#masthead h1{
		margin: 80px auto 20px auto;
		width: 100%;
		height: 45px;
		background-size: 285px 42px;
	}
	#masthead h1 a{
		height: 50px;
	}
	
	p a.enter_btn{
		background-size: 150px 69px;
		width: 150px;
		height: 69px;
	}
	
	.wrapper{
	width: 90%;
	}

	
	p{
		font-size: 1.2em;
	}
	
}
 		</STYLE>
 			
	</head>
	
	<body>
	
	
	<div id="page">
	
	<div id="masthead">
		<div class="inner">
			
			<h1>
					<a href="game/">Sim Sweatshop: flash game</a>
			</h1>
			
			<p><a href="game/" class="enter_btn" title="SimSweatshop Game, requires Flash">ENTER</a></p>
			
		</div>             
	</div><!-- end masthead -->
	

	<div id="content">
	
		<div class="wrapper">     			
			     
			     <p>You are invited to enter the world of the sweatshop and become a factory worker. Do you accept the challenge? Can you tirelessly make sports shoes for less than a dollar an hour as you struggle to support your family?</p>
				 <p><a href="game/"> Let the game begin...</a><br></p>

			               
			    <p>
				    <a href="game/" class="enter_btn" title="SimSweatshop Game, requires Flash">ENTER</a>
			    </p>

			              
			    <div class="promotion">
			              <p>Also available: <a href="http://www.playfair2012.org.uk/game/" title="playfair 2012 Game">UNFAIR FACTORY! (the Play Fair 2012 game)</a></p>
			    </div>
			    					
				<div id="notes">   
					<p>The SIMSWEATSHOP project was commisioned by NOW, Nottingham in 2006 <br>It was created by Jonny Norridge as a piece of interactive artwork. For more information and work by the artist visit <a href="http://www.newpollution.co.uk" title="SimSweatshop game created by newpollution design studio">newpollution</a>.</p>
					
					
					<p>Disclaimer: any similarity between products on this site and actual product designs is incidental, and does not imply that a particular product is necessarily made in sweatshops or for an unfair wage.</p>
					
				</div> 
				
				<div id="notes">   
					<p><a href="http://www.followthethings.com/simsweatshop.shtml">'Follow The Things' have curated a comprehensive collection of references and responses to the game</a>. The <em>'Discussion / Responses'</em> is particularly enlightening — revealing the interest and provocation this game created.</p>
					<p><a href="http://www.measureup.org.uk">'Measure Up' has research on clothing brands and factory working conditions.</a>
				</div>
				   
				   
			    <div class="promotion">
			              <p>Available in GERMAN: <a href="http://www.ci-romero.de/ausbeuterfabrik/" title="Der Ausbeuterfabrik 2014 Game">Der Ausbeuterfabrik! (2014)</a></p>
			    </div> 
			    
			     <div class="promotion">
			              <p>Now available in Bulgarian: <a href=" http://changeyourshoes-bg.org/bg/свързани-проекти/" title="Експлоататорската Фабрика 2015 Game">Експлоататорската Фабрика! (2015)</a></p>
			    </div> 
			    
			
		</div>
	
	
	</div><!-- end content -->
	
	</div><!-- end page -->


	</body>
	
</html>