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

fixed anise

Browse Source
master
alicestrt 3 years ago
parent 4214bb8a41
commit 9f0e6e750a
1 changed files with 69 additions and 64 deletions
Show Stats Download Patch File Download Diff File

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

@ -4,7 +4,7 @@
* { * {
border: 0px black solid; border: 0px black solid;
background-color: #fff5f5; background-color: #F7F7F7;
} }
@ -28,43 +28,41 @@ a {
} }
.content { .content {
padding-right: 50px;
padding-top: 40px; padding-top: 20px;
font-family: 'Poppins', sans-serif;; font-family: 'Poppins', sans-serif;;
font-size: 15px; font-size: 15px;
padding-left: 20px; padding-bottom: 10px;
padding-bottom: 40px; padding-left: 60px;
padding-right: 60px;
} }
.title_story { .title_story {
font-size: 80px; font-size: 80px;
font-family: 'Work Sans', sans-serif; font-family: 'Work Sans', sans-serif;
padding-left: 20px; text-align: center;
padding-top: 70px; padding-top: 70px;
color: #333042 color: #333042
} }
.image_container {
padding-top: 10px;
}
.author { .author {
font-size: 20px; font-size: 20px;
font-family: 'Poppins', sans-serif;; font-family: 'Poppins', sans-serif;;
padding-left: 20px; text-align: center;
} }
.image_container img { .image_container img {
max-width: 80% max-width: 50%;
margin-bottom: 10px;
} }
.small_icon { .small_icon {
max-width: 20%; max-width: 20%;
padding-top: 70px; padding-top: 100px;
} }
@ -74,23 +72,31 @@ 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;
margin-bottom: 30px; margin-bottom: 30px;
} }
@media (max-width: 575px){ #anisecup {
.small_icon { transform: rotate(90deg);
max-width: 50%; width: 40%;
padding-top: 20px; }
} #aniseillu {
.title_story { margin-left: 20%;
font-size: 30px; margin-bottom: 0px;
} }
.author {
font-size: 15px; @media (max-width: 575px){
} .small_icon {
} display: none;
}
.title_story {
font-size: 30px;
}
.author {
font-size: 15px;
}
}
</style> </style>
@ -98,21 +104,22 @@ a {
<b-container fluid class="p-0"> <b-container fluid class="p-0">
<MenuBar/> <MenuBar/>
<b-row> <b-row>
<b-col md="1" offset-md="1" class="small_icon">
<div class="zoom">
<a href="/lychee"><b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/lychee_prev.png"> </b-img></a>
</div>
</b-col>
<b-col md="8"> <b-col md="8">
<p class="title_story">Adapting to adaptations</p> <p class="title_story">Adapting to Adaptations</p>
<b-row> <b-row>
<b-col md="6"> <b-col md="12">
<p class="author">essay and recipes by Inge Hoonte</p> <p class="author">essay and recipes by Inge Hoonte</p>
</b-col> </b-col>
</b-row> </b-row>
</b-col> </b-col>
<b-col md="2" class="small_icon">
<div class="zoom"> <b-col md="1" class="small_icon">
<a href="/lychee"><b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/lychee_prev.png"> </b-img></a>
</div>
</b-col>
<b-col md="2" class="small_icon">
<div class="zoom"> <div class="zoom">
<a href="/knife"><b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/knife_next.png"> </b-img></a> <a href="/knife"><b-img center class="img-fluid" alt="Responsive image" src="media/magiun2/knife_next.png"> </b-img></a>
</div> </div>
@ -122,7 +129,18 @@ a {
<b-row> <b-row>
<b-col md="5"> <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>
<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!*
@ -147,19 +165,19 @@ Like most people, the way I cook (and shop) has changed. It's more sparse, proba
</div> </div>
</b-col> </b-col>
<b-col md="7"> </b-row>
<b-container fluid> <b-row>
<div class="image_container">
<b-row>
<b-col md="9" offset-md="3">
<b-img class="img-fluid" id="knife" src="media/magiun2/anise_cup.jpeg"> </b-img>
<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-col>
</b-row>
</b-row>
<b-row class="recipe_block"> <b-row class="recipe_block">
<b-col md="6"> <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>
<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>
@ -167,23 +185,24 @@ In a mid-sized pan, pour 1L of dark/organic apple juice, or apple cider. Add 2-3
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>
<b-col md="6"> <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>
</b-col> </b-col>
</b-row><b-row> </b-row>
<b-row>
<b-col md="9" offset-md="3"> <b-col md="4" offset-md="4">
<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 class="recipe_block">
<b-col md="6"> <b-col md="4" offset-md="2">
<p>CHOCOLATE COVERED ANYTHING</p> <p>CHOCOLATE COVERED ANYTHING</p>
<p> <p>
Ingredients<br> Ingredients<br>
@ -199,30 +218,16 @@ My family has a wide range of likes and dislikes and I kept this in mind too muc
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>
<b-col md="6"> <b-col md="4">
<br><br> <br><br>
<p>Adaptation <br> 75g <br> 100g of anything that tastes great with chocolate!</p> <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>
</b-col> </b-col>
</b-row> </b-row>
<b-row>
<b-col md="6">
</b-col>
<b-col md="6">
</b-col>
</b-row>
</div>
</b-container> </b-container>
</b-col>
</b-row>
</b-container>
</template> </template>
<script> <script>

Write Preview
Loading…
Cancel
Save