You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

68 lines
2.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Back It Up</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="pages.css">
</head>
<body>
<div id='wrapper'></div>
<header>
<h1 id='project-title'>Back It Up <a href='#hleft-text' id='show' class='int'>>></a></h1>
<div id='links'>
<h2 id='student-name'>Karina Dukalska</h2>
</div>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<div id='about-project'>
<p>The intangibility of social dances create a disruptive beauty of pure fulfilment in the moment, a true sense of flow, as well as a yearning for the fleeting memory that may be lost forever. Back It Up (2018) is an interactive performance of two swing dancers whose steps are controlled by the audience. It is accompanied by graphical notation systems, traces of the non-verbal dialogue between dancers and the atmosphere in the room recorded by the audience. The difference in perception of the experience is what makes every recording unique.</p>
</div>
<hr align='left'>
<div id='about-student'>
<p>Karina Dukalska is a graphic designer challenging the physicality of books by enforcing physical interaction. Engaging with the content through materials, tangibility and actions deepens the experience of consuming the content itself.</p>
</div>
<span id='getback'> go back </span>
</div>
</div>
</a>
</div>
</header>
<section id='main'>
<div id="galleries">
<div id='publication'>
<h3 class='gal-title'>Publication</h3>
<ul id='publist'>
<li><a href='pdf/karina/Publication-Karina_ABC_thesis.pdf' target="_blank" class='ext'>Publication PDF</a></li>
<li><a href='pdf/karina/Publication-Karina_ABC_thesis-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
</ul>
<img src="img/karina/pzithesis-3.jpg" class='workimg'/>
<img src="img/karina/pzithesis-6.jpg" class='workimg'/>
<img src="img/karina/pzithesis-5.jpg" class='workimg'/>
<img src="img/karina/pzithesis-7.jpg" class='workimg'/>
<img src="img/karina/publication-mockup.jpg" class='workimg'/>
</div>
<div id='work'>
<h3 class='gal-title'>Work</h3>
<img src="img/karina/web-screenshot.jpg" class='workimg'/>
</div>
<div id='gradshow'>
<h3 class='gal-title'>Graduation Show</h3>
<img src="img/karina/gradshow-1.jpg" class='workimg'/>
<img src="img/karina/gradshow-2.jpg" class='workimg'/>
<img src="img/karina/gradshow-3.jpg" class='workimg'/>
<img src="img/karina/gradshow-4.jpg" class='workimg'/>
<img src="img/karina/gradshow-5.jpg" class='workimg'/>
</div>
</div>
</section>
</div>
</body>
</html>