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

tired on the train

Browse Source
master
alicestrt 5 years ago
parent 374b7fc79e
commit 6784305aed
9 changed files with 56 additions and 43 deletions
Show Stats Download Patch File Download Diff File

4
TODO
Unescape Escape View File

@ -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

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

@ -18,9 +18,9 @@ p {
<div> <div>
<b-row align-h="center"> <b-row align-h="center">
<b-col cols="12"> <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> <a name="cooking_title"><p style="text-align: center; font-weight: bold;">We love food, we hate having to cook it</p></a>
<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 <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 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 { 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>', 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>', 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>', 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 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>', 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 width="300" height="200" src="./media/topics/gender_in_food/images/martha.jpg"></img>', martha_rosler: '<img class="img-fluid" 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>', 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 width="250" height="200" src="https://www.youtube.com/embed/ZuZympOIGC0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 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 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="250" 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 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 width="300" height="200" src="./media/topics/cooking/images/jetsons.gif"></img>', jetsons: '<img class="img-fluid" 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>', 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>', 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>', 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>', 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>', taskrabbit: '<img class="img-fluid" 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>', cooking_timetoeat: '<video class="img-fluid" 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>', soylent_quote: '<img class="img-fluid" 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>', performance_timetoeat: '<video class="img-fluid" controls autoplay src="./media/topics/gender_in_food/video/making_huel.mp4"></video>',
} }
}, },

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

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

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

@ -21,7 +21,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;">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> <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
@ -57,8 +57,8 @@ export default {
return { 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>', 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 width="250" height="200" src="https://www.youtube.com/embed/zDj5Drh5ZIE" 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>', 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>',
} }
}, },

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

@ -117,7 +117,7 @@ b-card {
</b-dropdown-text> </b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider> <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-dropdown>
</b-col> </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. 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-text>
<b-dropdown-divider></b-dropdown-divider> <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-dropdown>
</b-col> </b-col>
@ -143,7 +143,7 @@ b-card {
<b-dropdown-divider></b-dropdown-divider> <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-dropdown>
</b-col> </b-col>
@ -155,7 +155,7 @@ b-card {
</b-dropdown-text> </b-dropdown-text>
<b-dropdown-divider></b-dropdown-divider> <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-dropdown>
</b-col> </b-col>
<b-col md="2" sm="12" class="text-center"> <b-col md="2" sm="12" class="text-center">
@ -167,7 +167,7 @@ b-card {
<b-dropdown-divider></b-dropdown-divider> <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-dropdown>
</b-col> </b-col>

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

@ -21,7 +21,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;">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 <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,
@ -61,14 +61,14 @@ export default {
data: function() { data: function() {
return { 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>', 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>', solution_timetoeat: '<video class="img-fluid" 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>', humans_timetoeat: '<video class="img-fluid" 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>', comment: '<img class="img-fluid" 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>', 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>', 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>',
} }
}, },

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

@ -21,7 +21,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;">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> <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
@ -63,14 +63,14 @@ export default {
post_mom_economy: '<img class="img-fluid" src="/media/topics/post-mom_economy/images/post_mom.png"></img>', 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>', 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>', 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>', 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 width="300" height="200" src="/media/topics/post-mom_economy/images/post_mom_jobs.png"></img>', 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">We’re the sleep company changing the world by changing the way you sleep</a>', 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>', 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 width="300" height="200" controls autoplay src="/media/topics/post-mom_economy/video/startup.mp4"></video>', startup_timetoeat: '<video class="img-fluid" 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>', freedom: '<img class="img-fluid" 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>', 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 width="300" height="200" src="/media/topics/meal_replacement_brands/quotes/rob_quote.png"></img>', chore_timetoeat: '<img class="img-fluid" src="/media/topics/meal_replacement_brands/quotes/rob_quote.png"></img>',

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

@ -21,7 +21,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;">Nutrients > Food</p> <a name="value_title"><p style="text-align: center; font-weight: bold;">Nutrients > Food</p></a>
<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
@ -78,9 +78,9 @@ export default {
data: function() { data: function() {
return { 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>', 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>', 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>', 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>' 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>'

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

@ -4,6 +4,11 @@
@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;
}
.header_video {
margin-bottom: 40px;
} }
p { p {
@ -27,7 +32,7 @@ h3 {
<div> <div>
<MenuBar/> <MenuBar/>
<b-row align-h="center"> <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> <h3>Is it time to eat, or is there no more time to eat?</h3>
</b-col> </b-col>
</b-row> </b-row>

Write Preview
Loading…
Cancel
Save