From 90250b370d53697c3eceec58e9566b524898188f Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Tue, 20 Sep 2022 16:54:41 +0200
Subject: [PATCH] added 3 new projects

---
 src/components/ATNOFSPage.vue      | 101 +++++++++++++++++++++++++++
 src/components/AmroTimes.vue       | 107 +++++++++++++++++++++++++++++
 src/components/Magiun2.vue         |   2 +-
 src/components/Magiun3.vue         | 107 +++++++++++++++++++++++++++++
 src/components/ReadingFoodPage.vue |   2 +-
 src/components/SplashPage.vue      |  49 ++++++++++---
 src/main.js                        |   9 ++-
 7 files changed, 363 insertions(+), 14 deletions(-)
 create mode 100644 src/components/ATNOFSPage.vue
 create mode 100644 src/components/AmroTimes.vue
 create mode 100644 src/components/Magiun3.vue

diff --git a/src/components/ATNOFSPage.vue b/src/components/ATNOFSPage.vue
new file mode 100644
index 0000000..3c7ea26
--- /dev/null
+++ b/src/components/ATNOFSPage.vue
@@ -0,0 +1,101 @@
+<style scoped>
+
+* {
+    border: 0px black solid;
+}
+
+.project_title {
+  font-size: 40px;
+  font-weight: bold;
+  font-family: "Open Sans", sans-serif;
+  padding-bottom: 40px;
+  padding-top: 100px;
+}
+
+.description_text {
+  font-size: 15px;
+  font-family: "Roboto Mono", monospace;
+  padding-bottom: 10px;
+}
+
+.tags {
+  padding-top: 10px;
+  font-size: 15px;
+  font-style: italic;
+  font-family: "Roboto Mono", monospace;
+
+}
+
+a:hover {
+  color: hotpink;
+  text-decoration: none;
+
+}
+
+a {
+  color: gray;
+}
+
+.content {
+  padding-bottom: 40px;
+}
+
+</style>
+
+<template>
+  <b-container fluid>
+    <MenuBar/>
+    <b-row>
+      <b-col md="12">
+        <p class="project_title">ATNOFS (A Traversal Network of Feminist Servers)</p>
+      </b-col>
+    </b-row>
+
+
+
+    <b-row class="content">
+      <b-col md="4">
+        <div class="description_text">
+        <p class="tags">Work sessions, publication</p>
+        <p>A Traversal Network of Feminist Servers (ATNOFS) is a collaborative project formed around intersectional feminist, ecological servers. Understanding servers as computers that host space and services for communities around them, this project exists inside, and in between, roaming servers and different networks. Our decentralized programme occured in 5 locations (The Netherlands, Belgium, Romania, Greece, Austria) with the collaboration of 6 partners (Varia, LURK, Constant, HYPHA, Feminist Hack Meetings, and ESC).</p>
+        <p>In the first session, hosted in Varia, we focused on tools and methods to make space for understanding what feminist publishing infrastructures could be. We experimented with publishing infrastructures, and tools and methods emerged were later used for further knowledge sharing as the project moved location and the programme evolved. Together with the participants, the server developed for this session, Rosa, has also been traveling in between all different locations and collecting documentation and traces of practices from the different groups. </p>
+        <p>The first session was precursed by a <a href="https://varia.zone/en/atnofs-varia.html">public radio broadcast</a>.</p>
+        <p>The project is coordinated by me together with Cristina Cochior, and in close collaboration with <a href="https://constantvzw.org/site/">Constant</a>. The logs from the various sessions can be found <a href="http://varia.zone/logs/atnofs-varia/">here</a>.</p>
+
+      </div>
+      </b-col>
+
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/atnofs/rosa.jpg"></b-img>
+        <p></p>
+        <b-img class="img-fluid" src="media/atnofs/radio.jpg"></b-img>
+
+
+      </b-col>
+
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/atnofs/rosa_screen.jpg"></b-img>
+      <p></p>
+      <b-img class="img-fluid" src="media/atnofs/gentle.jpg"></b-img>
+
+      </b-col>
+    </b-row>
+
+  </b-container>
+
+</template>
+
+<script>
+import MenuBar from './MenuBar'
+export default {
+    name: 'ATNOFSPage',
+    data: function() {
+        return {
+        }
+    },
+    components: {
+        MenuBar
+    }
+}
+
+</script>
diff --git a/src/components/AmroTimes.vue b/src/components/AmroTimes.vue
new file mode 100644
index 0000000..1b353ba
--- /dev/null
+++ b/src/components/AmroTimes.vue
@@ -0,0 +1,107 @@
+<style scoped>
+
+* {
+    border: 0px black solid;
+}
+
+.project_title {
+  font-size: 40px;
+  font-weight: bold;
+  font-family: "Open Sans", sans-serif;
+  padding-bottom: 40px;
+  padding-top: 100px;
+}
+
+.description_text {
+  font-size: 15px;
+  font-family: "Roboto Mono", monospace;
+  padding-bottom: 10px;
+}
+
+.tags {
+  padding-top: 10px;
+  font-size: 15px;
+  font-style: italic;
+  font-family: "Roboto Mono", monospace;
+
+}
+
+a:hover {
+  color: hotpink;
+  text-decoration: none;
+
+}
+
+a {
+  color: gray;
+}
+
+.content {
+  padding-bottom: 40px;
+}
+
+</style>
+
+<template>
+  <b-container fluid>
+    <MenuBar/>
+    <b-row>
+      <b-col md="12">
+        <p class="project_title">AMRO Times</p>
+      </b-col>
+    </b-row>
+
+
+
+    <b-row class="content">
+      <b-col md="4">
+        <div class="description_text">
+        <p class="tags">Workshop, publication</p>
+        <p>AMRO Times was an exercise to build a collective memory of the <a href="https://art-meets.radical-openness.org/">AMRO22</a> festival and feed-forward it in a printed form into the networks of networks surrounding AMRO. The work session introduced a networked workflow based on pads, RSS feeds and web-to-print techniques.</p>
+        <p>This networked documentation layer of the AMRO festival was a collaboration between <a href="https://habitattt.it/">Habitat</a> and <a href="https://varia.zone">Varia</a>. Photos by Eva Maria Dreisiebner and Sabiwabis Sabina Piñero.</p>
+
+      </div>
+      </b-col>
+
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/amrotimes/times1.jpg"></b-img>
+
+
+      </b-col>
+
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/amrotimes/times3.jpg"></b-img>
+        <p></p>
+
+
+
+      </b-col>
+
+        <b-col md="4" offset-md="4">
+          <b-img class="img-fluid" src="media/amrotimes/times2.jpg"></b-img>
+          <p></p>
+
+
+
+        </b-col>
+    </b-row>
+
+
+  </b-container>
+
+</template>
+
+<script>
+import MenuBar from './MenuBar'
+export default {
+    name: 'AmroTimes',
+    data: function() {
+        return {
+        }
+    },
+    components: {
+        MenuBar
+    }
+}
+
+</script>
diff --git a/src/components/Magiun2.vue b/src/components/Magiun2.vue
index 7b197ee..3f81a20 100644
--- a/src/components/Magiun2.vue
+++ b/src/components/Magiun2.vue
@@ -66,7 +66,7 @@ a {
         <p>
           Magiun is a magazine about everyday food. It publishes stories, poems, essays, recipes, photos and illustrations.</p>
         <p>
-          The <a href="https://magiun.online/">second issue</a> is about adapting - as a coping mechanism, a way of learning or a creative way of moving forward. The contributions were sent in early 2021. The illustration on the cover shows one way of adapting, regrowing and coping with anxiety, by planting the ends of spring onions in an old can of olives to have a steady supply of greens. It's based on true facts.</p>
+          The <a href="https://magiun.online/secondissue">second issue</a> is about adapting - as a coping mechanism, a way of learning or a creative way of moving forward. The contributions were sent in early 2021. The illustration on the cover shows one way of adapting, regrowing and coping with anxiety, by planting the ends of spring onions in an old can of olives to have a steady supply of greens. It's based on true facts.</p>
           <p>The print publication was developed in collaboration with Simon Browne and printed by <a href="http://www.printroom.org/">Printroom Rotterdam</a>.</p>
 
 
diff --git a/src/components/Magiun3.vue b/src/components/Magiun3.vue
new file mode 100644
index 0000000..c307df0
--- /dev/null
+++ b/src/components/Magiun3.vue
@@ -0,0 +1,107 @@
+<style scoped>
+
+* {
+    border: 0px black solid;
+}
+
+.project_title {
+  font-size: 40px;
+  font-weight: bold;
+  font-family: "Open Sans", sans-serif;
+  padding-bottom: 40px;
+  padding-top: 100px;
+}
+
+.description_text {
+  font-size: 15px;
+  font-family: "Roboto Mono", monospace;
+  padding-bottom: 10px;
+}
+
+.tags {
+  padding-top: 10px;
+  font-size: 15px;
+  font-style: italic;
+  font-family: "Roboto Mono", monospace;
+
+}
+
+a:hover {
+  color: hotpink;
+  text-decoration: none;
+
+}
+
+a {
+  color: gray;
+}
+
+.content {
+  padding-bottom: 40px;
+}
+.image_right {
+  padding-bottom: 40px;
+}
+
+
+
+
+</style>
+
+<template>
+  <b-container fluid>
+    <MenuBar/>
+    <b-row>
+      <b-col md="12">
+        <p class="project_title">Magiun #3</p>
+      </b-col>
+    </b-row>
+
+
+
+    <b-row class='content'>
+      <b-col md="4">
+        <div class="description_text">
+        <p class="tags">Publication</p>
+        <p>
+          Magiun is a magazine about everyday food. It publishes stories, poems, essays, recipes, photos and illustrations.</p>
+        <p>
+          The <a href="https://magiun.online/">third issue</a> is about routine. The word routine often comes up in association with others like 'boring' or 'drudgery' or 'tedious'. But routines are part of the dynamic of our daily lives. They are personal and can be a real act of care towards ourselves and others. They embody our experiences and our environment, and are therefore an inexhaustible source for self-reflection.</p>
+          <p>The print publication was developed and produced in collaboration with Simon Browne, while the cover was printed by Dennis de Bel.</p>
+
+
+
+
+      </div>
+      </b-col>
+      <b-col md="8">
+        <b-row class="image_right">
+          <b-col md="8" offset-md="2">
+            <b-img class="img-fluid" src="media/magiun3/magiun3_website.png"></b-img>
+
+          </b-col>
+        </b-row>
+
+
+
+    </b-col>
+    </b-row>
+
+  </b-container>
+
+</template>
+
+<script>
+import MenuBar from './MenuBar'
+export default {
+    name: 'Magiun3',
+    data: function() {
+        return {
+        }
+    },
+    components: {
+        MenuBar
+    }
+}
+
+</script>
diff --git a/src/components/ReadingFoodPage.vue b/src/components/ReadingFoodPage.vue
index f9a18da..ccfdbce 100644
--- a/src/components/ReadingFoodPage.vue
+++ b/src/components/ReadingFoodPage.vue
@@ -47,7 +47,7 @@ a {
     <MenuBar/>
     <b-row>
       <b-col md="12">
-        <p class="project_title">Releading Food</p>
+        <p class="project_title">Reading Food</p>
       </b-col>
     </b-row>
 
diff --git a/src/components/SplashPage.vue b/src/components/SplashPage.vue
index f685817..24ba4e7 100644
--- a/src/components/SplashPage.vue
+++ b/src/components/SplashPage.vue
@@ -118,6 +118,10 @@ a {
   </b-col>
   <b-col md="10">
     <b-row>
+      <b-col md="3">
+        <p class="item_title"><b-link to="/atnofs" >ATNOFS</b-link></p>
+        <b-link to="/atnofs" ><b-img class="img-fluid" src="media/mserver.png"></b-img></b-link>
+      </b-col>
   <b-col md="3">
     <p class="item_title"><b-link to="/relearn">Relearn 2021</b-link></p>
     <b-link to="/relearn"><b-img class="img-fluid" id="relearn" center src="media/relearn.png"></b-img></b-link>
@@ -132,12 +136,13 @@ a {
     <b-link to="/HappinessPage"><b-img class="img-fluid" center src="media/privilege.JPG"></b-img></b-link>
   </b-col>
 
+
+</b-row>
+<b-row>
   <b-col md="3">
     <p class="item_title"><b-link to="/xppl" >XPPL</b-link></p>
     <b-link to="/xppl" ><b-img class="img-fluid" src="media/xppl_main.png"></b-img></b-link>
   </b-col>
-</b-row>
-<b-row>
   <b-col md="3">
     <p class="item_title"><b-link to="/tab">Temporary Autonomous Bureau</b-link></p>
     <b-link to="/tab"><b-img class="img-fluid" src="media/tab.jpg"></b-img></b-link>
@@ -156,6 +161,10 @@ a {
   </b-col>
   <b-col md="10">
 <b-row>
+  <b-col md="3">
+    <p class="item_title"><b-link to="/magiun3">Magiun #3</b-link></p>
+    <b-link to="/magiun3"><b-img class="img-fluid" src="media/cover3blur.png"></b-img></b-link>
+  </b-col>
   <b-col md="3">
     <p class="item_title"><b-link to="/magiun2">Magiun #2</b-link></p>
     <b-link to="/magiun2"><b-img class="img-fluid" src="media/scan.png"></b-img></b-link>
@@ -168,10 +177,7 @@ a {
     <p class="item_title"><b-link to="/upsetting">Upsetting Settings, Collected Works</b-link></p>
     <b-link to="/upsetting"><b-img class="img-fluid" src="media/upsetting_settings_book.png"></b-img></b-link>
   </b-col>
-  <b-col md="3">
-    <p class="item_title"><b-link to="/catalogue">Upsetting Settings Catalogue</b-link></p>
-    <b-link to="/catalogue"><b-img class="img-fluid" src="media/catalogue.png"></b-img></b-link>
-  </b-col>
+
 
 
 </b-row>
@@ -183,6 +189,10 @@ a {
 <b-row>
   <b-col md="10" offset-md="1">
     <b-row>
+      <b-col md="3">
+        <p class="item_title"><b-link to="/catalogue">Upsetting Settings Catalogue</b-link></p>
+        <b-link to="/catalogue"><b-img class="img-fluid" src="media/catalogue.png"></b-img></b-link>
+      </b-col>
       <b-col md="3">
         <p class="item_title"><b-link to="/xeno">Techno/Cyber/Xeno-Feminism</b-link></p>
         <b-link to="/xeno"><b-img class="img-fluid" src="media/Xeno.png"></b-img></b-link>
@@ -195,6 +205,17 @@ a {
     <p class="item_title"><b-link to="/codeart">Code::art Journal</b-link></p>
     <b-link to="/codeart"><b-img class="img-fluid" src="media/codeart.png"></b-img></b-link>
   </b-col>
+
+</b-row>
+</b-col>
+
+</b-row>
+</b-container>
+
+<b-container fluid>
+<b-row>
+  <b-col md="10" offset-md="1">
+    <b-row>
   <b-col md="3">
     <p class="item_title"><b-link to="/bedchairtable">A Bed, a Chair and a Table</b-link></p>
     <b-link to="/bedchairtable"><b-img class="img-fluid" src="media/bed.png"></b-img></b-link>
@@ -240,6 +261,10 @@ a {
   </b-col>
   <b-col md="10">
     <b-row>
+      <b-col md="3">
+        <p class="item_title"><b-link to="/amrotimes">AMRO Times</b-link></p>
+        <b-link to="/amrotimes"><b-img class="img-fluid" src="media/amrotimes.png"></b-img></b-link>
+      </b-col>
       <b-col md="3">
         <p class="item_title"><b-link to="/readingfood">Reading Food</b-link></p>
         <b-link to="/readingfood"><b-img class="img-fluid" id="reading" src="media/readingfood.png"></b-img></b-link>
@@ -252,10 +277,14 @@ a {
     <p class="item_title"><b-link to="/unpacking">Unpacking Gender Roles</b-link></p>
     <b-link to="/unpacking"><b-img class="img-fluid" src="media/unpacking.png"></b-img></b-link>
   </b-col>
-  <b-col md="3">
-    <p class="item_title"><b-link to="/femtools">Repository of Feminist Search Strategies</b-link></p>
-    <b-link to="/femtools"><b-img id="repo" src="media/femrepo.gif"></b-img></b-link>
-  </b-col>
+
+
+</b-row>
+<b-row>
+<b-col md="3">
+<p class="item_title"><b-link to="/femtools">Repository of Feminist Search Strategies</b-link></p>
+<b-link to="/femtools"><b-img class="img-fluid" src="media/femrepo.gif"></b-img></b-link>
+</b-col>
 
 </b-row>
 </b-col>
diff --git a/src/main.js b/src/main.js
index abb0b3d..8958e6e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -49,6 +49,9 @@ import Magiun2 from './components/Magiun2'
 import RORPage from './components/RORPage'
 import RelearnPage from './components/RelearnPage'
 import ReadingFoodPage from './components/ReadingFoodPage'
+import Magiun3 from './components/Magiun3'
+import AmroTimes from './components/AmroTimes'
+import ATNOFSPage from './components/ATNOFSPage'
 
 
 Vue.config.productionTip = false
@@ -85,8 +88,10 @@ const router = new VueRouter({
     { path: '/magiun2', component: Magiun2 },
     { path: '/ror', component: RORPage },
     { path: '/relearn', component: RelearnPage },
-    { path: '/readingfood', component: ReadingFoodPage }
-
+    { path: '/readingfood', component: ReadingFoodPage },
+    { path: '/magiun3', component: Magiun3 },
+    { path: '/amrotimes', component: AmroTimes },
+    { path: '/atnofs', component: ATNOFSPage }
   ]
 
 })