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.

72 lines
2.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Writing Cure</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/pages.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id='wrapper'></div>
<a href='../' id='homebttn' class='ext'> << home</a>
<header>
<h1 id='project-title'>Writing Cure<a href='#hleft-text' class='show'></a></h1>
<h2 id='student-name'>Avital Barkai</h2>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<object>
<div id='about-project'>
<p>Writing Cure is a web platform that encourages reflection on commonly used digital communication tools through storytelling. Based on journal entries written during the pandemic about online and real-life encounters, it contemplates the affects of online communication on human relationships with each other and with their surrounding. Furthermore, it examines the way a website can be used as an expressive and personal space.</p>
<br>
<p>The project is conceived as web theatre, sharing narratives through the layers of the website. The stage is the screen/window, the script is the code, the actors are the elements of the platform, the choreography is the interaction and the narrator lives in the chat and guides your way.</p>
<br>
<p>The project is best experienced on a large screen using Chrome.</p>
<hr align='left'>
<div id='about-student'>
<p>Avital Barkai is a designer-researcher based in Rotterdam.</p>
</div>
</p>
</div>
<a id='getback' class='int'> go back </a>
</object>
</div>
</div>
</a>
</div>
</header>
<section id='main'>
<div id="galleries">
<div id='work'>
<h3 class='gal-title'>Work</h3>
<ul id='publist'>
<li><a href='https://hub.xpub.nl/sandbox/~avital/writingcure/' target="_blank" class='ext'>Project website</a></li>
</ul>
<img src="img/img01.jpg" class='workimg'/>
<img src="img/img02.png" class='workimg'/>
<img src="img/img03.png" class='workimg'/>
<img src="img/img04.png" class='workimg'/>
<img src="img/img05.jpg" class='workimg'/>
<img src="img/img06.jpg" class='workimg'/>
</div>
<div id='publication'>
<h3 class='gal-title'>Publication</h3>
<ul id='publist'>
<li><a href='pdf/Avital_Barkai_thesis_compressed.pdf' target="_blank" class='ext'>Thesis</a></li>
</ul>
</div>
</div>
</section>
</div>
</body>
</html>