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;
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=Open+Sans&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;
background-color: #F7F7F7 !important;
background-color: #FFD600 !important;
}
body {
background-color: #F7F7F7;
background-color: #FFD600;
min-height: 100vh;
}
#magi {
width: 60%;
width: 40%;
z-index: -1;
padding: 20px;
--color-stop: #fff5f5;
@ -29,36 +32,22 @@ body {
}
#mag_title {
font-size: 400%;
font-size: 450%;
/*color: #ffcccc;*/
color: #333042;
color: #1B75BC;
font-family: 'Work Sans', sans-serif;
text-align: center;
z-index: 1;
border-top: 3px #ffcccc;
border-left: 3px #ffcccc;
border-style: solid dotted;
/*border-radius: 0px 72px;*/
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 {
font-size: 200%;
font-family: 'Work Sans', sans-serif;
color: #333042;
color: #1B75BC;
text-align: center;
border-right: 3px #ffcccc;
border-bottom: 3px #ffcccc;
/*border-radius: 120px 0px;*/
border-style: solid dotted;
height: auto;
padding: 6px;
}
@ -73,18 +62,6 @@ body {
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 {
border-right: 3px dotted #ffcccc;
@ -96,32 +73,28 @@ body {
}
#toc {
color: #333042;
font-family: 'Work Sans', sans-serif;
color: #1B75BC;
font-family: 'Happy Times';
text-align: center;
font-size: 300%;
padding-top: 20px;
padding-bottom: 20px;
border-top: 3px solid #ffcccc;
border-left: 3px dotted #ffcccc;
font-size: 100%;
text-align: center;
border: 8px dotted #1B75BC;
padding: 5px;
}
.item {
height: auto;
width: auto;
text-align: center;
margin-bottom: 20px;
color: #333042;
font-family: 'Work Sans', sans-serif;
a {
color: #1B75BC;
}
#menu_title {
text-align: center;
font-family: 'Work Sans', sans-serif;
font-size: 150%;
margin-bottom: 30px;
margin-top: 80px;
color: #333042;
.author {
color: #1B75BC;
}
#edition {
color: #1B75BC;
font-family: 'Happy Times';
margin-top: 55px;
}
@ -170,15 +143,6 @@ body {
}
}
a:hover {
color: #ff4c2b;
text-decoration: none;
}
a {
color: #333042;
}
#main_container {
padding-top: 100px;
@ -236,16 +200,19 @@ a {
<b-row id="main_container">
<b-col md="6">
<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>
</b-col>
</b-col>
<b-col md="3" id="edition">
Summer 2021
</b-col>
</b-row>
<b-row>
<b-col md="8" offset-md="4">
<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-row>
<b-row>
@ -258,15 +225,21 @@ a {
<b-col md="6">
<b-row>
<b-col md="8" offset-md="2">
<p id="menu_title">Magiun #2 On adapting</p>
<p class="item"><a href="/knife">Paper Thin</a></p>
<p class="item"><a href="/simmered">Simmered Egg</a></p>
<p class="item"><a href="/soulsoup">Chicken Soup for Soul</a></p>
<p class="item"><a href="/phone">Christmas Dinner</a></p>
<p class="item"><a href="/whatwecan">We do what we can with what we have</a></p>
<p class="item"><a href="/lychee">Have you eaten yet?</a></p>
<p class="item"><a href="/anise">Adapting to adaptations</a></p>
<b-col md="8" offset-md="2" id="toc">
<p class="item"><a href="/knife">PAPER THIN</a><br>Yoana Buzova</p>
<br>
<p class="item"><a href="/simmered">SIMMERED EGG</a> <br>Dorothy Cheung</p>
<br>
<p class="item"><a href="/soulsoup">CHICKEN SOUP FOR SOUL</a><br>Patricia Cirtog</p>
<br>
<p class="item"><a href="/phone">CHRISTMAS DINNER</a><br>Valentina Vella</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>

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

@ -85,16 +85,19 @@ a {
margin-bottom: 30px;
}
#anisecup {
transform: rotate(90deg);
width: 40%;
}
#aniseillu {
margin-left: 20%;
margin-bottom: 0px;
}
.recipe_title {
padding-bottom: 20px;
}
.recipe {
margin-top: 20px;
}
@media (max-width: 575px){
.small_icon {
display: none;
@ -122,14 +125,21 @@ a {
<p>xxxxxxxxxxx</p>
</b-col>
</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">
<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>
</b-col>
<b-col md="8">
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p class="title_story">Adapting to Adaptations</p>
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p class="author">essay and recipes by Inge Hoonte</p>
@ -137,29 +147,7 @@ a {
</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-row>
<b-row>
<b-col md="8" offset-md="2">
<b-row>
<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>
</div>
</b-container>
</b-row>
<b-col md="5">
<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!*
@ -185,49 +173,61 @@ Like most people, the way I cook (and shop) has changed. It's more sparse, proba
</b-col>
</b-row>
<b-row>
<b-col md="5" offset-md="5">
<div class="image_container">
<b-img class="img-fluid" id="anisecup" src="media/magiun2/anise_cup.jpeg"> </b-img>
</div>
</b-col>
<b-row>
</b-row>
<b-row class="recipe_block">
<b-col md="4" offset-md="2">
<b-col md="4" offset-md="2" class="recipe_block">
<b-row>
<b-col>
<div class="image_container">
<b-img class="img-fluid" id="anisecup" src="media/magiun2/anise_cup.jpeg"> </b-img>
</div>
</b-col>
<b-col>
<p id="recipe_title"> POUR YOURSELF A QUARANTINI</p>
</b-col>
</b-row>
<b-row>
<b-col>
<div class="recipe">
<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>
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>
</b-col>
<b-col md="4">
<p>
Optional adaptation: Start the other way around, and add all the spices to the rum, instead of the apple juice.</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>
</div>
</b-col>
</b-row>
</b-col>
</b-row>
<b-col md="4" offset-md="1" class="recipe_block">
<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-col>
</b-row>
<b-row>
<b-col>
<div class="recipe">
</b-row>
<b-row class="recipe_block">
<b-col md="4" offset-md="2">
<p>CHOCOLATE COVERED ANYTHING</p>
<p>
Ingredients<br>
One 100g bar of dark chocolate (72-85%) <br>
About 150g of cut up pieces of dried fruit <br>
</p>
<p>Adaptation <br> 75g <br> 100g of anything that tastes great with chocolate!</p>
<p>
Needed: small wooden spoon, chopsticks.</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>
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>
<p>Adaptation <br> 75g <br> 100g of anything that tastes great with chocolate!</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>
</div>
</b-col>
</b-row>
</b-col>
</b-row>
</b-row>
</b-container>
</template>

Write Preview
Loading…
Cancel
Save