Update 'writing_cure/index.html'
parent
02f4a691ab
commit
06fddeb6aa
@ -1 +1,83 @@
|
||||
hey
|
||||
hey<!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><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>
|
||||
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>Avital Barkai is a designer-researcher that like movies and cats</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'>Low-Tech Chronicles (online)</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/LTC-1_Ephemeral_Encodings.pdf' target="_blank" class='ext'>Ephemeral Encodings </a></li>
|
||||
<li><a href='PDF/Mark_van_den_Heuvel_thesis_light-edition.pdf' target="_blank" class='ext'>Thesis (undesigned edition) </a></li>
|
||||
<li><a href= 'https://hub.xpub.nl/sandbox/~markvandenheuvel/cassette-content.html' target="_blank" class='ext'>cassette content </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>
|
||||
Loading…
Reference in New Issue