first commit

4 years ago · 1747eef36a
6 changed files with 123 additions and 0 deletions
--- a/fonts/Aquino.otf
+++ b/fonts/Aquino.otf
--- a/fonts/Combine.otf
+++ b/fonts/Combine.otf
--- a/fonts/Imperial.otf
+++ b/fonts/Imperial.otf
--- a/fonts/Inconsolata-Regular.ttf
+++ b/fonts/Inconsolata-Regular.ttf
--- a/index.html
+++ b/index.html
@ -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>
--- a/style.css
+++ b/style.css
@ -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";
+}