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

added more content

Browse Source
master
alicestrt 5 years ago
parent dfd841e64c
commit 1a71e0680b
10 changed files with 148 additions and 116 deletions
Show Stats Download Patch File Download Diff File

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

@ -44,7 +44,7 @@ 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, unpacking and tasting videos that exist around 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>

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

@ -5,10 +5,10 @@
} }
p { p {
text-align: justify; text-align: justify;
font-size: 18px; font-size: 18px;
color: #212322; color: #212322;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
} }
</style> </style>
@ -19,7 +19,7 @@ p {
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="10"> <b-col cols="10">
<div class="card_content"> <div class="card_content">
<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 human brain had increasingly more space and time to develop new activities, ponder upon its surroundings
@ -28,14 +28,16 @@ p {
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 (Smith, 1997). 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" title="The cooking man">the man of the house cooks</span>. This view was reinforced in cooking advice from the 20th century; 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"
men do not cook on a daily basis, but when they do, they cook dishes that best display their talents (Vester, 2015). 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,
2015).
</p> </p>
<p> <p>
Discussing the gender politics of cooking, Pollan wonders: “Was home cooking denigrated because the work was mostly done by women, or did women get stuck doing most of the cooking because our culture denigrated the work?” (Pollan, 2014). Men often had Discussing the gender politics of cooking, Pollan wonders: “Was home cooking denigrated because the work was mostly done by women, or did women get stuck doing most of the cooking because our culture denigrated the work?” (Pollan, 2014). Men often had
a privileged position when it comes to their cooking practice - mostly with meat, outdoors, seen as entertainment, while women’s cooking happened behind closed kitchen doors. Today, most of the world-renowned chefs, the ones who win a privileged position when it comes to their cooking practice - mostly with meat, outdoors, seen as entertainment, while women’s cooking happened behind closed kitchen doors. Today, most of the <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="male_chefs"
title="Google results for best chefs in the world">world-renowned chefs</span>, the ones who win
countless awards and get their own TV shows are men. countless awards and get their own TV shows are men.
</p> </p>
<p> <p>
@ -45,27 +47,31 @@ p {
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 corporations selling synthetic versions 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. Since then, it has been restated and reinterpreted throughout history, in literature, art, and politics (Popik, 2013). We can see an 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.
example of this belief in <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="leave_it" title="Leave it to the Beaver">a clip from Leave it to Beaver</span>, a popular 50s American sitcom. In it, the father explains to a confused son why he’s more suited to do all the grilling outdoors, while his mother works inside the kitchen. Since then, it has been restated and reinterpreted throughout history, in literature, art, and politics (Popik, 2013). We can see an example of this belief in <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="leave_it"
“A woman’s place is in the home, and as long she’s in the home, she might as well be in the kitchen. Women do alright when they have all the modern conveniences, but us men are better at this rugged type of outdoor cooking. Sort of title="Leave it to the Beaver">a clip from Leave it to Beaver</span>, a popular 50s American sitcom. In it, the father explains to a confused son why he’s more suited to do all the grilling outdoors, while his mother works inside the
a throwback to cavemen days.” (Leave it to Beaver, 1957). His last remark reinforces the idea that gender roles have an evolutionary development, are part of human nature and should not be questioned. kitchen. “A woman’s place is in the home, and as long she’s in the home, she might as well be in the kitchen. Women do alright when they have all the modern conveniences, but us men are better at this rugged type of outdoor cooking.
<p> Sort of a throwback to cavemen days.” (Leave it to Beaver, 1957). His last remark reinforces the idea that gender roles have an evolutionary development, are part of human nature and should not be questioned.
A brilliant example of the portrayal of women in the kitchen, from a woman’s perspective, is <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="martha_rosler" title="Martha Rosler">Martha Rosler’s Semiotics of the Kitchen</span>. In this performance piece, set in a typical kitchen, Martha Rosler manipulates kitchen tools with sudden, violent gestures, </p>
sometimes even performing useless tasks such as pretending to throw the contents of a spoon over her shoulder. Her piece is meant to express the frustration of women being stuck doing domestic labour, which is taken for granted. <p>
It is also a parody of the cooking shows of the time, particularly the one hosted by an always cheerful Julia Child. In her mock culinary show, she is no longer a cheerful performer, but uses the tools that have been assigned to A brilliant example of the portrayal of women in the kitchen, from a woman’s perspective, is <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="martha_rosler" title="Martha Rosler">Martha Rosler’s Semiotics of the Kitchen</span>.
her as an expression of anger and frustration: “when the woman speaks, she names her own oppression” (Rosler, 1975). Her piece shows that gender roles enforced traditionally within the household can be oppressive, especially when In this <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="semiotics" title="Semiotics of the Kitchen">performance piece</span>, set in a typical kitchen, Martha Rosler manipulates kitchen tools with sudden, violent gestures, sometimes even performing useless tasks such as pretending to throw the contents of a spoon over her shoulder.
the labour of women is devalued and regarded as trivial. Her piece is meant to express the frustration of women being stuck doing domestic labour, which is taken for granted. It is also a parody of the cooking shows of the time, particularly the one hosted by an always cheerful <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="julia_show" title="The French Chef">Julia Child</span>.
</p> In her mock culinary show, she is no longer a cheerful performer, but uses the tools that have been assigned to her as an expression of anger and frustration: “when the woman speaks, she names her own oppression” (Rosler, 1975). Her
<p> piece shows that gender roles enforced traditionally within the household can be oppressive, especially when the labour of women is devalued and regarded as trivial.
As both men and women have been finding their place within the workforce, sharing the workload within the home has increased slightly. However, even in homes where both partners work full-time, the majority of chores and administrative tasks still fall </p>
on the woman’s shoulders, either mentally, or in practice. The extra workload that consists of planning and organisation and leads to the execution of the tasks has been coined by feminists as <span style='border-bottom: 2px black dashed;' v-b-popover.click.html="mental_load" title="The mental load">the mental load</span> (Emma, 2017). Household <p>
management is yet another invisible task done by women, a time-consuming work nonetheless, which adds up to the time already spent doing house chores. As both men and women have been finding their place within the workforce, sharing the workload within the home has increased slightly. However, even in homes where both partners work full-time, the majority of chores and administrative tasks still fall
</p> on the woman’s shoulders, either mentally, or in practice. The extra workload that consists of planning and organisation and leads to the execution of the tasks has been coined by feminists as <span style='border-bottom: 2px black dashed;'
<p> v-b-popover.click.html="mental_load" title="The mental load">the mental load</span> (Emma, 2017). Household management is yet another invisible task done by women, a time-consuming work nonetheless, which adds up to the time already
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 spent doing house chores.
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 </p>
as a tool of oppression has opened the way for many solutions, some more realistic than others. The automation of food and cooking has been a recurrent topic of conversation and space for imagination both within social movements, <p>
and in popular culture.</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
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
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
in popular culture.</p>
</div> </div>
</b-col> </b-col>
@ -83,9 +89,14 @@ export default {
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"> 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/"> 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="200" 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="560" height="315" 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="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>',
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 src="https://archive.org/embed/Wordtoth1955" width="200" height="2000" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe>' 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>',
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>',
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>',
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>',
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>',
} }
}, },
} }

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

@ -3,7 +3,7 @@
<MenuBar/> <MenuBar/>
<h3>Your Body Will Make Itself Heard</h3> <h3>Your Body Will Make Itself Heard</h3>
<p>Download the full text of my thesis.</p> <p><a href="#">Download</a> the full text of my thesis.</p>
</div> </div>
</template> </template>
@ -23,11 +23,14 @@ export default {
margin-top: 40px; margin-top: 40px;
} }
p { p {
text-align: justify; text-align: center;
}
#introduction{
margin-top: 30px;
}
h3 {
text-align: center;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
} }
</style> </style>

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

@ -19,6 +19,8 @@ p {
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="10"> <b-col cols="10">
<div class="card_content"> <div class="card_content">
<p style="text-align: center; font-weight: bold;">Becoming robots, losing our tastebuds</p>
<p> <p>
Within the mainstream technology field, there is a current trend towards enhancing brain and physical capacities through consumer products. More specifically, disconnecting the weakness of the body from the sharpness of the mind can be identified in trends Within the mainstream technology field, there is a current trend towards enhancing brain and physical capacities through consumer products. More specifically, disconnecting the weakness of the body from the sharpness of the mind can be identified in trends
such as, genomics, the quantified self and biohacking. These are also a result of the frustration of not being able to change some aspects of life, such as the need to eat, rest, and the inevitability of death. Within the small circles such as, genomics, the quantified self and biohacking. These are also a result of the frustration of not being able to change some aspects of life, such as the need to eat, rest, and the inevitability of death. Within the small circles

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

@ -6,7 +6,7 @@
<b-button variant="light"><router-link to='/review' class='routerlink'>Review</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='/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='/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-button variant="light"><router-link to='/video' class='routerlink'>Video</router-link></b-button>
</b-col> </b-col>
</b-row> </b-row>
</template> </template>

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

@ -2,9 +2,8 @@
@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;
} }
.fade-enter-active, .fade-enter-active,
@ -29,7 +28,7 @@ b-card {
.review_block { .review_block {
border-bottom: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;
box-shadow: 0 4px 8px -2px gray; box-shadow: -1px 4px 8px -2px gray;
} }
.icon_dropdown { .icon_dropdown {
@ -38,25 +37,24 @@ b-card {
} }
.card-text { .card-text {
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
font-size: 14px; font-size: 14px;
} }
.card-title { .card-title {
font-family: 'Open sans', sans-serif; font-family: 'Open sans', sans-serif;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.read-button { .read-button {
text-decoration: none; text-decoration: none;
color: #212322; color: #212322;
font-size: 14px; font-size: 14px;
} }
.main-cards { .main-cards {
margin-top: 20px; margin-top: 20px;
} }
#intro_title { #intro_title {
@ -76,27 +74,28 @@ b-card {
<MenuBar/> <MenuBar/>
<!-- End of top menu--> <!-- End of top menu-->
<div class="review_block"> <div class="review_block">
<b-container fluid>
<b-row align-h="center" class="mb-2"> <b-row align-h="center" class="mb-2">
<b-col cols="10" md-10 justify-text-center> <b-col cols="10" md-10 justify-text-center>
<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 is more than just a default product review. Instead of simply 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 ... 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.
that I've identified as problematic, and deconstructs their benefit claims and potential for becoming increasingly relevant in today's Western societies.
</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. I found the idea to be completely alien, 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, however many nutrients it contained, intrigued me. The idea was alienating, so far removed
from my values and desires, that 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 replacing 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. 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>
<p> <p>
Below, you will find excerpts of my essay, split into the main topics covered in my research. Scattered throughout the text are images, references, articles, quotes and video snippets, some extracted from my own video essay, which together build Below, you will find excerpts of my essay, split into the main topics covered in my research. Scattered throughout the text are images, references, articles, quotes and video snippets, some extracted from my own video essay, which together build a complex
a complex image of the world of meal replacements. image of the world of meal replacements.
</p> </p>
</div> </div>
</b-col> </b-col>
</b-row> </b-row>
</b-container>
</div> </div>
<!-- End of description--> <!-- End of description-->
@ -105,8 +104,7 @@ b-card {
<b-dropdown dropup variant="light" @click="onClick" no-caret class="m-2"> <b-dropdown dropup variant="light" @click="onClick" no-caret class="m-2">
<span slot="text"> <font-awesome-icon icon="stroopwafel" size="3x" /></span> <span slot="text"> <font-awesome-icon icon="stroopwafel" size="3x" /></span>
<b-dropdown-text style="width: 240px;"> <b-dropdown-text style="width: 240px;">
Meal replacements aim to replace food with food-like substances, removing the need to cook. Meal replacements aim to replace food with food-like substances, removing the need to cook. But why is the relationship between humans and cooking important in the first place?
But what do people have against cooking in the first place?
</b-dropdown-text> </b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider> <b-dropdown-divider></b-dropdown-divider>
@ -115,58 +113,58 @@ b-card {
</b-col> </b-col>
<b-col cols="2" class="text-center"> <b-col cols="2" class="text-center">
<b-dropdown id="dropdown-2" dropright class="m-md-2" variant="light" @click="onClick" no-caret> <b-dropdown dropup variant="light" @click="onClick" no-caret class="m-2">
<span slot="text"> <font-awesome-icon icon="stopwatch" size="3x" /></span> <span slot="text"> <font-awesome-icon icon="stopwatch" size="3x" /></span>
<b-card title="Saving time" style="width: 120%; height: 120%;"> <b-dropdown-text style="width: 240px;">
<b-card-text class="card-text">
When you have no time to eat throughout the day, you have to reconsider your priorities. Sometimes, that can mean eating your meals in liquid form. When you have no time to eat throughout the day, you have to reconsider your priorities. Sometimes, that means eating your meals in liquid form.
</b-card-text> </b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item v-on:click="resetShowTimeCard(showTimeCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
<b-dropdown-item-button v-on:click="resetShowTimeCard(showTimeCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item-button>
</b-card>
</b-dropdown> </b-dropdown>
</b-col> </b-col>
<b-col cols="2" class="text-center"> <b-col cols="2" class="text-center">
<b-dropdown id="dropdown-3" dropright class="m-md-2" variant="light" @click="onClick" no-caret> <b-dropdown dropup variant="light" @click="onClick" no-caret class="m-2">
<span slot="text"> <font-awesome-icon icon="code" size="3x" /></span> <span slot="text"> <font-awesome-icon icon="code" size="3x" /></span>
<b-card title="Providing solutions" style="width: 120%; height: 120%; max-width: 40rem;"> <b-dropdown-text style="width: 240px;">
<b-card-text class="card-text">
The food system has plenty of problems, from food waste to world hunger. Most meal replacement brands claim to tackle some of these issues through their products. The food system has plenty of problems, from food waste to world hunger. Most meal replacement brands claim to tackle some of these issues through their products.
</b-card-text> </b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item-button v-on:click="resetShowSolutionsCard(showSolutionsCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item-button> <b-dropdown-item v-on:click="resetShowSolutionsCard(showSolutionsCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-card>
</b-dropdown> </b-dropdown>
</b-col> </b-col>
<b-col cols="2" class="text-center"> <b-col cols="2" class="text-center">
<b-dropdown id="dropdown-4" dropright class="m-md-2" variant="light" @click="onClick" no-caret> <b-dropdown dropup variant="light" @click="onClick" no-caret class="m-2">
<span slot="text"> <font-awesome-icon icon="search-dollar" size="3x" /></span> <span slot="text"> <font-awesome-icon icon="search-dollar" size="3x" /></span>
<b-card title="Adding value" style="width: 120%; height: 120%;"> <b-dropdown-text style="width: 240px;">
<b-card-text class="card-text">
If food is inefficient in keeping humans alive, what makes meal replacements an appropriate alternative? If food is inefficient in keeping humans alive, what makes meal replacements an appropriate alternative?
</b-card-text> </b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item-button v-on:click="resetShowValueCard(showValueCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item-button> <b-dropdown-item v-on:click="resetShowValueCard(showValueCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-card>
</b-dropdown> </b-dropdown>
</b-col> </b-col>
<b-col cols="2" class="text-center"> <b-col cols="2" class="text-center">
<b-dropdown id="dropdown-5" dropright class="m-md-2" variant="light" @click="onClick" no-caret> <b-dropdown dropup variant="light" @click="onClick" no-caret class="m-2">
<span slot="text"> <font-awesome-icon icon="seedling" size="3x" /></span> <span slot="text"> <font-awesome-icon icon="seedling" size="3x" /></span>
<b-card title="Saving the future" style="width: 120%; height: 120%;"> <b-dropdown-text style="width: 240px;">
<b-card-text class="card-text"> In the future, we will probably have to change the ways in which we relate to food. Will future food be purely functional?
In the future, we will probably have to change the ways in which we relate to food. Will future food be purely functional? Will agriculture change drastically, as well as our reliance on it? </b-dropdown-text>
</b-card-text> <b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item-button v-on:click="resetShowFutureCard(showFutureCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item-button> <b-dropdown-item v-on:click="resetShowFutureCard(showFutureCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-card>
</b-dropdown> </b-dropdown>
</b-col> </b-col>
</b-row> </b-row>
<b-container fluid>
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="8" class="main-cards"> <b-col cols="8" class="main-cards">
<transition name="fade"> <transition name="fade">
@ -188,7 +186,7 @@ b-card {
</transition> </transition>
</b-col> </b-col>
</b-row> </b-row>
</b-container>
</div> </div>
</template> </template>
@ -229,33 +227,33 @@ export default {
this.showFutureCard = false this.showFutureCard = false
}, },
resetShowTimeCard(currentValue) { resetShowTimeCard(currentValue) {
this.showCookingCard = false this.showCookingCard = false
this.showTimeCard = !currentValue this.showTimeCard = !currentValue
this.showSolutionsCard = false this.showSolutionsCard = false
this.showValueCard = false this.showValueCard = false
this.showFutureCard = false this.showFutureCard = false
}, },
resetShowSolutionsCard(currentValue) { resetShowSolutionsCard(currentValue) {
this.showCookingCard = false this.showCookingCard = false
this.showTimeCard = false this.showTimeCard = false
this.showSolutionsCard = !currentValue this.showSolutionsCard = !currentValue
this.showValueCard = false this.showValueCard = false
this.showFutureCard = false this.showFutureCard = false
}, },
resetShowValueCard(currentValue) { resetShowValueCard(currentValue) {
this.showCookingCard = false this.showCookingCard = false
this.showTimeCard = false this.showTimeCard = false
this.showSolutionsCard = false this.showSolutionsCard = false
this.showValueCard = !currentValue this.showValueCard = !currentValue
this.showFutureCard = false this.showFutureCard = false
}, },
resetShowFutureCard(currentValue) { resetShowFutureCard(currentValue) {
this.showCookingCard = false this.showCookingCard = false
this.showTimeCard = false this.showTimeCard = false
this.showSolutionsCard = false this.showSolutionsCard = false
this.showValueCard = false this.showValueCard = false
this.showFutureCard = !currentValue this.showFutureCard = !currentValue
}, },
} }
} }

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

@ -19,6 +19,8 @@ p {
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="10"> <b-col cols="10">
<div class="card_content"> <div class="card_content">
<p style="text-align: center; font-weight: bold;">Techno-solutionism and the rise of meal replacements</p>
<p>The way we eat and think of food today is bound to change. The increasing demand for food, especially meat and dairy, combined with the damaging effects of climate change on agriculture (Cho, 2018), has the potential to push the food industry <p>The way we eat and think of food today is bound to change. The increasing demand for food, especially meat and dairy, combined with the damaging effects of climate change on agriculture (Cho, 2018), has the potential to push the food industry
in new directions, and consumers to reconsider their choices. Within this context, technology companies, the new actors on the food industry stage, are putting forward a solution which regards food as being archaic and inefficient, in new directions, and consumers to reconsider their choices. Within this context, technology companies, the new actors on the food industry stage, are putting forward a solution which regards food as being archaic and inefficient,
and the practices around food preparation as time- wasters. Their solution, materialized in products dubbed as ‘complete foods’ or ‘meal replacements’, which allegedly contain all the essential nutrients for the human body, is backed and the practices around food preparation as time- wasters. Their solution, materialized in products dubbed as ‘complete foods’ or ‘meal replacements’, which allegedly contain all the essential nutrients for the human body, is backed

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

@ -2,14 +2,16 @@
@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');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
h3 { h3 {
margin-top: 40px; margin-top: 40px;
font-family: 'Open Sans', sans-serif; font-family: 'Roboto', sans-serif;
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: #212322;
} }
p { p {
@ -19,6 +21,7 @@ p {
#introduction { #introduction {
margin-top: 20px; margin-top: 20px;
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
color: #212322;
} }
#short-review { #short-review {
@ -35,12 +38,21 @@ p {
#icon-text { #icon-text {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
color: #212322;
} }
#why { #why {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
color: #212322;
}
#read_full {
font-family: 'Open Sans', sans-serif;
color: #212322;
} }
</style> </style>
@ -48,14 +60,14 @@ p {
<template> <template>
<div> <div>
<b-row align-h="center"> <b-row align-h="center" style="background-image: linear-gradient(#D3D3D3, white);">
<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 class="row justify-content-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>
@ -116,8 +128,8 @@ p {
</b-row> </b-row>
<!-- end second row of icons--> <!-- end second row of icons-->
<b-row class="row justify-content-between mt-5" style="border-top: 1px solid #D3D3D3;"> <b-row align-h="center" style="border-top: 1px solid #D3D3D3;">
<b-col id="review_end"> <b-col cols="2" id="review_end">
<p style="text-align: right;"> <p style="text-align: right;">
Alice says: Alice says:
<font-awesome-icon icon="star" /> <font-awesome-icon icon="star" />
@ -128,7 +140,7 @@ p {
<font-awesome-icon icon="user-check" style="color: green" /> <font-awesome-icon icon="user-check" style="color: green" />
</p> </p>
</b-col> </b-col>
<b-col class="col-md-8"> <b-col cols="8">
<p id='review-title' style="font-weight: bold;"> <p id='review-title' style="font-weight: bold;">
I have so many thoughts! I have so many thoughts!
</p> </p>
@ -136,7 +148,7 @@ p {
“I tried meal replacements, got sucked into the culture, and I’ve come out with many thoughts. First of all...” “I tried meal replacements, got sucked into the culture, and I’ve come out with many thoughts. First of all...”
</p> </p>
</b-col> </b-col>
<b-col class="col-md-2"> <b-col cols="1" id="read_full">
<b-button variant="light"> <b-button variant="light">
<router-link to='/review'>Read full review</router-link> <router-link to='/review'>Read full review</router-link>
</b-button> </b-button>

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

@ -19,6 +19,8 @@ p {
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="10"> <b-col cols="10">
<div class="card_content"> <div class="card_content">
<p style="text-align: center; font-weight: bold;">The value of time in the post-mom economy</p>
<p> <p>
The contemporary field of technology has created a world that suits its workers perfectly. A well-paid position in IT allows one to move from mom’s home, which also means moving away from all the benefits that come with living under her roof. But the The contemporary field of technology has created a world that suits its workers perfectly. A well-paid position in IT allows one to move from mom’s home, which also means moving away from all the benefits that come with living under her roof. But the
solution to all the extra work on their shoulders, which they are often unprepared or unwilling to do, can be easily fixed. Mother, in this situation, can be replaced with software tools - services performed via applications by gig solution to all the extra work on their shoulders, which they are often unprepared or unwilling to do, can be easily fixed. Mother, in this situation, can be replaced with software tools - services performed via applications by gig

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

@ -19,6 +19,8 @@ p {
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="10"> <b-col cols="10">
<div class="card_content"> <div class="card_content">
<p style="text-align: center; font-weight: bold;">Nutrients > Food</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 actual purpose of food is to provide nutrition (. . . ) People are very focused on taste now – does it taste good?

Write Preview
Loading…
Cancel
Save