fixed padding issues

master
alicestrt 4 years ago
parent 3357cdee38
commit 97d4f80546

@ -75,7 +75,7 @@ a {
<p>Magiun is the name of a Romanian jam made out of plums, with no extra sugar added. It has a very thick consistency and a dark violet color, sometimes even black. The most well-known variety, <a href="https://en.wikipedia.org/wiki/Magiun_of_Topoloveni">Magiun de Topoloveni</a>, is the first Romanian certified natural product and protected by European Union. I grew up with a less well-known king of magiun, the one my grandparents used to prepare year after year in their yard, from plums I begrudgingly helped pick from our orchard. The making of magiun was a night-long affair, during which purple, fleshy plums melted away into a thick, sticky, dark brown paste. </p> <p>Magiun is the name of a Romanian jam made out of plums, with no extra sugar added. It has a very thick consistency and a dark violet color, sometimes even black. The most well-known variety, <a href="https://en.wikipedia.org/wiki/Magiun_of_Topoloveni">Magiun de Topoloveni</a>, is the first Romanian certified natural product and protected by European Union. I grew up with a less well-known king of magiun, the one my grandparents used to prepare year after year in their yard, from plums I begrudgingly helped pick from our orchard. The making of magiun was a night-long affair, during which purple, fleshy plums melted away into a thick, sticky, dark brown paste. </p>
<p>Throughout these past weeks, this container of magiun my mother sent me in a package has been one of my main comforts, a thin layer (to save it) on a slice of bread every other day. It is now almost empty.</p> <p>Throughout these past weeks, this container of magiun my mother sent me in a package has been one of my main comforts, a thin layer (to save it) on a slice of bread every other day. It is now almost empty.</p>
<p></p> <p></p>
<p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. For questions/offers of help/contributions send an email at hello@magiun.online.</p> <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. For questions/offers of help/contributions, you can send an <a href="mailto:hello@magiun.online">email</a>.</p>
<p>The website has been made using Bootstrap-Vue. All content (text, images, illustrations) is licensed under the Free Art License, unless specified otherwise.</p> <p>The website has been made using Bootstrap-Vue. All content (text, images, illustrations) is licensed under the Free Art License, unless specified otherwise.</p>
<p>This project has been developed with the help of the CBK Rotterdam PPR fund.</p> <p>This project has been developed with the help of the CBK Rotterdam PPR fund.</p>
</b-col> </b-col>

@ -58,6 +58,7 @@ a {
.bbq_images { .bbq_images {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
} }
@media (max-width: 575px){ @media (max-width: 575px){
@ -91,14 +92,10 @@ a {
<b-col md="2" class="small_icon"> <b-col md="2" class="small_icon">
<div class="zoom">
<a href="/pesto"><b-img center class="img-fluid" alt="Responsive image" src="media/basil_prev.png"> </b-img></a> <a href="/pesto"><b-img center class="img-fluid" alt="Responsive image" src="media/basil_prev.png"> </b-img></a>
</div>
</b-col> </b-col>
<b-col md="2" class="small_icon"> <b-col md="2" class="small_icon">
<div class="zoom">
<a href="/cart"><b-img center class="img-fluid" alt="Responsive image" src="media/cart_next.png"> </b-img></a> <a href="/cart"><b-img center class="img-fluid" alt="Responsive image" src="media/cart_next.png"> </b-img></a>
</div>
</b-col> </b-col>
</b-row> </b-row>

@ -39,6 +39,7 @@ a {
.egg_images img { .egg_images img {
max-width: 90%; max-width: 90%;
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
} }
.container_width { .container_width {

@ -34,6 +34,7 @@ a {
font-family: 'Poppins', sans-serif;; font-family: 'Poppins', sans-serif;;
font-size: 15px; font-size: 15px;
padding-left: 20px; padding-left: 20px;
padding-bottom: 40px;
} }
#egg_images img { #egg_images img {
@ -47,6 +48,7 @@ a {
font-size: 15px; font-size: 15px;
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
border: 1px black solid; border: 1px black solid;
padding-bottom: 40px;
} }
.container_width { .container_width {
@ -69,6 +71,11 @@ a {
padding-top: 70px; padding-top: 70px;
} }
#cake {
padding-top: 40px;
width: 80%;
}
@media (max-width: 575px){ @media (max-width: 575px){
.small_icon { .small_icon {
max-width: 50%; max-width: 50%;
@ -99,14 +106,14 @@ a {
</b-row> </b-row>
</b-col> </b-col>
<b-col md="2" class="small_icon"> <b-col md="2" class="small_icon">
<div class="zoom">
<a href="/ricecooker"><b-img center class="img-fluid" alt="Responsive image" src="media/rice_prev.png"> </b-img></a> <a href="/ricecooker"><b-img center class="img-fluid" alt="Responsive image" src="media/rice_prev.png"> </b-img></a>
</div>
</b-col> </b-col>
<b-col md="2" class="small_icon"> <b-col md="2" class="small_icon">
<div class="zoom">
<a href="/pretzel"><b-img center class="img-fluid" alt="Responsive image" src="media/pretzel_next.png"> </b-img></a> <a href="/pretzel"><b-img center class="img-fluid" alt="Responsive image" src="media/pretzel_next.png"> </b-img></a>
</div>
</b-col> </b-col>
</b-row> </b-row>
@ -127,15 +134,13 @@ a {
</div> </div>
</b-col> </b-col>
<b-col md="7"> <b-col md="7">
<b-container fluid id="egg_images"> <b-container>
<b-row> <b-row>
<b-col md="3">
</b-col> <b-col md="10" offset-md="2">
<b-col md="8"> <b-img class="img-fluid" id="cake" src="media/cake/black_sesame_mochi_cake.jpg"> </b-img>
<b-img class="img-fluid" src="media/cake/black_sesame_mochi_cake.jpg"> </b-img>
</b-col>
<b-col md="1">
</b-col> </b-col>
</b-row> </b-row>
<b-row id="recipe_block"> <b-row id="recipe_block">
<b-col md="6"> <b-col md="6">
@ -160,7 +165,7 @@ a {
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col class="content" md="10"> <b-col class="content" md="10" offset-md="2">
<p>Preheat oven to 180°C. Grease cake pan (24cm diameter) with a generous amount of butter. You can line the bottom of the pan with baking paper to minimize stick-anxiety but make sure to add another layer of butter on top of the paper.</p> <p>Preheat oven to 180°C. Grease cake pan (24cm diameter) with a generous amount of butter. You can line the bottom of the pan with baking paper to minimize stick-anxiety but make sure to add another layer of butter on top of the paper.</p>
<p>Toast black sesame seeds in a pan over medium heat for 2-3 minutes, stirring frequently to prevent burning. The amazing smell of sesame is gonna be your queue turn off the heat. Break down the sesame seeds either in a food processor or with a mortar and pestle. Decide for yourself whether you like chunky bits or a fine powder and see what can be done with the tools you have at hand. Either way, the end result will be awesome. </p> <p>Toast black sesame seeds in a pan over medium heat for 2-3 minutes, stirring frequently to prevent burning. The amazing smell of sesame is gonna be your queue turn off the heat. Break down the sesame seeds either in a food processor or with a mortar and pestle. Decide for yourself whether you like chunky bits or a fine powder and see what can be done with the tools you have at hand. Either way, the end result will be awesome. </p>
<p>Scoop out about 30g (1/4 cup) of the toasted seeds and set aside. Add 150g of sugar to food processor/mortar and blend with sesame seeds, breaking down any lumps. Sprinkle some sesame sugar over the greased cake pan and tap it so the sugar coats the pan in a thin layer (as if you were flouring the pan). This makes for insane crust action that contrasts nicely with the chewiness of the cake and also helps it release from the pan. Tap out excess sesame sugar from the cake pan into a large bowl and add the remaining sesame sugar from the food processor/mortar. Add flour, baking powder and 2,5g (1/2 tsp) of salt to the bowl and whisk to combine. </p> <p>Scoop out about 30g (1/4 cup) of the toasted seeds and set aside. Add 150g of sugar to food processor/mortar and blend with sesame seeds, breaking down any lumps. Sprinkle some sesame sugar over the greased cake pan and tap it so the sugar coats the pan in a thin layer (as if you were flouring the pan). This makes for insane crust action that contrasts nicely with the chewiness of the cake and also helps it release from the pan. Tap out excess sesame sugar from the cake pan into a large bowl and add the remaining sesame sugar from the food processor/mortar. Add flour, baking powder and 2,5g (1/2 tsp) of salt to the bowl and whisk to combine. </p>

@ -33,6 +33,7 @@ a {
font-family: 'Poppins', sans-serif;; font-family: 'Poppins', sans-serif;;
font-size: 15px; font-size: 15px;
padding-left: 20px; padding-left: 20px;
padding-bottom: 40px;
} }
.title_story { .title_story {

@ -35,9 +35,10 @@ a {
} }
.leek_scans { .leek_scans {
max-width: 60%; max-width: 100%;
padding-bottom: 20px; padding-bottom: 40px;
padding-top: 20px; padding-top: 40px;
} }
.author { .author {
@ -83,50 +84,31 @@ a {
</b-row> </b-row>
</b-col> </b-col>
<b-col md="2" class="small_icon"> <b-col md="2" class="small_icon">
<div class="zoom">
<a href="/onion"><b-img center class="img-fluid" alt="Responsive image" src="media/onion_prev.png"> </b-img></a> <a href="/onion"><b-img center class="img-fluid" alt="Responsive image" src="media/onion_prev.png"> </b-img></a>
</div>
</b-col> </b-col>
<b-col md="2" class="small_icon"> <b-col md="2" class="small_icon">
<div class="zoom">
<a href="/ricecooker"><b-img center class="img-fluid" alt="Responsive image" src="media/rice_next.png"> </b-img></a> <a href="/ricecooker"><b-img center class="img-fluid" alt="Responsive image" src="media/rice_next.png"> </b-img></a>
</div>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="2">
<p></p> <b-col class="leek_scans" md="4" offset-md="2">
</b-col> <b-img class="img-fluid" center src="media/leek/leek-pilaf-1.JPG"></b-img>
<b-col md="4">
<b-img class="img-fluid" src="media/leek/leek-pilaf-1.JPG"></b-img>
</b-col> </b-col>
<b-col md="4" > <b-col class="leek_scans" md="4" >
<b-img class="img-fluid" src="media/leek/leek-pilaf-2.JPG"></b-img> <b-img class="img-fluid" center src="media/leek/leek-pilaf-2.JPG"></b-img>
</b-col> </b-col>
<b-col md="2">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row> </b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row> <b-row>
<b-col md="12"> <b-col md="12">
<p></p> <p></p>

@ -46,6 +46,7 @@ a {
.image_container { .image_container {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
} }
.author { .author {

@ -33,6 +33,8 @@ a {
font-family: 'Poppins', sans-serif;; font-family: 'Poppins', sans-serif;;
font-size: 15px; font-size: 15px;
padding-left: 20px; padding-left: 20px;
padding-bottom: 40px;
} }
.title_story { .title_story {

@ -45,6 +45,7 @@ a {
.image_container { .image_container {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
} }
.author { .author {

@ -46,6 +46,7 @@ a {
.image_container { .image_container {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
} }
.image_container img { .image_container img {
@ -137,15 +138,11 @@ a {
<b-container fluid> <b-container fluid>
<div class="image_container"> <div class="image_container">
<b-row> <b-row>
<b-col md="3"> <b-col md="8" offset-md="4">
</b-col>
<b-col md="8">
<b-img class="img-fluid" src="media/pretzel/pretzels.JPG"> </b-img> <b-img class="img-fluid" src="media/pretzel/pretzels.JPG"> </b-img>
</b-col> </b-col>
<b-col md="1">
</b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="12"> <b-col md="12">
@ -153,10 +150,8 @@ a {
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="3">
<b-col md="8" offset-md="4">
</b-col>
<b-col md="8">
<b-img class="img-fluid" src="media/pretzel/masto.PNG"> </b-img> <b-img class="img-fluid" src="media/pretzel/masto.PNG"> </b-img>
</b-col> </b-col>

@ -46,6 +46,7 @@ a {
.image_container { .image_container {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
} }
.image_container img { .image_container img {

Loading…
Cancel
Save