latest additions
parent
02cc8e6968
commit
20354bfc5f
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,66 @@
|
|||||||
|
<style scoped>
|
||||||
|
|
||||||
|
.about-text {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #212322;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-family: "Open Sans", sans-serif;
|
||||||
|
font-size: 30px;
|
||||||
|
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-family: "Inconsolata", monospace;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<MenuBar/>
|
||||||
|
<b-row class="about-text" align-h="center">
|
||||||
|
<b-col cols="8">
|
||||||
|
<h3>
|
||||||
|
About the project</h3>
|
||||||
|
<p class="about-text">
|
||||||
|
I'm Alice. This website is part of my graduation project for the Master of Arts in Fine Art and Design: Experimental Publishing, in which I look at the way techno-solutionism is applied in food. More specifically, I'm deconstructing what I've identified
|
||||||
|
as the meal-replacement phenomenon, an ideology, culture, community and, ultimately, range of products that have emerged out of Silicon Valley in the past 5 years and have spread out across the Western world.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
|
<b-row align-h="center">
|
||||||
|
<b-col cols="8">
|
||||||
|
<h3>About the essay</h3>
|
||||||
|
<p class="about-text">
|
||||||
|
"Your Body Will Make Itself Heard" represents my masters' thesis, and takes a broader look at the historical, cultural and technological development of meal replacements.
|
||||||
|
</p>
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
|
<b-row class="about-text" align-h="center">
|
||||||
|
<b-col cols="8">
|
||||||
|
<h3>About the video</h3>
|
||||||
|
<p class="about-text">
|
||||||
|
"Is It Time to Eat, or Is there No More Time to Eat" is a video essay that complements my research on meal replacements. As opposed to a broader look on the topic, the video essay focuses on the issue of solving problems through the means of techno-solutionism. It's built in the form of a vlog which responds to and exists in the same space as the sea of reviews, unpacking and tasting videos that exist around meal replacements.
|
||||||
|
</p>
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import MenuBar from './MenuBar'
|
||||||
|
export default {
|
||||||
|
name: 'AboutPage',
|
||||||
|
components: {
|
||||||
|
MenuBar
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
@ -0,0 +1,33 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<MenuBar/>
|
||||||
|
|
||||||
|
<h3>Your Body Will Make Itself Heard</h3>
|
||||||
|
<p>Download the full text of my thesis.</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import MenuBar from './MenuBar'
|
||||||
|
export default {
|
||||||
|
name: 'FullTextPage',
|
||||||
|
components: {
|
||||||
|
MenuBar}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
|
||||||
|
#header{
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
#introduction{
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
@ -0,0 +1,25 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
Glossary of terms
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'GlossaryPage',
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#header{
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
#introduction{
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
@ -0,0 +1,38 @@
|
|||||||
|
<template>
|
||||||
|
<b-row class="mb-5-menu">
|
||||||
|
<b-col md="8">
|
||||||
|
<b-button variant="light"><router-link to='/' class='routerlink'>Home</router-link></b-button>
|
||||||
|
<b-button variant="light"><router-link to='/about' class='routerlink'>About</router-link></b-button>
|
||||||
|
<b-button variant="light"><router-link to='/review' class='routerlink'>Review</router-link></b-button>
|
||||||
|
<!-- <b-button variant="light"><router-link to='/glossary' class='routerlink'>Glossary</router-link></b-button> -->
|
||||||
|
<b-button variant="light"><router-link to='/fulltext' class='routerlink'>Full text</router-link></b-button>
|
||||||
|
<b-button variant="light"><router-link to='/video' class='routerlink'>Full video</router-link></b-button>
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'MenuBar',
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
|
||||||
|
.mb-5-menu {
|
||||||
|
border-bottom: 1px solid #D3D3D3;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
box-shadow: 0.5px 0.5px 10px grey;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #D3D3D3;
|
||||||
|
}
|
||||||
|
.routerlink {
|
||||||
|
display: block;
|
||||||
|
color: #212322;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,53 @@
|
|||||||
|
<style scoped>
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
|
||||||
|
#header {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
#introduction {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
text-align: center;
|
||||||
|
font-family: "Open Sans", sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<MenuBar/>
|
||||||
|
<b-row align-h="center">
|
||||||
|
<b-col cols="4">
|
||||||
|
<h3>Is it time to eat, or is there no more time to eat</h3>
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
<b-row>
|
||||||
|
<b-col>
|
||||||
|
Video iframe
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import MenuBar from './MenuBar'
|
||||||
|
export default {
|
||||||
|
name: 'VideoPage',
|
||||||
|
components: {
|
||||||
|
MenuBar
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
Loading…
Reference in New Issue