latest additions
parent
02cc8e6968
commit
c9197e874a
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