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.
82 lines
2.8 KiB
HTML
82 lines
2.8 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">
|
|
</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 screen/window is the stage, 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 experiences 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/~markvandenheuvel/index.html' target="_blank" class='ext'>Project website</a></li>
|
|
</ul>
|
|
<img src="IMG/overview_2.jpg" class='workimg'/>
|
|
<img src="IMG/website.png" class='workimg'/>
|
|
<img src="IMG/page.jpg" class='workimg'/>
|
|
<img src="IMG/tape_contents.jpg" class='workimg'/>
|
|
<img src="IMG/rotoapp.jpg" class='workimg'/>
|
|
<img src="IMG/manual.png" class='workimg'/>
|
|
|
|
</div>
|
|
<div id='publication'>
|
|
<h3 class='gal-title'>Publication</h3>
|
|
<ul id='publist'>
|
|
<li><a href='PDF/Avital_Barkai_thesis.pdf' target="_blank" class='ext'>Thesis</a></li>
|
|
</ul>
|
|
<img src="img/pub1.jpg" class='workimg'/>
|
|
<img src="img/pub2.jpg" class='workimg'/>
|
|
<img src="img/pub3.jpg" class='workimg'/>
|
|
<img src="img/pub4.jpg" class='workimg'/>
|
|
</div>
|
|
<div id='gradshow'>
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
<p> To be continued...</p>
|
|
<img src="img/gradshow1.jpg" class='workimg'/>
|
|
<img src="img/gradshow2.jpg" class='workimg'/>
|
|
<img src="img/gradshow3.jpg" class='workimg'/>
|
|
<img src="img/gradshow4.jpg" class='workimg'/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html> |