alicestrt
/
magiun_website
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

second round of edits

Browse Source
master
alicestrt 3 years ago
parent d42315ff5f
commit 0d6b6efba0
5 changed files with 106 additions and 132 deletions
Show Stats Download Patch File Download Diff File

BIN
media/magiun2/anise_cup.jpeg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
media/magiun2/unnamed.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

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

@ -3,7 +3,7 @@
* { * {
border: 0px black solid; border: 0px black solid;
background-color: #F7F7F7; background-color: white;
} }

125
src/components/SecondEditionPage.vue
Unescape Escape View File

@ -3,21 +3,24 @@
@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/css2?family=Poppins&family=Raleway&family=Work+Sans:wght@900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins&family=Raleway&family=Work+Sans:wght@900&display=swap');
@font-face {
font-family: 'Happy Times';
src: url('../../dist/fonts/happy-times-NG_regular_master.otf');
}
* { * {
border: 0px black solid; border: 0px black solid;
background-color: #F7F7F7 !important; background-color: #FFD600 !important;
} }
body { body {
background-color: #F7F7F7; background-color: #FFD600;
min-height: 100vh; min-height: 100vh;
} }
#magi { #magi {
width: 60%; width: 40%;
z-index: -1; z-index: -1;
padding: 20px; padding: 20px;
--color-stop: #fff5f5; --color-stop: #fff5f5;
@ -29,36 +32,22 @@ body {
} }
#mag_title { #mag_title {
font-size: 400%; font-size: 450%;
/*color: #ffcccc;*/ /*color: #ffcccc;*/
color: #333042; color: #1B75BC;
font-family: 'Work Sans', sans-serif; font-family: 'Work Sans', sans-serif;
text-align: center; text-align: center;
z-index: 1; z-index: 1;
border-top: 3px #ffcccc;
border-left: 3px #ffcccc;
border-style: solid dotted;
/*border-radius: 0px 72px;*/
padding: 6px; padding: 6px;
/*height: auto;*/
/*-webkit-text-stroke: 1px #333042;*/
/*transition: all .1s ease;*/
}
#mag_title:hover {
/*border-radius: 0px 72px;*/
box-shadow: 6px 6px #ffcccc;
} }
#mag_subtitle { #mag_subtitle {
font-size: 200%; font-size: 200%;
font-family: 'Work Sans', sans-serif; font-family: 'Work Sans', sans-serif;
color: #333042; color: #1B75BC;
text-align: center; text-align: center;
border-right: 3px #ffcccc;
border-bottom: 3px #ffcccc;
/*border-radius: 120px 0px;*/
border-style: solid dotted;
height: auto; height: auto;
padding: 6px; padding: 6px;
} }
@ -73,18 +62,6 @@ body {
width: 60%; width: 60%;
} }
.icons p {
text-align: center;
font-size: 20px;
font-family: 'Poppins', sans-serif;
color: #333042;
padding-top: 10%;
text-decoration: 2px underline #ffcccc;
}
.icons {
padding-bottom: 40px;
}
.col-md-2 { .col-md-2 {
border-right: 3px dotted #ffcccc; border-right: 3px dotted #ffcccc;
@ -96,32 +73,28 @@ body {
} }
#toc { #toc {
color: #333042; color: #1B75BC;
font-family: 'Work Sans', sans-serif; font-family: 'Happy Times';
text-align: center; text-align: center;
font-size: 300%; font-size: 100%;
padding-top: 20px; text-align: center;
padding-bottom: 20px; border: 8px dotted #1B75BC;
border-top: 3px solid #ffcccc; padding: 5px;
border-left: 3px dotted #ffcccc;
} }
.item { a {
height: auto; color: #1B75BC;
width: auto;
text-align: center;
margin-bottom: 20px;
color: #333042;
font-family: 'Work Sans', sans-serif;
} }
#menu_title { .author {
text-align: center; color: #1B75BC;
font-family: 'Work Sans', sans-serif; }
font-size: 150%;
margin-bottom: 30px; #edition {
margin-top: 80px; color: #1B75BC;
color: #333042; font-family: 'Happy Times';
margin-top: 55px;
} }
@ -170,15 +143,6 @@ body {
} }
} }
a:hover {
color: #ff4c2b;
text-decoration: none;
}
a {
color: #333042;
}
#main_container { #main_container {
padding-top: 100px; padding-top: 100px;
@ -236,16 +200,19 @@ a {
<b-row id="main_container"> <b-row id="main_container">
<b-col md="6"> <b-col md="6">
<b-row> <b-row>
<b-col md="8" offset-md="2"> <b-col md="7" offset-md="2">
<a href="/about"><p id="mag_title">Magiun</p></a> <a href="/about"><p id="mag_title">Magiun</p></a>
</b-col>
</b-col>
<b-col md="3" id="edition">
Summer 2021
</b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="8" offset-md="4"> <b-col md="8" offset-md="4">
<a href="/about"> <a href="/about">
<b-img class="img-fluid" id="magi" src="media/magiun_outline.svg"></b-img></a> <b-img class="img-fluid" id="magi" src="media/magiun2/unnamed.png"></b-img></a>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
@ -258,15 +225,21 @@ a {
<b-col md="6"> <b-col md="6">
<b-row> <b-row>
<b-col md="8" offset-md="2"> <b-col md="8" offset-md="2" id="toc">
<p id="menu_title">Magiun #2 On adapting</p> <p class="item"><a href="/knife">PAPER THIN</a><br>Yoana Buzova</p>
<p class="item"><a href="/knife">Paper Thin</a></p> <br>
<p class="item"><a href="/simmered">Simmered Egg</a></p> <p class="item"><a href="/simmered">SIMMERED EGG</a> <br>Dorothy Cheung</p>
<p class="item"><a href="/soulsoup">Chicken Soup for Soul</a></p> <br>
<p class="item"><a href="/phone">Christmas Dinner</a></p> <p class="item"><a href="/soulsoup">CHICKEN SOUP FOR SOUL</a><br>Patricia Cirtog</p>
<p class="item"><a href="/whatwecan">We do what we can with what we have</a></p> <br>
<p class="item"><a href="/lychee">Have you eaten yet?</a></p> <p class="item"><a href="/phone">CHRISTMAS DINNER</a><br>Valentina Vella</p>
<p class="item"><a href="/anise">Adapting to adaptations</a></p> <br>
<p class="item"><a href="/whatwecan">WE DO WHAT WE CAN WITH WHAT WE HAVE</a><br>Raluca Chereji</p>
<br>
<p class="item"><a href="/lychee">HAVE YOU EATEN YET?</a><br>Witold van Ratingen</p>
<br>
<p class="item"><a href="/anise">ADAPTING TO ADAPTATIONS</a><br>Inge Hoonte</p>

101
src/components/anise.vue
Unescape Escape View File

@ -85,16 +85,19 @@ a {
margin-bottom: 30px; margin-bottom: 30px;
} }
#anisecup {
transform: rotate(90deg);
width: 40%;
}
#aniseillu { #aniseillu {
margin-left: 20%; margin-left: 20%;
margin-bottom: 0px; margin-bottom: 0px;
} }
.recipe_title {
padding-bottom: 20px;
}
.recipe {
margin-top: 20px;
}
@media (max-width: 575px){ @media (max-width: 575px){
.small_icon { .small_icon {
display: none; display: none;
@ -122,44 +125,29 @@ a {
<p>xxxxxxxxxxx</p> <p>xxxxxxxxxxx</p>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="1" offset-md="1" class="small_icon"> <b-col md="4">
<b-row>
<b-col md="10" offset-md="3">
<div class="zoom"> <div class="zoom">
<a href="/lychee"><b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/lychee_prev.png"> </b-img></a> <b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/lychee.png"> </b-img>
</div> </div>
</b-col> </b-col>
<b-col md="8"> </b-row>
<p class="title_story">Adapting to Adaptations</p>
<b-row> <b-row>
<b-col md="12"> <b-col md="12">
<p class="author">essay and recipes by Inge Hoonte</p> <p class="title_story">Adapting to Adaptations</p>
</b-col>
</b-row>
</b-col>
<b-col md="1" class="small_icon">
<div class="zoom">
<a href="/knife"><b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/knife_next.png"> </b-img></a>
</div>
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="8" offset-md="2"> <b-col md="12">
<b-row> <p class="author">essay and recipes by Inge Hoonte</p>
<b-container fluid>
<div class="image_container">
<b-col md="6" offset-md="3">
<b-img class="img-fluid" id="aniseillu" src="media/magiun2/anise.png"> </b-img>
</b-col> </b-col>
</div>
</b-container>
</b-row> </b-row>
</b-col>
<b-col md="5">
<div class='content'> <div class='content'>
<p>The majority of my cooking consists of throwing together whatever's in my fridge and cupboards. And, gladly, what I've grown or surprisingly harvested from the yard that came with my new apartment!* <p>The majority of my cooking consists of throwing together whatever's in my fridge and cupboards. And, gladly, what I've grown or surprisingly harvested from the yard that came with my new apartment!*
@ -185,49 +173,61 @@ Like most people, the way I cook (and shop) has changed. It's more sparse, proba
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col md="5" offset-md="5"> <b-col md="4" offset-md="2" class="recipe_block">
<b-row>
<b-col>
<div class="image_container"> <div class="image_container">
<b-img class="img-fluid" id="anisecup" src="media/magiun2/anise_cup.jpeg"> </b-img> <b-img class="img-fluid" id="anisecup" src="media/magiun2/anise_cup.jpeg"> </b-img>
</div> </div>
</b-col> </b-col>
<b-col>
</b-row>
<b-row class="recipe_block">
<b-col md="4" offset-md="2">
<p id="recipe_title"> POUR YOURSELF A QUARANTINI</p> <p id="recipe_title"> POUR YOURSELF A QUARANTINI</p>
</b-col>
</b-row>
<b-row>
<b-col>
<div class="recipe">
<p> <p>
In a mid-sized pan, pour 1L of dark/organic apple juice, or apple cider. Add 2-3 cm raw ginger in thin slices. Add 1 star anise, 3 black peppercorns, 3 whole cloves, and 1 cinnamon stick (or ground). Heat the mix, but don't let it boil.</p> In a mid-sized pan, pour 1L of dark/organic apple juice, or apple cider. Add 2-3 cm raw ginger in thin slices. Add 1 star anise, 3 black peppercorns, 3 whole cloves, and 1 cinnamon stick (or ground). Heat the mix, but don't let it boil.</p>
<p> <p>
The recipe calls for 400ml of brown rum (I used Kraken, which is nice and spicy already). I used about 200ml, halved the recipe, and ended up adding too much anise in relation, don't recommend, it becomes too licorice-y. The recipe calls for 400ml of brown rum (I used Kraken, which is nice and spicy already). I used about 200ml, halved the recipe, and ended up adding too much anise in relation, don't recommend, it becomes too licorice-y.
You can make it right before you need it and as much as you need, or store it in the fridge.</p> You can make it right before you need it and as much as you need, or store it in the fridge.</p>
</b-col>
<b-col md="4">
<p> <p>
Optional adaptation: Start the other way around, and add all the spices to the rum, instead of the apple juice.</p> Optional adaptation: Start the other way around, and add all the spices to the rum, instead of the apple juice.</p>
<p> <p>
My family has a wide range of likes and dislikes and I kept this in mind too much. Mom is on a low carb diet to balance her insulin levels, so I replaced apple juice with zero sugar ginger ale, served cold. My sister doesn't like warm alcoholic drinks, nor ginger. So she got plain cold spiced rum (already infused with ginger, I hoped she wouldn't notice and she didn't). Her boyfriend appreciates fine liquors, so I added a double dose of rum to his mix. In the end, the original recipe was so completely warped, that I ended up making it again for myself on December 31st, solo, the way I wanted to make it.</p> My family has a wide range of likes and dislikes and I kept this in mind too much. Mom is on a low carb diet to balance her insulin levels, so I replaced apple juice with zero sugar ginger ale, served cold. My sister doesn't like warm alcoholic drinks, nor ginger. So she got plain cold spiced rum (already infused with ginger, I hoped she wouldn't notice and she didn't). Her boyfriend appreciates fine liquors, so I added a double dose of rum to his mix. In the end, the original recipe was so completely warped, that I ended up making it again for myself on December 31st, solo, the way I wanted to make it.</p>
</div>
</b-col> </b-col>
</b-row> </b-row>
</b-col>
<b-col md="4" offset-md="1" class="recipe_block">
<b-row> <b-row>
<b-col>
<p>CHOCOLATE COVERED ANYTHING</p>
<b-col md="4" offset-md="4"> </b-col>
</b-row>
<b-row>
<b-col>
<b-img class="img-fluid" id="knife" src="media/magiun2/chocolate.jpg"> </b-img> <b-img class="img-fluid" id="knife" src="media/magiun2/chocolate.jpg"> </b-img>
</b-col> </b-col>
</b-row> </b-row>
<b-row class="recipe_block"> <b-row>
<b-col md="4" offset-md="2"> <b-col>
<p>CHOCOLATE COVERED ANYTHING</p> <div class="recipe">
<p> <p>
Ingredients<br> Ingredients<br>
One 100g bar of dark chocolate (72-85%) <br> One 100g bar of dark chocolate (72-85%) <br>
About 150g of cut up pieces of dried fruit <br> About 150g of cut up pieces of dried fruit <br>
</p> </p>
<p>Adaptation <br> 75g <br> 100g of anything that tastes great with chocolate!</p>
<p> <p>
Needed: small wooden spoon, chopsticks.</p> Needed: small wooden spoon, chopsticks.</p>
<p> <p>
@ -236,15 +236,16 @@ My family has a wide range of likes and dislikes and I kept this in mind too muc
<p> <p>
Place a small, sturdy ceramic bowl inside a pan with water. Use the burner that's closest to your working area. Bring to a boil and let it simmer low. Break the chocolate into pieces and add to the bowl. Stir with a small wooden spoon until it's all evenly melted.</p> Place a small, sturdy ceramic bowl inside a pan with water. Use the burner that's closest to your working area. Bring to a boil and let it simmer low. Break the chocolate into pieces and add to the bowl. Stir with a small wooden spoon until it's all evenly melted.</p>
</b-col>
<b-col md="4">
<br><br> <br><br>
<p>Adaptation <br> 75g <br> 100g of anything that tastes great with chocolate!</p>
<p> <p>
Throw a couple pieces of fruit/nuts into the chocolate and make sure they're fully covered. Use chopsticks to retrieve them, let the excess drip back into the bowl. Lay the candy on the baking sheet, leave a bit of space in between. If you have any chocolate left at the end, you can drip it in a fun shape. When you're all done, place the sheet in the fridge for about 30min or until hard.</p> Throw a couple pieces of fruit/nuts into the chocolate and make sure they're fully covered. Use chopsticks to retrieve them, let the excess drip back into the bowl. Lay the candy on the baking sheet, leave a bit of space in between. If you have any chocolate left at the end, you can drip it in a fun shape. When you're all done, place the sheet in the fridge for about 30min or until hard.</p>
</div>
</b-col>
</b-row>
</b-col> </b-col>
</b-row> </b-row>
</b-container> </b-container>
</template> </template>

Write Preview
Loading…
Cancel
Save