tired on the train

master
alicestrt 5 years ago
parent 374b7fc79e
commit 6784305aed

@ -0,0 +1,4 @@
* On mobile view, when click on review card, take to text (otherwise, no idea there is text)
* iframe of pdf needs space and not be chopped on bottom of the iframe

@ -18,9 +18,9 @@ p {
<div>
<b-row align-h="center">
<b-col cols="12">
<b-col cols="10">
<div class="card_content">
<p style="text-align: center; font-weight: bold;">We love food, we hate having to cook it</p>
<a name="cooking_title"><p style="text-align: center; font-weight: bold;">We love food, we hate having to cook it</p></a>
<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
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
@ -93,23 +93,23 @@ export default {
return {
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/" target="_blank"> The origins of the phrase </a>',
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="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>',
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="250" height="200" src="https://www.youtube.com/embed/ZuZympOIGC0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
leave_it: '<iframe class="img-fluid" src="https://www.youtube.com/embed/MXhlTQJcgbc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
mental_load: '<iframe class="img-fluid" 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 class="img-fluid" src="./media/topics/gender_in_food/images/martha.jpg"></img>',
man_cooking: '<iframe class="img-fluid" src="https://archive.org/embed/Wordtoth1955" width="200" height="2000" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe>',
semiotics: '<iframe class="img-fluid" 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" target="_blank"> "The rise of class society brought with it rising inequalitybetween the rulers and the ruled, and between men and women"</a>',
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>',
male_chefs: '<img width="600" height="300" src="./media/topics/gender_in_food/images/chefs.gif"></img>',
julia_show: '<iframe class="img-fluid" src="https://www.youtube.com/embed/hWi3NwDrQok" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
jetsons: '<img class="img-fluid" src="./media/topics/cooking/images/jetsons.gif"></img>',
male_chefs: '<img class="img-fluid" src="./media/topics/gender_in_food/images/chefs.gif"></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>',
dad: '<iframe class="img-fluid" 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="500" height="200" src="./media/topics/post-mom_economy/images/task.png"></img>',
cooking_timetoeat: '<video width="250" height="200" controls autoplay src="./media/topics/cooking/video/cooking.mp4"></video>',
soylent_quote: '<img width="600" height="300" src="./media/topics/meal_replacement_brands/quotes/soylent2.png"></img>',
performance_timetoeat: '<video width="250" height="200" controls autoplay src="./media/topics/gender_in_food/video/making_huel.mp4"></video>',
taskrabbit: '<img class="img-fluid" src="./media/topics/post-mom_economy/images/task.png"></img>',
cooking_timetoeat: '<video class="img-fluid" controls autoplay src="./media/topics/cooking/video/cooking.mp4"></video>',
soylent_quote: '<img class="img-fluid" src="./media/topics/meal_replacement_brands/quotes/soylent2.png"></img>',
performance_timetoeat: '<video class="img-fluid" controls autoplay src="./media/topics/gender_in_food/video/making_huel.mp4"></video>',
}
},

@ -7,6 +7,10 @@
margin-top: 40px;
}
.pdf {
margin-top: 40px;
}
p {
text-align: center;
}
@ -35,7 +39,7 @@ h3 {
</b-col>
</b-row>
<b-row align-h="center">
<b-col cols="12">
<b-col class="pdf" cols="12">
<b-embed
type="iframe"
aspect="4by3"

@ -21,7 +21,7 @@ p {
<b-row align-h="center">
<b-col cols="10">
<div class="card_content">
<p style="text-align: center; font-weight: bold;">Becoming robots, losing our tastebuds</p>
<a name="future_title"><p style="text-align: center; font-weight: bold;">Becoming robots, losing our tastebuds</p></a>
<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
@ -57,8 +57,8 @@ export default {
return {
kurzweil: '<iframe width="250" height="200" src="https://www.youtube.com/embed/ntY01qoIdus" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
brains: '<iframe width="250" height="200" src="https://www.youtube.com/embed/zDj5Drh5ZIE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
kurzweil: '<iframe class="img-fluid" src="https://www.youtube.com/embed/ntY01qoIdus" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
brains: '<iframe class="img-fluid" src="https://www.youtube.com/embed/zDj5Drh5ZIE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
white_men: '<a href="https://splinternews.com/life-extension-technology-gives-us-a-bleak-future-more-1793857274" target="_blank">Life extension technology gives us a bleak future: more white men</a>',
}
},

@ -117,7 +117,7 @@ b-card {
</b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item v-on:click="resetShowCookingCard(showCookingCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
<b-dropdown-item v-on:click="resetShowCookingCard(showCookingCard)" href="#cooking_title" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-dropdown>
</b-col>
@ -129,7 +129,7 @@ b-card {
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-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 v-on:click="resetShowTimeCard(showTimeCard)" href="#time_title" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-dropdown>
</b-col>
@ -143,7 +143,7 @@ b-card {
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item v-on:click="resetShowSolutionsCard(showSolutionsCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
<b-dropdown-item v-on:click="resetShowSolutionsCard(showSolutionsCard)" href="#solutions_title" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-dropdown>
</b-col>
@ -155,7 +155,7 @@ b-card {
</b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item v-on:click="resetShowValueCard(showValueCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
<b-dropdown-item v-on:click="resetShowValueCard(showValueCard)" href="#value_title" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-dropdown>
</b-col>
<b-col md="2" sm="12" class="text-center">
@ -167,7 +167,7 @@ b-card {
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item v-on:click="resetShowFutureCard(showFutureCard)" href="#" variant="primary" class="read-button">Keep reading</b-dropdown-item>
<b-dropdown-item v-on:click="resetShowFutureCard(showFutureCard)" href="#future_title" variant="primary" class="read-button">Keep reading</b-dropdown-item>
</b-dropdown>
</b-col>

@ -21,7 +21,7 @@ p {
<b-row align-h="center">
<b-col cols="10">
<div class="card_content">
<p style="text-align: center; font-weight: bold;">Techno-solutionism and the rise of meal replacements</p>
<a name="solutions_title"><p style="text-align: center; font-weight: bold;">Techno-solutionism and the rise of meal replacements</p></a>
<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,
@ -61,14 +61,14 @@ export default {
data: function() {
return {
techno_solutionism: '<iframe width="250" height="200" src="https://www.youtube.com/embed/fOvaNzIxz54?start=26" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
techno_solutionism: '<iframe class="img-fluid" src="https://www.youtube.com/embed/fOvaNzIxz54?start=26" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
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>',
solution_timetoeat: '<video width="250" height="200" controls autoplay src="./media/topics/meal_replacement_products/video/end_of_day_cut.mp4"></video>',
humans_timetoeat: '<video width="250" height="200" controls autoplay src="./media/topics/personal_experience/video/humans.mp4"></video>',
comment: '<img width="800" height="600" src="./media/topics/personal_experience/communities/images/doorstep.png"></img>',
how_its_made: '<iframe width="560" height="315" src="https://www.youtube.com/embed/NpK63Auk1_A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
solution_timetoeat: '<video class="img-fluid" controls autoplay src="./media/topics/meal_replacement_products/video/end_of_day_cut.mp4"></video>',
humans_timetoeat: '<video class="img-fluid" controls autoplay src="./media/topics/personal_experience/video/humans.mp4"></video>',
comment: '<img class="img-fluid" src="./media/topics/personal_experience/communities/images/doorstep.png"></img>',
how_its_made: '<iframe class="img-fluid" src="https://www.youtube.com/embed/NpK63Auk1_A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
funding: '<a href="https://techcrunch.com/2017/05/04/despite-setbacks-soylent-drinks-up-50-million-in-fresh-funding/"></a>',
benefits: '<img src="./media/topics/meal_replacement_brands/images/icons/huel.png"></img>',
benefits: '<img class="img-fluid" src="./media/topics/meal_replacement_brands/images/icons/huel.png"></img>',
}
},

@ -21,7 +21,7 @@ p {
<b-row align-h="center">
<b-col cols="10">
<div class="card_content">
<p style="text-align: center; font-weight: bold;">The value of time in the post-mom economy</p>
<a name="time_title"><p style="text-align: center; font-weight: bold;">The value of time in the post-mom economy</p></a>
<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 moms home, which also means moving away from all the benefits that come with living under her roof. But the
@ -63,14 +63,14 @@ export default {
post_mom_economy: '<img class="img-fluid" src="/media/topics/post-mom_economy/images/post_mom.png"></img>',
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>',
delivery: '<iframe class="img-fluid" src="https://www.youtube.com/embed/2I0fxeeI1sg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
replace: '<img class="img-fluid" src="/media/topics/post-mom_economy/images/post_mom_jobs.png"></img>',
sleepscore: '<a href="https://www.sleepscore.com/" target="_blank">Were 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: '<video width="300" height="200" controls autoplay src="/media/topics/post-mom_economy/video/startup.mp4"></video>',
freedom: '<img width="300" height="200" src="/media/topics/meal_replacement_brands/quotes/freedom.png"></img>',
living: '<iframe width="560" height="315" src="https://www.youtube.com/embed/2I0fxeeI1sg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
chore_timetoeat: '<img width="300" height="200" src="/media/topics/meal_replacement_brands/quotes/rob_quote.png"></img>',
hydrocoach: '<iframe class="img-fluid" src="https://www.youtube.com/embed/iFnfkDV_5P4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
startup_timetoeat: '<video class="img-fluid" controls autoplay src="/media/topics/post-mom_economy/video/startup.mp4"></video>',
freedom: '<img class="img-fluid" src="/media/topics/meal_replacement_brands/quotes/freedom.png"></img>',
living: '<iframe class="img-fluid" src="https://www.youtube.com/embed/2I0fxeeI1sg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
chore_timetoeat: '<img class="img-fluid" src="/media/topics/meal_replacement_brands/quotes/rob_quote.png"></img>',

@ -21,7 +21,7 @@ p {
<b-row align-h="center">
<b-col cols="10">
<div class="card_content">
<p style="text-align: center; font-weight: bold;">Nutrients > Food</p>
<a name="value_title"><p style="text-align: center; font-weight: bold;">Nutrients > Food</p></a>
<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
@ -78,9 +78,9 @@ export default {
data: function() {
return {
post_mom_economy: '<iframe src="https://imgur.com/i1w6ztH"></iframe>',
post_mom_economy: '<iframe class="img-fluid" src="https://imgur.com/i1w6ztH"></iframe>',
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>',
purpose_timetoeat: '<img width="300" height="200" src="./media/topics/meal_replacement_products/video/unlike_food.mp4"></img>',
purpose_timetoeat: '<img class="img-fluid" src="./media/topics/meal_replacement_products/video/unlike_food.mp4"></img>',
soylent: '<a href="https://soylent.com/" target="_blank">We thought about your food so you wouldn&#39;t have to.</a>',
end_of_food: '<a href="https://www.newyorker.com/magazine/2014/05/12/the-end-of-food" target="_blank"> For weeks, he and his acolytes emitted clouds of sulfurous gas. “I cleared out a jazz theatre once,” he recalled, nostalgically.</a>',
frozen_food: '<a href="https://www.newyorker.com/magazine/2014/05/12/the-end-of-food" target="_blank">They had been living mostly on ramen, corn dogs, and Costco frozen quesadillas—supplemented by Vitamin C tablets, to stave off scurvy—but the grocery bills were still adding up. Rob Rhinehart, one of the entrepreneurs, began to resent the fact that he had to eat at all.</a>'

@ -4,6 +4,11 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
#header {
margin-top: 40px;
}
.header_video {
margin-bottom: 40px;
}
p {
@ -27,7 +32,7 @@ h3 {
<div>
<MenuBar/>
<b-row align-h="center">
<b-col cols="10">
<b-col class="header_video" cols="10">
<h3>Is it time to eat, or is there no more time to eat?</h3>
</b-col>
</b-row>

Loading…
Cancel
Save