6 changed files with 123 additions and 0 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,45 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en" dir="ltr"> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<link rel="stylesheet" href="style.css"> |
||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
||||
|
<!--<script> |
||||
|
$(function(){ |
||||
|
$("#includedContent").load("https://vvvvvvaria.org/logs/relearn-2021-anarchive/"); |
||||
|
}); |
||||
|
</script> --> |
||||
|
<title>test</title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="content"> |
||||
|
<div id="left"> |
||||
|
<p id="title">Relearn 2021</p> |
||||
|
<p id="subtitle">Relearning relearn</p> |
||||
|
<div class="description"> |
||||
|
|
||||
|
|
||||
|
<p>Right now there is so very much to relearn. We can't assume that we will be able to travel, cross borders, be together indoors, all things that were a given in the previous editions of Relearn. This year, the material conditions of public moments of gathering such as Relearn come under scrutiny: the amount of energy, fuel, safety measures, etc. to make it possible with people coming from different places for a short amount of time.</p> |
||||
|
<p> |
||||
|
This is why we are thinking of this edition in terms of focusing on our local, Rotterdam. We do not see this as a turn towards some purely localist vision. We still wish to summon the best of what Relearn can offer: an transnationalist perspective and a chance to experience new and old ideas. We aim to explore the importance of self-organisation and the use of experimental tools to build alternative systems and economies within the urban fabric of Rotterdam. We will be focusing on the materialities of the everyday — e.g. even the most modest of actions, such as purchasing or disposing of any of the trillions of plastic objects causes them to circulate through the twenty-first century and thousands of years into the future.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="anarchive"> |
||||
|
<p class="question">What is the anarchive</p> |
||||
|
<p>The Relearn anarchive is a collectively generated collection of images, text, references.</p> |
||||
|
<p class="question">How does it work?</p> |
||||
|
<p>The anarchive is populated using a bot inside an XMPP chat.</p> |
||||
|
<p class="question">How to contribute</p> |
||||
|
<p>Join our XMPP chat here https://relearn2021.vvvvvvaria.org/</p> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="right"> |
||||
|
|
||||
|
<iframe width="100%" height="100%" style="border: none; src="https://vvvvvvaria.org/logs/relearn-2021-anarchive/"></iframe> |
||||
|
|
||||
|
<!--<div id="includedContent"></div>--> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,78 @@ |
|||||
|
@font-face { |
||||
|
font-family: "Imperial" format("otf"); |
||||
|
src: url("/fonts/Imperial.otf"); |
||||
|
} |
||||
|
|
||||
|
@font-face { |
||||
|
font-family: "Aquino" format("otf"); |
||||
|
src: url("/fonts/Aquino.otf"); |
||||
|
} |
||||
|
|
||||
|
@font-face { |
||||
|
font-family: "Combine" format("otf"); |
||||
|
src: url("/fonts/Combine.otf"); |
||||
|
} |
||||
|
|
||||
|
@font-face { |
||||
|
font-family: "Inconsolata" format("ttf"); |
||||
|
src: url("/fonts/Inconsolata-Regular.otf"); |
||||
|
} |
||||
|
|
||||
|
.content, html, body { |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
#left { |
||||
|
float: left; |
||||
|
width: 50%; |
||||
|
height: 100%; |
||||
|
background: #d1dfc3; |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
#right { |
||||
|
float: left; |
||||
|
width: 50%; |
||||
|
background: #fdfae3; |
||||
|
height: 100%; |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
|
||||
|
img { |
||||
|
width: 50%; |
||||
|
padding: 20px; |
||||
|
} |
||||
|
|
||||
|
#caption1 { |
||||
|
float: right; |
||||
|
} |
||||
|
|
||||
|
#title { |
||||
|
padding-left: 20px; |
||||
|
font-family: "Aquino"; |
||||
|
font-size: 50px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
#subtitle { |
||||
|
font-size: 30px; |
||||
|
padding-left: 20px; |
||||
|
font-family: "Combine"; |
||||
|
} |
||||
|
.description { |
||||
|
font-size: 16px; |
||||
|
padding-left: 20px; |
||||
|
padding-right: 60px; |
||||
|
} |
||||
|
|
||||
|
.anarchive { |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
|
||||
|
h1 { |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
|
||||
|
.question { |
||||
|
font-size: 22px; |
||||
|
font-family: "Combine"; |
||||
|
} |
||||
Loading…
Reference in new issue