<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi -->
    <meta name="generator" content="distribusi" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <style>
      .image{max-width: 100%;}
      .pdf object{width:640px;height: 640px;}
      .dir::before{content:"📁 ";font-size:18px;}
      .filename{display:block;font-family:mono;}
      .unkown-file::before{content:"📄 ";font-size:18px;}
      div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;}
      video {width:640px;max-height:640px;}
      body{
	#background-color: pink;
	margin-top: calc(6px + 1em);
}
body > a {
	position: fixed;
	top: 0;
	left: 0;
	color: white;
	background-color: fuchsia;
	width: 100%;
	padding: 3px 10px;
}
div{
	max-width: 520px;
	float: left;
	margin: 2em 0em;
	padding: 0;
}
.html{
	margin:0 3em;
}
.pdf object{
	width: 400px;
	height: 400px;
}
div#folder{
	float:left;
	margin-right:2em;
}
.plain,
.unkown-file{
	float:right;
	clear:right;
}
figcaption,
.filename{
	font-size:small;
	color:magenta;
	margin:1em;
	word-break: break-word;
}
a{
        word-break: break-word;
}
blockquote{
	margin:3em 0;
	padding:0;
	font-style:italic;
}

    </style>
  </head>
  <body>
<div id="Performativity_Evelien_Geerts" class="png"><figure><img class="image" src="Performativity_Evelien_Geerts.png"><figcaption>Performativity_Evelien_Geerts.png</figcaption></figure></div>
<div id="speaking-volumes" class="png"><figure><img class="image" src="speaking-volumes.png"><figcaption>speaking-volumes.png</figcaption></figure></div>
<a href="../">../</a>

  </body>
</html>