magiun_website/src/components/edition3/vodka.vue

<style scoped>

@font-face {
  font-family: 'AUTHENTICSansLight';
  src: url('../../../fonts/AUTHENTICSans-60.otf');
  font-weight: lighter;
}

@font-face {
  font-family: 'AUTHENTICSans';
  src: url('../../../fonts/AUTHENTICSans-90.otf');
  font-weight: 400;
}



* {
    border: 0px black solid;
    background-color: transparent;
}



.container_width {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 70px;
}


a:hover {
  color: hotpink;
  text-decoration: none;
}

a {
  color: gray;
}

.content {
  /*padding-right: 50px;*/
  /*padding-left: 60px;*/
  font-family: 'AUTHENTICSansLight';
  font-weight: lighter;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 40px;
  color: black;
  text-align: left;

}

.controls {
  padding-top: 12px;
  height: 120px;
  z-index: 1;
  position: relative;
  }

.title_story {
  font-size: 48px;
  font-family: 'AUTHENTICSans', sans-serif;
  font-weight: 400;
  padding-top: 70px;
  color: black;
  text-align: left;
}
.author {
  font-size: 36px;
  font-family: 'AUTHENTICSans', sans-serif;
  font-weight: 400;
  text-align: right;
  color: black;
}

.arrows {
  font-size: 40px;
  top: 30px;
  color: black;
  vertical-align: top;
  overflow: hidden;
  font-family: 'AUTHENTICSans';
}

.arrows p {
visibility: hidden;
}

.arrows:hover p {
  visibility: visible;

}
.arrows a {
    display: block;
}


#leftarrow {
  float: left;
  color: black;
}

#rightarrow {
  float: right;
  color: black;
}

#onhover_right {
  font-size: 15px;
  margin-top: 60px;
  text-align: right;
}

#onhover_left {
  font-size: 15px;
  margin-top: 60px;
  text-align: left;
}

#illustration {
  width: 50%;
  float: left;
  margin-top: 150px;
  filter: grayscale(80%) contrast(80%) opacity(50%);

}

#illustration:hover {
  filter: grayscale(0%);
}

.image_container {
  padding-top: 5px;
}

.photo {
  max-height: 100%;
  max-width: 100%;
  padding: 12px;
  margin-top: 150px;
}


.small_icon {
  max-width: 60%;
  padding-top: 100px;
}

.zoom {
  max-width: 100%;
}

.color_back {
  background-color: #FBFFF0;
}

.color_next {
  background-color: #D7FFE9;
;
}

@media (max-width: 575px){
     .small_icon {
       display: none;

     }
     .title_story {
       font-size: 48px;
     }
     .author {
       font-size: 21px;
     }

     .content {
       padding-bottom: 40px;
     }

     .photo {
       padding-bottom: 40px;
     }

     #illustration {
       width: 60%;
       display: block;
     }
   }

</style>

<template>
  <b-container fluid class="p-0">
    <MenuBar/>


    <b-row>
        <b-col md="4" class="color_back">
          <b-row class="controls">
              <b-col md="12" class="arrows">
                <router-link to="/olives" id="leftarrow"><b-img src="media/left-arrow.png"></b-img></router-link>
                <p id="onhover_left">A Jar of Green Olives</p>
              </b-col>
            </b-row>

            <b-row>
            <b-container fluid>
              <div class="image_container">

              <b-img class="photo" src="media/ana.jpg"> </b-img>


          </div>

          </b-container>
        </b-row>

        </b-col>

        <b-col md="4" class="color_back">
          <b-row>
            <b-col md="12">
              <div class="hovering">
            <p class="title_story">Spoiled</p>

          </div>
          </b-col>
          </b-row>
            <b-row>
              <b-col md="12">
                <p class="author">by Ana-Maria Gușu</p>

              </b-col>
            </b-row>

<div class='content'>

<p>
  I grew up with nannies that would cook and clean for my whole family. I remember sitting around the table with my parents and deciding what we will have prepared for the upcoming week. Aubergine parmigiana? Stuffed chicken? Tomato soup? In those years mom had built a menu of healthy Romanian and international recipes so every combination would be a successful meal. Our nanny would cook Mondays and Thursdays and we had that food for the week. No questions asked. Tuesdays were the best days because it was TV & pizza night. Home-made pizza. Tuesdays made us look more normal to outside families. I loved our nannies but I knew that at one point the spoiled fantasy routine would end.
</p><p>
  Moving on your own makes you appreciate your parents’ fridge more. Where food appears magically without your labor being needed. The first time I really cooked was in my new apartment in The Netherlands. That first semester of university was a routine of no self-control, pure experimentation, and a long process to finally master my microwave oven. Making food was a task I started to enjoy more and more, transforming into the love affair between procrastination and hunger. Productive procrastination. Cooking also became a comfort. I was reaching for food anytime school was too stressful. When I was scared I cooked. When I was alone I cooked. When I was in doubt I cooked. I can just say that going home to my Eastern European country after 5 months, led people to observe my rounder shape and compliment me on it before saying hello. The unwanted attention spoiled me, but in the wrong way.
</p><p>
  What was next to come was a season of what my friends describe as an exaggeration, but as with any diet, people will always have an opinion. More than no bread, no sugars and a lot of avocados, the diet I followed religiously for 2 months got the job done. No sugar. And I mean it. I lost the weight and created a routine for myself, one that didn’t please anybody but myself, and the online blogs I was reading. For the first time in my life, I had my structure in how I was cooking and preparing food. I was restricting almost all the intake of what others consider normal student food. I was surviving on loads of meat, salad, and whatever fruits I was allowed to eat so I can get some glucose in my system. I liked the control. The diet was also a reaction to the cultural routine of eating with others. My friends went insane having to make cauli ower rice-no sugar-no lactose-based meals, only for me to be able to attend gatherings. It made my social life quite miserable because googling what drinks are low in calories is not fun. By the way: vodka. Vodka is the answer to that question. After losing my period and making a hole in my budget I realized I need to adapt to a new system of feeding myself, one that embraces my “spoiled” past and one that makes amends with the control freak chef that I am.
</p><p>
  In my mother’s fashion, I will ask you to read out-loud the recipe I wrote for you:<br>
  Go to the market<br>
  Buy 2 zucchinis, 5 tomatoes, 2 eggplants, 2 onions, and a big jar of tomato sauce<br>
  Dice the onions and cut the vegetables into round slices<br>
  Add the tomato sauce and onions in 2/3 oven baking dishes<br>
  Place the vegetables in the sauce in a layered fashion<br>
  Splash with olive oil and spices (preferably Italian and the usual pepper and salt<br>
  Put in (microwave) oven at the highest temperature for 40 minutes<br>
  Look at the “No Sugar Daddy” postcard above your head.<br>
  Take the dishes out carefully<br>
  Now you have Ratatouille<br>
  For 3 days<br>
  Enjoy,<br>
  Ana

</p>
</div>

      </b-col>
      <b-col md="4" class="color_next">
        <b-row class="controls">
            <b-col md="12" class="arrows">
              <router-link to="/mittens" id="rightarrow"><b-img src="media/right-arrow.png"></b-img></router-link>
              <p id="onhover_right">How to Poach an Egg (Perfectly)</p>
            </b-col>
          </b-row>
          <b-row>
        <b-col md="4" >
              <b-img id="illustration" src="media/illustrations_3/vodka_small.png"></b-img>
</b-col>
  </b-row>

      </b-col>
        </b-row>

      </b-container>
</template>

<script>
import MenuBar from '../MenuBar'
export default {
    name: 'vodka',
    data: function() {
        return {
        }
    },
    components: {
        MenuBar
    }
}

</script>