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.
101 lines
3.6 KiB
HTML
101 lines
3.6 KiB
HTML
4 years ago
|
<!doctype html>
|
||
|
|
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
|
||
|
|
<title>When you might go astray</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="icon" href="img/tree.gif">
|
||
|
|
<style type="text/css">
|
||
|
|
|
||
|
|
.ext2, .ext {
|
||
|
|
border-bottom-color: #d166ff;
|
||
|
|
background:linear-gradient(to bottom, #d166ff 0, #d166ff 100%);
|
||
|
|
background-position:0 100%;
|
||
|
|
background-repeat:repeat-x;
|
||
|
|
background-size: 0 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#about-student{
|
||
|
|
color: #c94dff !important ;
|
||
|
|
}
|
||
|
|
hr {
|
||
|
|
border: 1px solid !important;
|
||
|
|
color: #c94dff !important ;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id='wrapper'></div>
|
||
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
||
|
|
<header>
|
||
|
|
<h1 id='project-title'>When you might go astray <a href='#hleft-text' class='show'> ⓘ</a></h1>
|
||
|
|
<h2 id='student-name'><a href='https://www.annasandri.com/' target='_blank' class='ext2' id='student-page'>Anna Sandri</a></h2>
|
||
|
|
<div id='hleft-text'>
|
||
|
|
<a href=# id='back'>
|
||
|
|
<div id='inner-hleft-text'>
|
||
|
|
<div id='ihtp'>
|
||
|
|
<object>
|
||
|
|
<div id='about-project'>
|
||
|
|
<p><i>When you might go astray</i> is a research project dealing with conspiracy theories, fictional narratives, and how their mutuality shapes the stories of their believers.
|
||
|
|
The research starts from the following questions: how much of the pervasiveness of conspiracy theories is generated by their compliance to certain narrative schemes? What happens when the legitimate need to generate counter-narratives gets trapped in other kinds of templates?</p>
|
||
|
|
<p><i>When you might go astray</i> deals with these questions by exploring the dangers of conspiracy theories and their entanglement with narrative schemes transforming their believers into heroes on a quest.
|
||
|
|
The project is divided into two parts: a game, where the player is asked to undertake a journey, and an essay, examining conspiratorial narratives through the lenses of the mono-myth. </p>
|
||
|
|
</div>
|
||
|
|
<p style="color:#c94dff">✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰</p>
|
||
|
|
<div id='about-student'>
|
||
|
|
<p>Anna Sandri (IT) is a designer living in Rotterdam. </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='http://whenyoumightgoastray.xyz/' target="_blank" class='ext'>Project Website</a></li>
|
||
|
|
<li><a href='https://www.yourworldoftext.com/whenyoumightgoastray' target="_blank" class='ext'>A map (under construction)</a></li>
|
||
|
|
</ul>
|
||
|
|
<img src="img/1.png" class='workimg'/>
|
||
|
|
<img src="img/2.png" class='workimg'/>
|
||
|
|
<img src="img/3.png" class='workimg'/>
|
||
|
|
<img src="img/4.png" class='workimg'/>
|
||
|
|
<img src="img/5.png" class='workimg'/>
|
||
|
|
<img src="img/6.png" class='workimg'/>
|
||
|
|
<img src="img/7.png" class='workimg'/>
|
||
|
|
<img src="img/8.png" class='workimg'/>
|
||
|
|
</div>
|
||
|
|
<div id='publication'>
|
||
|
|
<h3 class='gal-title'>Publication</h3>
|
||
|
|
<ul id='publist'>
|
||
|
|
<li><a href='pdf/wymga.pdf' target="_blank" class='ext'>Publication PDF</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>
|
||
|
|
<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>
|