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.
77 lines
3.3 KiB
HTML
77 lines
3.3 KiB
HTML
5 years ago
|
<!DOCTYPE HTML><html><head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||
|
|
|
||
|
|
<title>Back It Up</title>
|
||
|
|
<link href="../css/style.css" rel="stylesheet">
|
||
|
|
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||
|
|
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||
|
|
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="pageWrap">
|
||
|
|
<div id="sidebar">
|
||
|
|
<div id="sidebarInner">
|
||
|
|
<div id="sideBarDesc">
|
||
|
|
<div id="sideBarDescInfo">
|
||
|
|
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="sideBarDescInner">
|
||
|
|
|
||
|
|
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||
|
|
|
||
|
|
<h2 id="creator">Karina Dukalska</h2>
|
||
|
|
|
||
|
|
<p id="title">Back It Up 2018</p><!--{title} {date} -->
|
||
|
|
|
||
|
|
<!-- moved up description -->
|
||
|
|
|
||
|
|
<div id="description"><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 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>
|
||
|
|
|
||
|
|
<div id="bio"><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>
|
||
|
|
|
||
|
|
<p class="hightlightSidebar"><a href="http://www.karinadukalska.com" target="_blank">http://www.karinadukalska.com</a></p><!-- {website} -->
|
||
|
|
|
||
|
|
<!-- // -->
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||
|
|
<div class="fixedsticky" id="filter" style="top:0;">
|
||
|
|
<div class="themes" id="sortArea">
|
||
|
|
<a class="hoverBackB" href="javascript:history.back()">
|
||
|
|
<img class="template" src="../img/arrowBack.svg">
|
||
|
|
</a>
|
||
|
|
<p>Back It Up</p><!--{title}-->
|
||
|
|
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- extra -->
|
||
|
|
|
||
|
|
<div class="project" id="extra">
|
||
|
|
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/97/Back_it_up_grad_show_thumbnail.jpg">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!---->
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="../js/jquery-2.1.3.min.js"></script>
|
||
|
|
<script src="../js/fixedfixed.js"></script>
|
||
|
|
<script src="../js/fixedsticky.js"></script>
|
||
|
|
<script src="../js/mainScripts_single.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body></html>
|