<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>txt</title>
	
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<style>
	/* A SIMPLE, BASIC RESPONSIVE LAYOUT TEMPLATE */		

body 
{
	font: 1em/100% Arial, Helvetica, sans-serif;
	/*font-family: 'Bree Serif', serif;*/
	color:#e7e7e7;

	background-color: #ddd;
	/*background-image:url(../bg.png);
	background-attachment:fixed;
	background-repeat:repeat-x;*/
}

a 
{
	color: #87a2a2;
	text-decoration: none;

}

a:hover 
{
	text-decoration: underline;
}

h1 
{
	font-size: bold 36px/100%;
}

h4
{
	font-size: 70%;
}

img 
{
	max-width: 100%;
}

soft
{
	color:#4f6969;
}

softtoo
{
	color:#87a2a2;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

.pix
{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 80%;
	color: #a8a8a8;
}

#pagewrap 
{
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}

#header 
{
	height: 80px;
	color: #333;
}

#content 
{
	width: 600px;
	float: left;
	word-wrap: break-word;
	color:#666;
	font-size: 80%;
}

#sidebar 
{
	color: #888;
	width: 300px;
	float: right;
}
#footer 
{
	color: #888;
	clear: both;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 3000px) 
{
	img 
	{
		opacity:1.0;
	}
}

/* for 980px or less */
@media screen and (max-width: 980px) 
{
	#pagewrap 
	{
		width: 94%;
	}
	
	#content 
	{
		width: 65%;
	}
	
	#sidebar 
	{
		width: 30%;
	}
	img 
	{
		opacity:1.0;
	}
}

/* for 700px or less */
@media screen and (max-width: 700px) 
{
	#content 
	{
		width: auto;
		float: none;
	}
	
	#sidebar 
	{
		width: auto;
		float: none;
	}
	img 
	{
		opacity:1.0;
	}
}

/* for 480px or less */
@media screen and (max-width: 480px) 
{
	#header 
	{
		height: auto;
	}
	
	h1 
	{
		font-size: 24px;
	}
	
	#sidebar 
	{
		display: none;
	}
	img 
	{
		opacity:1.0;
	}
}

/* border & guideline (you can ignore these) */
#content 
{
	/*background: #f8f8f8;*/
}

#sidebar 
{
	/*background: #f0efef;*/
}

#header, #content, #sidebar 
{
	margin-bottom: 5px;
}

#pagewrap, #header, #content, #sidebar, #footer 
{
	/*border: solid 1px #ccc;*/
}


	</style>
</head>
<body>
	<div id="pagewrap">
			<div id="header">
				Publikációk, dolgozatok, írások / Publications, scripts, papers (pdf)	
			</div>
			<div id="content">
		
				<a href="nagy_agoston_thesis_eng.pdf">Visual Sound Instruments</a> (2015) - thesis introduction <br>
				<a href="nagy_agoston_ertekezes.pdf">Vizuális hangszerek</a> (2015) - Doktori Disszertáció (teljes)<br>
				<a href="nagy_agoston_tezisek.pdf">Vizuális hangszerek</a> (2015) - tézisek <br>
				<a href="dolgozat_2012_tavasz.pdf">Hangeszközök Digitáliában</a> (2012)<br>
				<a href="nagy_agoston_2012.pdf">Köztes felületek</a> (2012)<br>
				<a href="ergonomia.pdf">Digitális hangszerek ergonómiai vizsgálata</a> (2011)<br>
				<a href="digital_sound.pdf">Digitális hangi reprezentációk</a> (2011)<br>
				<a href="trtrsk.pdf">Tértörések</a> (2010)<br>
				<a href="nagy_agoston_OS.pdf">A nyílt forrás filozófiája, kulturális gyakorlata </a> (2010)<br>
				<a href="nagy_agoston_szakdolgozat.pdf">Emergens rendszerek: Természeti folyamatok és mesterséges terek kapcsolata </a> (2007)<br>
				<a href="nagy_agoston_visualProgramming.pdf">Vizuális Programozás</a> (2007)<br>
				<a href="nagy_agoston_zenei_vizualizaciok.pdf">Zenei Vizualizációk</a> (2006)<br>
			</div>
			
			<div id="footer">
				Creative Commons
				<a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="../../assets/cc.png"></a>   
				<h4>© Agoston Nagy / 2015</h4>
			</div>
	</div> 
</body>
</html>