updated icons

master
alicestrt 5 years ago
parent 1131b49b20
commit 0197b3ccfb

@ -62,46 +62,46 @@ a {
<b-container fluid id="icons"> <b-container fluid id="icons">
<b-row> <b-row>
<b-col md="3"> <b-col md="3">
<a href="/leekpilaf"> <b-img class="img-fluid" center src="media/leek.png"></b-img></a> <a href="/eggs"> <b-img class="img-fluid" center src="media/egg_small.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/noodles"><b-img class="img-fluid" center src="media/noodles.png"></b-img></a> <a href="/scooter"><b-img class="img-fluid" center src="media/scooter.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/onion"><b-img class="img-fluid" center src="media/onion.png"></b-img></a> <a href="/pesto"><b-img class="img-fluid" center src="media/basil.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/eggs"><b-img class="img-fluid" center src="media/egg.png"></b-img></a> <a href="/bbq"><b-img class="img-fluid" center src="media/bbq.png"></b-img></a>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="3"> <b-col md="3">
<a href="/bbq"><b-img class="img-fluid" center src="media/bbq.png"></b-img></a> <a href="/cart"><b-img class="img-fluid" center src="media/cart_small.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/breakfast"><b-img class="img-fluid" center src="media/avo.png"></b-img></a> <a href="/breakfast"><b-img class="img-fluid" center src="media/avo_small.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/pesto"><b-img class="img-fluid" center src="media/basil.png"></b-img></a> <a href="/noodles"><b-img class="img-fluid" center src="media/noodles_small.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/cake"><b-img class="img-fluid" center src="media/cake.png"></b-img></a> <a href="/recipe"><b-img class="img-fluid" center src="media/recipe_small.png"></b-img></a>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="3"> <b-col md="3">
<a href="/pretzel"><b-img class="img-fluid" center src="media/pretzel.png"></b-img></a> <a href="/onion"><b-img class="img-fluid" center src="media/onion.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/ricecooker"><b-img class="img-fluid" center src="media/rice.png"></b-img></a> <a href="/leekpilaf"><b-img class="img-fluid" center src="media/leek.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/cart"><b-img class="img-fluid" center src="media/cart.png"></b-img></a> <a href="/ricecooker"><b-img class="img-fluid" center src="media/rice.png"></b-img></a>
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/scooter"><b-img class="img-fluid" center src="media/scooter.png"></b-img></a> <a href="/cake"><b-img class="img-fluid" center src="media/cake_small.png"></b-img></a>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
@ -113,7 +113,7 @@ a {
<b-col md="3"> <b-col md="3">
</b-col> </b-col>
<b-col md="3"> <b-col md="3">
<a href="/recipe"><b-img class="img-fluid" center src="media/recipe.png"></b-img></a> <a href="/pretzel"><b-img class="img-fluid" center src="media/pretzel_small.png"></b-img></a>
</b-col> </b-col>
</b-row> </b-row>

@ -37,9 +37,19 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Balcony Marinade</p> <p class="title_story">Balcony Marinade</p>
</b-col> </b-col>
<b-col md="2">
<a href="/pesto"><b-img class="img-fluid" src="media/basil.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/cart"><b-img class="img-fluid" src="media/cart.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -52,9 +52,19 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Breakfasts</p> <p class="title_story">Breakfasts</p>
</b-col> </b-col>
<b-col md="2">
<a href="/cart"><b-img class="img-fluid" src="media/cart.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/noodles"><b-img class="img-fluid" src="media/noodles.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -52,9 +52,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">The bite that keeps on chewing</p> <p class="title_story">The bite that keeps on chewing</p>
</b-col> </b-col>
<b-col md="2">
<a href="/ricecooker"><b-img class="img-fluid" src="media/rice.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/pretzel"><b-img class="img-fluid" src="media/pretzel.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -51,9 +51,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">My Quarantine Kitchen Story</p> <p class="title_story">My Quarantine Kitchen Story</p>
</b-col> </b-col>
<b-col md="2">
<a href="/bbq"><b-img class="img-fluid" src="media/bbq.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/breakfast"><b-img class="img-fluid" src="media/avo.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -46,15 +46,27 @@ a {
padding-right: 0px; padding-right: 0px;
} }
.small_icon {
max-width: 20%;
}
</style> </style>
<template> <template>
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Egg story</p> <p class="title_story">Egg story</p>
</b-col> </b-col>
<b-col md="2">
<a href="/pretzel"><b-img class="img-fluid" src="media/pretzel.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/scooter"><b-img class="img-fluid" src="media/scooter.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -31,29 +31,65 @@ a {
padding-right: 0px; padding-right: 0px;
} }
#leek_scans {
max-width: 70%;
}
</style> </style>
<template> <template>
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Leek pilaf</p> <p class="title_story">Leek pilaf</p>
</b-col> </b-col>
<b-col md="2">
<a href="/onion"><b-img class="img-fluid" src="media/onion.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/ricecooker"><b-img class="img-fluid" src="media/rice.png"> </b-img></a>
</b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="6"> <b-col md="6" id="leek_scans">
<b-img class="img-fluid" src="media/leek/leek-pilaf-1.JPG"></b-img> <b-img class="img-fluid" src="media/leek/leek-pilaf-1.JPG"></b-img>
</b-col> </b-col>
<b-col md="6"> <b-col md="6">
<b-img class="img-fluid" src="media/leek/leek-pilaf-2.JPG"></b-img> <b-img class="img-fluid" src="media/leek/leek-pilaf-2.png"></b-img>
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col> </b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row> </b-row>

@ -51,9 +51,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Luo Shi Fen</p> <p class="title_story">Luo Shi Fen</p>
</b-col> </b-col>
<b-col md="2">
<a href="/breakfast"><b-img class="img-fluid" src="media/avo.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/recipe"><b-img class="img-fluid" src="media/recipe.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -51,9 +51,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Something light, like a salad</p> <p class="title_story">Something light, like a salad</p>
</b-col> </b-col>
<b-col md="2">
<a href="/recipe"><b-img class="img-fluid" src="media/recipe.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/leekpilaf"><b-img class="img-fluid" src="media/leek.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -51,9 +51,17 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Bulk Pesto</p> <p class="title_story">Bulk Pesto</p>
</b-col> </b-col>
<b-col md="2" class="small_icon">
<a href="/scooter"><b-img class="img-fluid" src="media/scooter.png"> </b-img></a>
</b-col>
<b-col md="2">
<a href="/bbq"><b-img class="img-fluid" src="media/bbq.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -51,9 +51,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">A list</p> <p class="title_story">A list</p>
</b-col> </b-col>
<b-col md="2">
<a href="/cake"><b-img class="img-fluid" src="media/cake.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/eggs"><b-img class="img-fluid" src="media/egg.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -51,9 +51,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">Party of 3</p> <p class="title_story">Party of 3</p>
</b-col> </b-col>
<b-col md="2">
<a href="/noodles"><b-img class="img-fluid" src="media/noodles.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/onion"><b-img class="img-fluid" src="media/onion.png"> </b-img></a>
</b-col>
</b-row> </b-row>
@ -85,7 +94,7 @@ a {
luxury. I dont have to think about what to cook for lunch, where to get the ingredients or how luxury. I dont have to think about what to cook for lunch, where to get the ingredients or how
much rice I have to use. Because of the current situation, theres an ingredient missing from the much rice I have to use. Because of the current situation, theres an ingredient missing from the
box every now and then. Thats when I get excited again, because I get to improvise.</p> box every now and then. Thats when I get excited again, because I get to improvise.</p>
</p>
</div> </div>

@ -37,9 +37,18 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">When the oven is broken</p> <p class="title_story">When the oven is broken</p>
</b-col> </b-col>
<b-col md="2">
<a href="/leekpilaf"><b-img class="img-fluid" src="media/leek.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/cake"><b-img class="img-fluid" src="media/cake.png"> </b-img></a>
</b-col>
</b-row> </b-row>

@ -51,9 +51,16 @@ a {
<b-container fluid class="container_width"> <b-container fluid class="container_width">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="6"> <b-col md="8">
<p class="title_story">acknowledgements</p> <p class="title_story">acknowledgements</p>
</b-col> </b-col>
<b-col md="2">
<a href="/eggs"><b-img class="img-fluid" src="media/egg.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/pesto"><b-img class="img-fluid" src="media/basil.png"> </b-img></a>
</b-col>
</b-row> </b-row>

Loading…
Cancel
Save