bunch of small changes
parent
57d52cfca4
commit
274c19bebf
Binary file not shown.
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
After Width: | Height: | Size: 59 KiB |
@ -0,0 +1,97 @@
|
||||
<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">A Nourishing Network</p>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
|
||||
|
||||
<b-row class="content">
|
||||
<b-col md="4">
|
||||
<div class="description_text">
|
||||
<p class="tags">Publications, website, commissioned work</p>
|
||||
<p>A Nourishing Network is a publishing project that documents and circulates current research done by a network of artists, activists and programmers that collaborate with the Austrian net culture initiative servus.at.</p> <p>A Nourishing Network is initiated by servus.at (Davide Bevilacqua) in collaboration with
|
||||
varia.zone (Manetta Berends) and is published in the context of AMRO 2020
|
||||
(Arts Meets Radical Openness).</p>
|
||||
</div>
|
||||
</b-col>
|
||||
|
||||
<b-col md="8">
|
||||
<b-row>
|
||||
<b-col md="10" offset-md="1">
|
||||
<b-img class="img-fluid" src="media/ann/website.png"></b-img>
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-row>
|
||||
<b-col md="10" offset-md="1">
|
||||
<b-img class="img-fluid" src="media/ann/ann_page.JPG"></b-img>
|
||||
</b-col>
|
||||
</b-row>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
</b-container>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuBar from './MenuBar'
|
||||
export default {
|
||||
name: 'ANNPage',
|
||||
data: function() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
MenuBar
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
@ -0,0 +1,99 @@
|
||||
<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">Feminist Search Tools</p>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
|
||||
|
||||
<b-row class="content">
|
||||
<b-col md="4">
|
||||
<div class="description_text">
|
||||
<p class="tags">Data visualisation, research, commissioned work</p>
|
||||
<p>Feminist Search Tools is an ongoing artistic research project that explores different ways of engaging with the items of digital library catalogues and their systems of categorization. The project attempts to stir conversations around the inclusion and exclusion mechanisms that are inherent to current Western knowledge economies.</p>
|
||||
<p>Together with <a href="http://w-i-t-m.net/"> Angeliki Diakrousi</a>, I worked on further developing and complexifying the existing visualisation tool built by the design team during Digital Methods Summer School 2019, Amsterdam. The tool is built using D3js and uses as database the catalogue of IHLIA. The code can be found <a href="https://github.com/alicestrt/fst-viz-tool">here</a>.</p>
|
||||
<p> The project is part of a long-term collaboration between the two collectives <a href="https://read-in.info/">Read-in</a> and <a href="https://hackersanddesigners.nl/">Hackers & Designers</a>. The Feminist Search Tools work group consists of: Read-in (Annette Krauss, Svenja Engels, Laura Pardo), Hackers & Designers, (Anja Groten, André Fincato, Heerko van der Kooij, and and previous member James Bryan Graves), Ola Hassanain, Angeliki Diakrousi and Alice Strete. </p>
|
||||
|
||||
</div>
|
||||
</b-col>
|
||||
|
||||
<b-col md="8">
|
||||
<b-row>
|
||||
<b-col md="10" offset-md="1">
|
||||
<b-img class="img-fluid" src="media/fst/fst-website-4.jpg"></b-img>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
<b-row>
|
||||
<b-col md="10" offset-md="1">
|
||||
<b-img class="img-fluid" src="media/fst/fst-website-12.jpg"></b-img>
|
||||
|
||||
</b-col>
|
||||
</b-row>
|
||||
</b-col>
|
||||
</b-row>
|
||||
</b-container>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuBar from './MenuBar'
|
||||
export default {
|
||||
name: 'FSTPage',
|
||||
data: function() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
MenuBar
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
@ -0,0 +1,123 @@
|
||||
<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</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/">first edition</a> deals with eating in isolation - the struggles, the joys, the unexpected discoveries, the newly added anxieties. It came about as a desire to talk about our ever changing relationship to food, and how unexpected external factors (such as a global quarantine) can bring out new ways of relating to what we grow, buy, eat and share.</p>
|
||||
<p>The print publication was developed in collaboration with Simon Browne.</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/magiun/magiun_line_small.JPG"></b-img>
|
||||
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-row class="image_right">
|
||||
|
||||
<b-col md="8" offset-md="2">
|
||||
<b-img class="img-fluid" src="media/magiun/magiun_shadow_small.JPG"></b-img>
|
||||
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-row class="image_right">
|
||||
<b-col md="8" offset-md="2">
|
||||
<b-img class="img-fluid" src="media/magiun/magiun_simon.png"></b-img>
|
||||
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-row>
|
||||
<b-col md="8" offset-md="2">
|
||||
<b-img class="img-fluid" src="media/magiun/magiun_tash.png"></b-img>
|
||||
|
||||
</b-col>
|
||||
</b-row>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
</b-container>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuBar from './MenuBar'
|
||||
export default {
|
||||
name: 'Magiun',
|
||||
data: function() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
MenuBar
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
@ -0,0 +1,97 @@
|
||||
<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">Surveillance Stories</p>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
|
||||
|
||||
<b-row class="content">
|
||||
<b-col md="4">
|
||||
<div class="description_text">
|
||||
<p class="tags">Website, commissioned work</p>
|
||||
<p>Surveillance Stories is a research project exploring the relationship with AI based surveillance and the human body. The website presents a series of conversations with people with an interest in surveillance and public space, design, art, artificial intelligence, technology and social justice. </p>
|
||||
<p>Together with Gill Balwdin, I've worked on developing the website using Bootstrap Vue.</p>
|
||||
</div>
|
||||
</b-col>
|
||||
<b-col md="8">
|
||||
<b-row>
|
||||
<b-col md="10" offset-md="1">
|
||||
<b-img class="img-fluid" src="media/surveillance/front.png"></b-img>
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-row>
|
||||
<b-col md="10" offset-md="1">
|
||||
<b-img class="img-fluid" src="media/surveillance/luke.png"></b-img>
|
||||
</b-col>
|
||||
</b-row>
|
||||
</b-col>
|
||||
</b-col>
|
||||
|
||||
</b-row>
|
||||
|
||||
</b-container>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuBar from './MenuBar'
|
||||
export default {
|
||||
name: 'SurveillancePage',
|
||||
data: function() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
MenuBar
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
Loading…
Reference in New Issue