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.
161 lines
4.3 KiB
HTML
161 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>PRAXIS</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<audio controls loop style="position:fixed; width: 100%;">
|
|
<source src="fight.mp3" type="audio/mpeg">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
|
|
<div class="title">
|
|
<img src="praxis.png">
|
|
<span class="credit">
|
|
<p>A phone-friendly html-zine made by <b>pnofrc</b> ~ Federico Poni</p>
|
|
<p>Soundtrack by <b>Mandingo</b> ~ " we're here for the fight "</p>
|
|
<p>Based on <b>Praxis</b>, a Doom mod</p>
|
|
<p>Code to download the mod:</p>
|
|
<p style="font-family: 'Courier New', Courier, monospace;font-size: 5vw; color:black; background-color: white;">praxis</span></p>
|
|
<p style="text-align: center;">↓</p>
|
|
</span>
|
|
<p style ="text-align: center;">↓</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="start.png">
|
|
</div>
|
|
|
|
<div>
|
|
<img src="player.gif">
|
|
<p>capitalize your free time<p>
|
|
<p>burden of the digital realm<p>
|
|
<p>free labor</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="skul.gif">
|
|
<p>Everything is ready for your desire<p>
|
|
<p> consume the digital<p>
|
|
<p> enjoy</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="map.png">
|
|
<p>enjoy the interface exploiting you<p>
|
|
<p>wonder how the infrastructure works<p>
|
|
<p>wonder why </p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="monst2.gif">
|
|
<p>wifi doesn't rain from clouds<p>
|
|
<p>the epopee of digital packs through the ocean<p>
|
|
<p>cables</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="former.gif">
|
|
<p>coast to coast cables<p>
|
|
<p>arrive in a grimy place<p>
|
|
<p>data chases data</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="infra.gif">
|
|
<p>Welcome to the datacenter<p>
|
|
<p>pollution issues are for tomorrow<p>
|
|
<p>pelf</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="gogol.gif">
|
|
<p>store everything<p>
|
|
<p>store any single piece of data<p>
|
|
<p>store to train AI</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="marchino.gif">
|
|
<p>extract massive data<p>
|
|
<p>to gain AI bias<p>
|
|
<p> shape futures with everyday phobias</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="mask.gif">
|
|
<p>personality cult<p>
|
|
<p>fully luxury privatization desire<p>
|
|
<p>dress up as global progress</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="armi.gif">
|
|
<p>Imagine<p>
|
|
<p>invent<p>
|
|
<p>demand, for fuck's sake</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="monst.gif">
|
|
<p>Think about technology as a multitude<p>
|
|
<p>not a standardized one<p>
|
|
<p>not a universal one</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="open.png">
|
|
<p>Redistribute<p>
|
|
<p>open-source<p>
|
|
<p>open-hardware</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="network.png">
|
|
<p>Decentralize servers<p>
|
|
<p>decide what is stored<p>
|
|
<p>less eco-monsters</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="0.png">
|
|
<p>what's important?<p>
|
|
<p>what's the necessity?<p>
|
|
<p>build sense together </p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="zomb.gif">
|
|
<p>new radical uses of technology<p>
|
|
<p>from ashes of the standard<p>
|
|
<p>appropriation of media</p>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="save.png">
|
|
<p>Happiness, if collectivized, is subversive</p>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|