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.
94 lines
3.6 KiB
HTML
94 lines
3.6 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Syster Papyri Magicae</title>
|
|
<meta name="description" content="XPUB">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="../css/pages.css">
|
|
<style>
|
|
@font-face {
|
|
font-family: BLKCHCRY;
|
|
src: url("fonts/BLKCHCRY.TTF");
|
|
}
|
|
#project-title {
|
|
font-family: BLKCHCRY!important;
|
|
}
|
|
h3 {
|
|
font-family: BLKCHCRY;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<div id='wrapper' style="background: radial-gradient(circle, rgba(59,232,255,0.26234243697478987) 0%, rgba(59,232,255,0.5872724089635855) 55%, rgba(191,89,255,1) 91%);"></div>
|
|
<a href='../' id='homebttn' class='ext'> << home </a>
|
|
<header>
|
|
<h1 id='project-title'>Syster Papyri Magicae <a href='#hleft-text' class='show'> ⓘ</a><br><a href='../' class='show' id='home'><< </a></h1>
|
|
|
|
<div id='sub'>
|
|
<h2 id='student-name'>Artemis Gryllaki</h2>
|
|
</div>
|
|
<div id='hleft-text'>
|
|
<a href=# id='back'>
|
|
<div id='inner-hleft-text'>
|
|
<div id='ihtp'>
|
|
<div id='about-project'>
|
|
<p><i>Syster Papyri Magicae</i> is an interactive non-linear narration of stories, that unfolds the phenomenon of gender exclusions in male-dominated hacker culture. The project aims to document, discuss and activate a variety of feminist practices that respond to this issue. A fantasy context, including spells, quests, witches and wizards, is used to describe actual incidents and testimonies.
|
|
</p>
|
|
<p>
|
|
The website manifests as playful navigation to a growing, collectively editable Wiki, where incidents of sexism in tech, as well as feminist projects, are being documented. With the aid of the early web witchcraft of hyperlinks, one may discover documentation of actual events, wiki pages to write their versions of stories, external feminist projects, or even dead-ends.</p>
|
|
<p>
|
|
While strolling through the website, one receives a number of quests, that ask them to choose what they would do in several situations of gender exclusion. This method helps to realise how hard it is to respond and take action, under these circumstances. It is also a way to open discussions on diverse feminist approaches, learn about the urgencies and potential of feminist hacker practices, and if interested, become a contributor.</p>
|
|
</p>
|
|
<p>
|
|
<i>Syster Papyri Magicae</i> (2020) is published under the terms of the Peer Production License (PPL). The Peer Production License is an example of CopyFair licensing, in which only other commoners, collectives and nonprofits can share and re-use the material in question.
|
|
</p>
|
|
<p>
|
|
<br></p>
|
|
</div>
|
|
<hr align='left'>
|
|
<div id='about-student'>
|
|
<p> Artemis Gryllaki is a researcher and media artist, with a background in architecture and music. Her current work focuses on the urgencies and potentials of autonomous networks and feminist communities. </p>
|
|
</div>
|
|
<span id='getback'> go back </span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
</p></div>
|
|
<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/systers/' target="_blank" class='ext'>Project Website</a></li>
|
|
</ul>
|
|
<img src="img/homepage-systers.png" class='workimg'/>
|
|
<img src="img/etc-papyrus.png" class='workimg'/>
|
|
<img src="img/wiki-collection.png" class='workimg'/>
|
|
<img src="img/wiki-radio-drama.png" class='workimg'/>
|
|
<img src="img/discuss-feminism.png" class='workimg'/>
|
|
<img src="img/varia-hack-meetings.png" class='workimg'/>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div id='publication'>
|
|
<h3 class='gal-title'>Publication</h3>
|
|
<ul id='publist'>
|
|
<li><a href='pdf/ArtemisGryllaki-Thesis.pdf' target="_blank" class='ext'>Thesis (PDF) </a></li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|