You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

119 lines
3.7 KiB
Vue

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<style scoped>
@import url('https://fonts.googleapis.com/css2?family=Viga&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
* {
border: 0px black solid;
background-color: #ffe6e6;
}
.title_story {
font-size: 80px;
font-family: 'Viga', sans-serif;
padding-left: 20px;
padding-top: 20px;
}
a:hover {
color: hotpink;
text-decoration: none;
}
a {
color: gray;
}
.content {
padding-right: 50px;
padding-top: 40px;
font-family: 'Roboto Mono', monospace;
font-size: 15px;
padding-left: 20px;
}
#egg_images img {
width: 100%;
padding-top: 40px;
}
.container_width {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
</style>
<template>
<b-container fluid class="container_width">
<MenuBar/>
<b-row>
<b-col md="8">
<p class="title_story">The bite that keeps on chewing</p>
</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>
<b-col md="5">
<div class='content'>
<p>
Lately theres been a lot commotion around baking. I guess that, during these times of economic uncertainty and increased safety in regards to our health, baking has regained its historic potential in terms of comforting and nurturing our struggles. Whether we bake a modest loaf of bread, or we venture in the realm of flamboyant pastries, theres no denying that it is a zesty and satisfying endeavor.
</p>
<p>
For me, this lockdown has been considerably ameliorated by the prospects of cooking as a practice which brings order, stability and serious amounts of satisfaction. Ive been tapping into some behaviors which I rarely had time for prior to this forced isolation situation. Ive been seriously developing a structuring habit in terms of batch-cooking and efficiently (re-)using ingredients which resulted in minimal waste, compared to earlier days when I had to deal with forsaken spoiled items that didnt get the chance to be prepared in any way. Ive also previously had a strange aversion for working with dough, batter and ovens, mainly being intimidated by my past failures with unrisen cakes and rock-hard pizza crusts. Thus, having more time on my hands during the lockdown has resulted in an enhanced persistence and a newly found soft spot for baking.
</p>
<p>
However, its hard to find resources which were quite common prior to this lockdown situation. Stockpiling and other anxious behaviors make it difficult to still come across the basics, such as yeast or plain wheat flour, which are main staples of European dough. In an attempt to stay resourceful and simultaneously seek novelty, Ive started looking into rice flours and their glutinous possibilities. The incredibly gratifying chew of Japanese mochi soon revealed itself to me in cake form: Black Sesame Mochi Cake with Black Sesame Caramel.
</p>
</div>
</b-col>
<b-col md="7">
<b-container fluid id="egg_images">
<b-row>
<b-col md="2">
</b-col>
<b-col md="8">
<b-img class="img-fluid" src="media/cake/black_sesame_mochi_cake.jpg"> </b-img>
</b-col>
<b-col md="2">
</b-col>
</b-row>
<b-row>
<p>The recipe is as follows</p>
</b-row>
</b-container>
</b-col>
</b-row>
</b-container>
</template>
<script>
import MenuBar from './MenuBar'
export default {
name: 'cake',
data: function() {
return {
}
},
components: {
MenuBar
}
}
</script>