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.1 KiB
HTML
77 lines
3.1 KiB
HTML
<!DOCTYPE HTML><html><head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
|
|
|
<title>Screenscapes</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">Nataliya Sinelshchikova</h2>
|
|
|
|
<p id="title">Screenscapes 2017</p><!--{title} {date} -->
|
|
|
|
<!-- moved up description -->
|
|
|
|
<div id="description"><p><em>Screenscapes</em> is a video installation that aims to express the anxiety of losing oneself in a digital void. The abstract, code-based video uses the author's computer logs, and the video documentation of her digital routine, as a source for data visualisation. The project invites the audience to travel through abstract landscape that will carry the viewer away into the environment it creates.</p>
|
|
</div>
|
|
|
|
<div id="bio"><p>Nataliya Sinelshchikova (RU) is a researcher and media artist with a background in graphic design. Her interests revolve around generative art, media specificities and the aesthetics of distortion as an inevitable part of our relationships with technology.</p>
|
|
</div>
|
|
|
|
<p class="hightlightSidebar"><a href="" target="_blank"></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>Screenscapes</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/e/ee/Filler.png">
|
|
</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> |