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.

85 lines
3.8 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">
4 years ago
<style>
@font-face {
font-family: BLKCHCRY;
src: url("fonts/BLKCHCRY.TTF");
}
4 years ago
#project-title {
font-family: BLKCHCRY!important;
4 years ago
}
h3 {
font-family: BLKCHCRY;
}
</style>
</head>
<body>
4 years ago
<div id='wrapper' style="background: linear-gradient(90deg, rgba(59,232,255,0.79) 0%, rgba(59,232,255,0.55) 26%, rgba(191,89,255,0.91) 100%);"></div>
4 years ago
<a href='../' id='homebttn' class='ext'> << home</a>
<header>
4 years ago
<h1 id='project-title'>Syster Papyri Magicae <a href='#hleft-text' class='show'></a></h1>
<h2 id='student-name'>Artemis Gryllaki</h2>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
4 years ago
<object>
<div id='about-project'>
4 years ago
<p><i>Syster Papyri Magicae</i> is a project that unfolds the phenomenon of gender exclusions in male-dominated tech environments, aiming to document, discuss and activate a variety of feminist practices that respond to this issue.
</p>
<p>
4 years ago
The Syster Papyri Magicae website enables a playful navigation to a collection of stories and practices that are gathered in a growing, editable Wiki. Aided by the early web magic of hyperlinks, one may discover documentation of sexist incidents in tech, feminist hacker projects, wiki pages to write their versions of stories, or even dead-ends. A fictional context of sorcery provides a game-like atmosphere but is also tactically used. On the one hand, the witch as an excluded figure symbolises female strength, that challenges patriarchal systems. On the other hand, witchcraft is a theme ever-present in the geek culture, proposing that technology has a source of magical power, that one can harness for their own sense of agency and empowerment.</p>
<p>
4 years ago
Strolling through the website, the visitor encounters several quests, that challenge them to choose what they would do in situations of exclusion. This method helps them realise how hard it is, to take action under these circumstances. It is also a way to open discussions on diverse feminist approaches, learn about feminist hacker practices, and if interested, become a contributor. </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>
</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>
4 years ago
<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/systers/' target="_blank" class='ext'>Project Website</a></li>
4 years ago
<li><a href='https://hub.xpub.nl/systers/mediawiki/' target="_blank" class='ext'>Project Wiki</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/varia-hack-meetings.png" class='workimg'/>
4 years ago
<img src="img/discuss-feminism.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>
4 years ago
</div>
</div>
</section>
</div>
</body>
</html>