alicestrt
/
food-review
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added more content

Browse Source
master
alicestrt 6 years ago
parent 1a71e0680b
commit fd9306424a
11 changed files with 159 additions and 84 deletions
Show Stats Download Patch File Download Diff File

22
src/components/AboutPage.vue
Unescape Escape View File

@ -5,14 +5,17 @@
color: #212322; color: #212322;
text-align: justify; text-align: justify;
} }
h3 { h3 {
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
font-size: 30px; font-size: 30px;
font-weight: bold;
} }
p { p {
font-family: "Inconsolata", monospace; font-family: "Inconsolata", monospace;
} }
</style> </style>
<template> <template>
@ -24,9 +27,17 @@ p {
<h3> <h3>
About the project</h3> About the project</h3>
<p class="about-text"> <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 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 question the role of technology in the development of innovative food. More specifically, I'm deconstructing what
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. I've identified as the meal-replacement phenomenon, an ideology, culture, community and, ultimately, range of products that have emerged out of Silicon Valley's techno-solutionism approach to problem solving in the past 5 years, and have
spread out across the Western world.
</p>
<p>
In my research, I've taken a closer look at the culture of quick-fixes for complex problems, and the role of meal replacements within societies which value the authoritative roles of tech innovators and their potential to impact the way humans live. I've
also engaged with the communities and individuals who find comfort and reassurance in these quick-fixes, while sometimes struggling with much deeper issues. I've embodied my research by the means of changing my diet, I've had countless
discussions with people both outraged and excited, and found that my research topic leaves no one untouched. Food is a highly personal, culturally charged and omnipresent topic in our lives, and challenging its fundamental role, as well as our values and priorities, is always bound to
trigger a reaction.
</p> </p>
<p>The industry of meal replacements has grown alongside the communities around it. And here it became most obvious to me that nothing has a bigger impact on this range of products than the reviews generated by their consumers. Reviews are shared and discussed, requested and challenged on social platforms like YouTube, Instagram and Reddit, and the brands are not only listening, but chiming in. With my work, I want to contribute to this pool of reviews by adding another layer, by reviewing the culture itself and all of its implications. </p>
</b-col> </b-col>
</b-row> </b-row>
@ -35,7 +46,7 @@ p {
<b-col cols="8"> <b-col cols="8">
<h3>About the essay</h3> <h3>About the essay</h3>
<p class="about-text"> <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. "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> </p>
</b-col> </b-col>
</b-row> </b-row>
@ -44,7 +55,8 @@ p {
<b-col cols="8"> <b-col cols="8">
<h3>About the video</h3> <h3>About the video</h3>
<p class="about-text"> <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, unboxing and tasting videos that exist within the culture of meal replacements. "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, unboxing and tasting videos that exist within the culture of meal replacements.
</p> </p>
</b-col> </b-col>
</b-row> </b-row>

42
src/components/CookingCard.vue
Unescape Escape View File

@ -9,6 +9,7 @@ p {
font-size: 18px; font-size: 18px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
background-color: #f0f0f0;
} }
</style> </style>
@ -22,16 +23,17 @@ p {
<p style="text-align: center; font-weight: bold;">We love food, we hate having to cook it</p> <p style="text-align: center; font-weight: bold;">We love food, we hate having to cook it</p>
<p> <p>
There is a <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="theory_of_evolution" title="Theory of evolution ">theory of evolution</span> that says the following: the development of the Homo Sapiens brain happened There is a <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="theory_of_evolution" title="Theory of evolution ">theory of evolution</span> that says the following: the development of the Homo Sapiens brain happened
mainly due to the discovery of fire, and subsequently cooking. By using less energy to hunt, and spending less time chewing raw food, the human brain had increasingly more space and time to develop new activities, ponder upon its surroundings mainly due to the discovery of fire, and subsequently cooking. By using less energy to hunt, and spending less time chewing raw food, the <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="brain" title="Cooking Up Bigger Brains">human brain</span> had increasingly more space and time to develop new activities, ponder upon its surroundings
and grow in size (Wranghart, 2009). Throughout the years, cooking has maintained its crucial role worldwide, as a fundamental part of culture and society, but also as a way to make food safer to eat and easier to preserve. Cooking and grow in size. Throughout the years, cooking has maintained its crucial role worldwide, as a fundamental part of culture and society, but also as a way to make food safer to eat and easier to preserve. Cooking
also represented a catalyst for humans to become social beings, which became more civilized and introspective while sitting around the cooking fire (Pollan, 2014). But while everybody benefited from the positive aspects of cooked food, also represented a catalyst for humans to become social beings, which became more civilized and introspective while sitting around the cooking fire <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="cooked" title="Cooked: A Natural History of Transformation">(Pollan, 2014)</span>. But while everybody benefited from the positive aspects of cooked food,
the labour associated with it became a task reserved only for some. the labour associated with it became a task reserved only for some.
</p> </p>
<p> <p>
Women have been pushed towards domestic work ever since the evolution from more equal hunter-gatherer societies to settled agricultural societies <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="women_opression" title="Engels and the Origin of Women's Oppression">(Smith, 1997)</span>. Traditionally, men provided the food, earned at first by hunting, and later on through their Women have been pushed towards domestic work ever since the evolution from more equal hunter-gatherer societies to settled agricultural societies <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="women_opression" title="Engels and the Origin of Women's Oppression">(Smith, 1997)</span>. Traditionally, men provided the food, earned at first by hunting, and later on through their
paid job. Women would be in charge of preparing food for everyone, and that role rarely changed. Throughout time, cooking as a means of caregiving became a practice identified more with women, while cooking for entertainment or skill paid job. Women would be in charge of preparing food for everyone, and that role rarely changed. Throughout time, cooking as a means of caregiving became a practice identified more with women, while cooking for entertainment or skill
display was, and still is, associated with men (Cairns et al. 2010). In many households it is still often considered a special occasion when <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="man_cooking" display was, and still is, associated with men (Cairns et al. 2010). In many households it is still often considered a special occasion when <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="man_cooking"
title="The cooking man">the man of the house cooks</span>. This view was reinforced in cooking advice from the 20th century; men do not cook on a daily basis, but when they do, they cook dishes that best display their talents (Vester, title="The cooking man">the man of the house cooks</span>. This view was reinforced in cooking advice from the 20th century; men do not cook on a daily basis, but <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="dad"
title="When dad cooks">when they do</span>, they cook dishes that best display their talents (Vester,
2015). 2015).
</p> </p>
<p> <p>
@ -41,10 +43,12 @@ p {
countless awards and get their own TV shows are men. countless awards and get their own TV shows are men.
</p> </p>
<p> <p>
However, the more time we spend watching chefs cook meals we’ll never get to eat, the less time we spend cooking for ourselves. In the past decades, studies have shown that cooking time has declined (Pollan, 2014; Ferdman, 2015). Less cooking in the average However, the more time we spend watching chefs cook meals we’ll never get to eat, the less time we spend cooking for ourselves. In the past decades, studies have shown that cooking time has declined (Pollan, 2014; <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="home_cooking"
title="The Slow Death of the Home Cooked Meal">Ferdman, 2015</span>). <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="cooking_timetoeat"
title="Cooking is not for everyone">Less cooking</span> in the average
household means, one the one side, less housework reserved for women. It also means that corporations make great profits from providing the food we eat on a daily basis, which comes with several downfalls. Food made by a corporation household means, one the one side, less housework reserved for women. It also means that corporations make great profits from providing the food we eat on a daily basis, which comes with several downfalls. Food made by a corporation
has many more chemical ingredients, that people very rarely use in their kitchens (Pollan, 2014). Eating packaged foods has increased the distance between what raw ingredients are and where they come from, and the food we actually has many more chemical ingredients, that people very rarely use in their kitchens (Pollan, 2014). Eating packaged foods has increased the distance between what raw ingredients are and where they come from, and the food we actually
consume. “Food becomes just another commodity, an abstraction. And as soon as that happens we become easy prey for corporations selling synthetic versions of the real thing - what I call edible foodlike substances.”(Pollan, 2014). consume. “Food becomes just another commodity, an abstraction. And as soon as that happens we become easy prey for <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="soylent_quote" title="A quote from Soylent">corporations selling synthetic versions</span> of the real thing - what I call edible foodlike substances.”(Pollan, 2014).
</p> </p>
<p> <p>
The phrase <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="woman_place" title="A woman's place">a woman’s place is in the kitchen</span>, or the home, has been traced back as far as Ancient Greece’s Aeschylus. The phrase <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="woman_place" title="A woman's place">a woman’s place is in the kitchen</span>, or the home, has been traced back as far as Ancient Greece’s Aeschylus.
@ -68,7 +72,8 @@ p {
</p> </p>
<p> <p>
Today, technology corporations provide more options. Rather than sharing the work equally, both the mental load and the actual chores can be automated, to some extent, through technological solutions. No longer framed explicitly as women’s work, but continuing Today, technology corporations provide more options. Rather than sharing the work equally, both the mental load and the actual chores can be automated, to some extent, through technological solutions. No longer framed explicitly as women’s work, but continuing
to be (de)valued as such, tasks such as cooking can be facilitated through various apps. From a tool of oppression directed at women, food becomes a task delegated to gig workers by startups and other corporations. Regarding food as to be (de)valued as such, tasks such as cooking can be facilitated through <span style='border-bottom: 2px black dashed;'
v-b-popover.click.html="taskrabbit" title="Taskrabbit fulfills your cooking needs">various apps</span>. From a tool of oppression directed at women, food becomes a task delegated to gig workers by startups and other corporations. Regarding food as
a tool of oppression has opened the way for many solutions, some more realistic than others. The <span style='border-bottom: 2px black dashed;' a tool of oppression has opened the way for many solutions, some more realistic than others. The <span style='border-bottom: 2px black dashed;'
v-b-popover.click.html="jetsons" title="Instant food machine from The Jetsons">automation of food and cooking</span> has been a recurrent topic of conversation and space for imagination both within social movements, and v-b-popover.click.html="jetsons" title="Instant food machine from The Jetsons">automation of food and cooking</span> has been a recurrent topic of conversation and space for imagination both within social movements, and
in popular culture.</p> in popular culture.</p>
@ -86,17 +91,24 @@ export default {
name: 'CookingCard', name: 'CookingCard',
data: function() { data: function() {
return { return {
theory_of_evolution: '<a href="https://www.scientificamerican.com/article/cooking-up-bigger-brains/?redirect=1"> A theory developed by Richard Wrangham, biological anthropologist at Harvard University</a>', theory_of_evolution: '<a href="https://www.scientificamerican.com/article/cooking-up-bigger-brains/?redirect=1" target="_blank"> A theory developed by Richard Wrangham, biological anthropologist at Harvard University</a>',
woman_place: '<a href="https://www.barrypopik.com/index.php/new_york_city/entry/a_womans_place_is_in_the_kitchen/"> The origins of the phrase </a>', woman_place: '<a href="https://www.barrypopik.com/index.php/new_york_city/entry/a_womans_place_is_in_the_kitchen/" target="_blank"> The origins of the phrase </a>',
leave_it: '<iframe width="200" height="200" src="https://www.youtube.com/embed/MXhlTQJcgbc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>', leave_it: '<iframe width="250" height="200" src="https://www.youtube.com/embed/MXhlTQJcgbc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
mental_load: '<iframe width="200" height="200" src="https://i.guim.co.uk/img/media/e916cc0a952d793c9f82dcd6954afcac63d68c87/0_0_2000_2000/master/2000.png?width=1920&quality=85&auto=format&fit=max&s=a2b1fc7a0500118c9bf17bc660b566b9"></iframe>', mental_load: '<iframe width="250" height="200" src="https://i.guim.co.uk/img/media/e916cc0a952d793c9f82dcd6954afcac63d68c87/0_0_2000_2000/master/2000.png?width=1920&quality=85&auto=format&fit=max&s=a2b1fc7a0500118c9bf17bc660b566b9"></iframe>',
martha_rosler: '<img width="300" height="200" src="./media/topics/gender_in_food/images/martha.jpg"></img>', martha_rosler: '<img width="300" height="200" src="./media/topics/gender_in_food/images/martha.jpg"></img>',
man_cooking: '<iframe width="200" height="200" src="https://archive.org/embed/Wordtoth1955" width="200" height="2000" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe>', man_cooking: '<iframe width="250" height="200" src="https://archive.org/embed/Wordtoth1955" width="200" height="2000" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe>',
semiotics: '<iframe width="200" height="200" src="https://www.youtube.com/embed/ZuZympOIGC0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>', semiotics: '<iframe width="250" height="200" src="https://www.youtube.com/embed/ZuZympOIGC0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
women_opression: '<a href="https://www.isreview.org/issues/02/engles_family.shtml"> "The rise of class society brought with it rising inequality–between the rulers and the ruled, and between men and women"</a>', women_opression: '<a href="https://www.isreview.org/issues/02/engles_family.shtml" target="_blank"> "The rise of class society brought with it rising inequality–between the rulers and the ruled, and between men and women"</a>',
julia_show: '<iframe width="200" height="200" src="https://www.youtube.com/embed/hWi3NwDrQok" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>', julia_show: '<iframe width="250" height="200" src="https://www.youtube.com/embed/hWi3NwDrQok" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
jetsons: '<img width="300" height="200" src="./media/topics/cooking/images/jetsons.gif"></img>', jetsons: '<img width="300" height="200" src="./media/topics/cooking/images/jetsons.gif"></img>',
male_chefs: '<img width="300" height="200" src="./media/topics/gender_in_food/images/chefs.png"></img>', male_chefs: '<img width="300" height="200" src="./media/topics/gender_in_food/images/chefs.png"></img>',
cooked: '<a href="https://en.wikipedia.org/wiki/Cooked:_A_Natural_History_of_Transformation" target="_blank"> Michael Pollan writes a manifesto for cooking in his 2014 book</a>',
dad: '<iframe width="100%" height="265" src="https://clyp.it/vc1zjuvo/widget" frameborder="0"></iframe>',
home_cooking: '<a href="https://www.washingtonpost.com/news/wonk/wp/2015/03/05/the-slow-death-of-the-home-cooked-meal/?noredirect=on&utm_term=.3da4866e460d" target="_blank">"Less than 60 percent of suppers served at home were actually cooked at home last year. Only 30 years ago, the percentage was closer to 75 percent."</a>',
brain: '<a href="https://www.scientificamerican.com/article/cooking-up-bigger-brains/?redirect=1" target="_blank"> "Our hominid ancestors could never have eaten enough raw food to support our large, calorie-hungry brains, Richard Wrangham claims. The secret to our evolution, he says, is cooking" </a>',
taskrabbit: '<img width="300" height="200" src="./media/topics/post-mom_economy/images/taskrabbit.png"></img>',
cooking_timetoeat: '<iframe width="250" height="200" src="./media/topics/cooking/video/cooking.mp4"></iframe>',
soylent_quote: '<img width="300" height="200" src="./media/topics/meal_replacement_brands/quotes/soylent2.png"></img>',
} }
}, },
} }

61
src/components/FullTextPage.vue
Unescape Escape View File

@ -1,31 +1,15 @@
<template>
<div>
<MenuBar/>
<h3>Your Body Will Make Itself Heard</h3>
<p><a href="#">Download</a> the full text of my thesis.</p>
</div>
</template>
<script>
import MenuBar from './MenuBar'
export default {
name: 'FullTextPage',
components: {
MenuBar}
}
</script>
<style scoped> <style scoped>
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap'); @import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
#header{ #header {
margin-top: 40px; margin-top: 40px;
} }
p { p {
text-align: center; text-align: center;
}
}
h3 { h3 {
text-align: center; text-align: center;
font-size: 30px; font-size: 30px;
@ -34,3 +18,38 @@ h3 {
} }
</style> </style>
<template>
<div>
<MenuBar/>
<b-row align-h="center">
<b-col cols="6">
<h3>Your Body Will Make Itself Heard</h3>
</b-col>
</b-row>
<b-row align-h="center">
<b-col cols="6">
<p><a href="https://git.xpub.nl/alicestrt/Thesis" target="_blank">Download</a> the full text of my thesis.</p>
</b-col>
</b-row>
<b-row align-h="center">
<b-col cols="6">
<iframe width="400" height="600" src="media/topics/thesis_final_low_res.pdf"></iframe>
</b-col>
</b-row>
</div>
</template>
<script>
import MenuBar from './MenuBar'
export default {
name: 'FullTextPage',
components: {
MenuBar
}
}
</script>

2
src/components/FutureCard.vue
Unescape Escape View File

@ -9,6 +9,8 @@ p {
font-size: 18px; font-size: 18px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
background-color: #f0f0f0;
} }
</style> </style>

8
src/components/MenuBar.vue
Unescape Escape View File

@ -25,14 +25,14 @@ export default {
border-bottom: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;
font-size: 18px; font-size: 18px;
margin-bottom: 40px; margin-bottom: 40px;
box-shadow: 0.5px 0.5px 10px grey; box-shadow: 0px 0.5px 8px #D3D3D3;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: #D3D3D3;
} }
.routerlink { .routerlink {
display: block; display: block;
color: #212322; color: #212322;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
text-decoration: none;
font-weight: bold;
} }
</style> </style>

17
src/components/ReviewPage.vue
Unescape Escape View File

@ -2,6 +2,7 @@
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap'); @import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
b-card { b-card {
border: 0px; border: 0px;
} }
@ -24,11 +25,12 @@ b-card {
font-size: 16px; font-size: 16px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
} }
.review_block { .review_block {
border-bottom: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;
box-shadow: -1px 4px 8px -2px gray;
} }
.icon_dropdown { .icon_dropdown {
@ -60,11 +62,12 @@ b-card {
#intro_title { #intro_title {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
font-size: 25px; font-size: 30px;
color: #212322; color: #212322;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
</style> </style>
<template> <template>
@ -81,10 +84,10 @@ b-card {
<p id="intro_title">THE REVIEW</p> <p id="intro_title">THE REVIEW</p>
<div class="intro_text"> <div class="intro_text">
<p> <p>
... this goes beyond a default review. Rather than discussing the physical characteristics of one product or another, my analysis focuses on the broader context in which these products have developed, highlights the patterns of techno-solutionism that I've identified as problematic, and deconstructs their benefit claims and potential for becoming increasingly relevant in today's Western societies. At the same time, having experienced such a diet myself, it also represents a situated look at what replacing food entails. ... this goes beyond a default review. Rather than discussing the physical characteristics of one product or another, my analysis focuses on the broader context in which these products have developed, highlights the patterns of techno-solutionism I've identified as problematic, and deconstructs their benefit claims and potential for becoming increasingly relevant in today's Western societies. At the same time, having experienced such a diet myself, it also represents a situated look at what replacing food entails.
</p> </p>
<p> <p>
I've become interested in meal replacements because the concept of rejecting food as inefficient, and replacing it with an ultra-processed powder, however many nutrients it contained, intrigued me. The idea was alienating, so far removed I've become interested in meal replacements because the concept of rejecting food as inefficient, and replacing it with an ultra-processed powder, intrigued me. The idea was alienating, so far removed
from my values and desires, so I had to look deeper. I ended up writing an essay, following the historical path and cultural patterns that led to the growth of a culture, an ideology, a community around the act of diminishing the importance of one from my values and desires, so I had to look deeper. I ended up writing an essay, following the historical path and cultural patterns that led to the growth of a culture, an ideology, a community around the act of diminishing the importance of one
of the most basic human habits. In addition to the text, I translated my research into a video essay, which focuses on the techno-solutionist aspects of meal replacements: the problems they claim to address, and the solutions they put forward. of the most basic human habits. In addition to the text, I translated my research into a video essay, which focuses on the techno-solutionist aspects of meal replacements: the problems they claim to address, and the solutions they put forward.
</p> </p>
@ -94,6 +97,12 @@ b-card {
</p> </p>
</div> </div>
</b-col> </b-col>
</b-row>
<b-row align-h="center">
<!-- <b-col cols="6" class="text-center">
<iframe src="https://giphy.com/embed/Jpq4T77gjhcLytGjvk" width="240" height="120" frameBorder="0" allowFullScreen></iframe>
</b-col> -->
</b-row> </b-row>
</b-container> </b-container>
</div> </div>

2
src/components/SolutionsCard.vue
Unescape Escape View File

@ -9,6 +9,8 @@ p {
font-size: 18px; font-size: 18px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
background-color: #f0f0f0;
} }
</style> </style>

16
src/components/SplashPage.vue
Unescape Escape View File

@ -7,7 +7,7 @@
h3 { h3 {
margin-top: 40px; margin-top: 40px;
font-family: 'Roboto', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@ -37,7 +37,7 @@ p {
} }
#icon-text { #icon-text {
font-family: 'Open Sans', sans-serif; font-family: 'Inconsolata', monospace;
color: #212322; color: #212322;
} }
@ -46,7 +46,8 @@ p {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
font-family: 'Roboto', sans-serif; margin-top: 20px;
font-family: 'Open Sans', sans-serif;
color: #212322; color: #212322;
} }
@ -55,18 +56,22 @@ p {
color: #212322; color: #212322;
} }
.router-link {
text-decoration: none;
color: black;
}
</style> </style>
<template> <template>
<div> <div>
<b-row align-h="center" style="background-image: linear-gradient(#D3D3D3, white);"> <b-row align-h="center">
<b-col cols="4"> <b-col cols="4">
<h3>A critical resource for the meal-replacement curious</h3> <h3>A critical resource for the meal-replacement curious</h3>
</b-col> </b-col>
</b-row> </b-row>
<!--end header --> <!--end header -->
<b-row align-h="center" style="border-bottom: 1px solid #D3D3D3;"> <b-row align-h="center" style="border-bottom: 1px solid #D3D3D3;">
<b-col cols="10" id="introduction"> <b-col cols="10" id="introduction">
<p> <p>
@ -83,6 +88,7 @@ p {
</p> </p>
</b-col> </b-col>
</b-row> </b-row>
<!--end introduction --> <!--end introduction -->
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="3" id="why"> <b-col cols="3" id="why">

24
src/components/TimeCard.vue
Unescape Escape View File

@ -9,6 +9,8 @@ p {
font-size: 18px; font-size: 18px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
background-color: #f0f0f0;
} }
</style> </style>
@ -27,15 +29,15 @@ p {
workers. workers.
</p> </p>
<p> <p>
In the <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="post_mom_economy" title="The post-mom economy">post-mom economy</span> (Maney, 2015), there are services like Uber to drive you around, Washio to do your In the <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="post_mom_economy" title="The post-mom economy">post-mom economy</span> (Maney, 2015), there are services like Uber to drive you around, <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="washio" title="Washio">Washio</span> to do your
laundry, Deliveroo to bring your food, <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="lot_2046" title="Lot 2046">Lot 2046</span> to send you regular supplies of clothes and grooming items, Sleepscore to wake laundry, <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="delivery" title="Can You Make a Living as a Delivery App Bike Messenger?">Deliveroo</span> to bring your food, <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="lot_2046" title="Lot 2046">Lot 2046</span> to send you regular supplies of clothes and grooming items, <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="sleepscore" title="Sleepscore">Sleepscore</span> to wake
you up, and HydroCoach to remind you to drink water. These tasks, forms of unpaid labour traditionally reserved for the woman in the household, are deemed not worthy of one’s already limited time, in a culture where people are being you up, and <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="hydrocoach" title="Hydrocoach">HydroCoach</span> to remind you to drink water. These tasks, forms of unpaid labour traditionally reserved for the woman in the household, are deemed not worthy of one’s already limited time, in a culture where people are being
constantly pushed to perform and be productive. Within the current economic regime, this workload is often performed by so-called gig workers, self-employed labourers controlled by applications, who work under the premise that they constantly pushed to perform and be productive. Within the current economic regime, this workload is often performed by so-called gig workers, self-employed labourers controlled by applications, who work under the premise that they
can manage their time however they want. Once mommy stopped providing these services, it’s time for her to be replaced with an app. </p> can manage their time however they want. Once mommy stopped providing these services, it’s time for her to be <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="replace" title="Post-Mom Jobs">replaced</span> with an app. </p>
<p> <p>
The main goal of these services it to convince users to separate important decisions from meaningless ones, and focus their time on paid labour. Deciding how to dress and what to eat can be outsourced to a corporation, which uses this as its selling point. The main goal of these services it to convince users to separate important decisions from meaningless ones, and focus their time on paid labour. Deciding how to dress and what to eat can be outsourced to a corporation, which uses this as its selling point.
This form of convenient consumption limits the need to think about your choices, and becomes an automated form of comfort. Within this mindset, cooking is being presented as a chore rather than an activity that can be done as leisure. This form of convenient consumption limits the need to think about your choices, and becomes an automated form of comfort. Within this mindset, cooking is being presented as a chore rather than an activity that can be done as leisure.
Entrepreneurs are encouraged, or rather pressured, to find solutions to problems they are facing themselves, and monetize every aspect of life. For many, the problem they face is becoming an adult with too much money to spend, and Entrepreneurs are encouraged, <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="startup_timetoeat" title="What problems are addressed, and how, and by whom?">or rather pressured</span>, to find solutions to problems they are facing themselves, and monetize every aspect of life. For many, the problem they face is becoming an adult with too much money to spend, and
too little time outside of work. Keeping a constant high level of performance at work does not allow much time and mind space for dealing with the practicalities of adult life, especially when they are framed as low-value, time-consuming too little time outside of work. Keeping a constant high level of performance at work does not allow much time and mind space for dealing with the practicalities of adult life, especially when they are framed as low-value, time-consuming
activities, and the latest consumer products reflect this reality.</p> activities, and the latest consumer products reflect this reality.</p>
<p> <p>
@ -58,8 +60,16 @@ export default {
data: function() { data: function() {
return { return {
post_mom_economy: '<img width="300" height="200" src="/static/topics/post-mom_economy/images/post_mom.png"></img>', post_mom_economy: '<img width="300" height="200" src="/media/topics/post-mom_economy/images/post_mom.png"></img>',
lot_2046: '<a href="https://www.lot2046.com/">LOT is a subscription-based service which distributes a basic set of clothing, footwear, essential self-care products, accessories, and media content.</a>' lot_2046: '<a href="https://www.lot2046.com/" target="_blank">LOT is a subscription-based service which distributes a basic set of clothing, footwear, essential self-care products, accessories, and media content.</a>',
washio: '<a href="http://www.thewashio.com/" target="_blank">"We know that your busy schedule will not allow you to do laundry at home, so let us takecare of your laundry - you can take care of what matter most to you"</a>',
delivery: '<iframe width="250" height="200" src="https://www.youtube.com/embed/2I0fxeeI1sg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
replace: '<img width="300" height="200" src="/media/topics/post-mom_economy/images/post_mom_jobs.png"></img>',
sleepscore: '<a href="https://www.sleepscore.com/" target="_blank">We’re the sleep company changing the world by changing the way you sleep</a>',
hydrocoach: '<iframe width="250" height="200" src="https://www.youtube.com/embed/iFnfkDV_5P4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
startup_timetoeat: '<img width="300" height="200" src="/media/topics/post-mom_economy/video/startup.mp4"></img>',
} }
}, },

7
src/components/ValueCard.vue
Unescape Escape View File

@ -9,6 +9,8 @@ p {
font-size: 18px; font-size: 18px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
background-color: #f0f0f0;
} }
</style> </style>
@ -23,7 +25,7 @@ p {
<p> <p>
Technology startups did not invent meal replacements, nor fortified foods. These products came on the market for various historical reasons, most importantly to deal with nutrient deficiencies. However, companies producing meal replacements frame these Technology startups did not invent meal replacements, nor fortified foods. These products came on the market for various historical reasons, most importantly to deal with nutrient deficiencies. However, companies producing meal replacements frame these
products as ways to disrupt mealtimes. As expressed by Huel’s community manager, “We wanted to strip it back to what the actual purpose of food is to provide nutrition (. . . ) People are very focused on taste now – does it taste good? products as ways to disrupt mealtimes. As expressed by Huel’s community manager, “We wanted to strip it back to what the <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="purpose_timetoeat" title="What's the purpose of food?">actual purpose of food</span> is to provide nutrition (. . . ) People are very focused on taste now – does it taste good?
That is not the primary purpose of food”(Turk, 2018). Nutritionism and the food industry in general have, for decades, capitalized on people’s fears and confusion related to food. They created the problem, and then promoted a product That is not the primary purpose of food”(Turk, 2018). Nutritionism and the food industry in general have, for decades, capitalized on people’s fears and confusion related to food. They created the problem, and then promoted a product
to allegedly solve it. to allegedly solve it.
</p> </p>
@ -77,7 +79,8 @@ export default {
return { return {
post_mom_economy: '<iframe src="https://imgur.com/i1w6ztH"></iframe>', post_mom_economy: '<iframe src="https://imgur.com/i1w6ztH"></iframe>',
lot_2046: '<a href="https://www.lot2046.com/">LOT is a subscription-based service which distributes a basic set of clothing, footwear, essential self-care products, accessories, and media content.</a>' lot_2046: '<a href="https://www.lot2046.com/">LOT is a subscription-based service which distributes a basic set of clothing, footwear, essential self-care products, accessories, and media content.</a>',
purpose_timetoeat: '<img width="300" height="200" src="/media/topics/meal_replacement_products/video/unlike_food.mp4"></img>',
} }
}, },

6
src/components/VideoPage.vue
Unescape Escape View File

@ -31,9 +31,9 @@ h3 {
<h3>Is it time to eat, or is there no more time to eat</h3> <h3>Is it time to eat, or is there no more time to eat</h3>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row align-h="center">
<b-col> <b-col cols="6" text-center>
Video iframe <iframe width="860" height="515" src="https://www.youtube.com/embed/xzhw2rbroig" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</b-col> </b-col>
</b-row> </b-row>
</div> </div>

Write Preview
Loading…
Cancel
Save