magiun_website/src/components/edition3/twoberries.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;
}
#illustration {
  width: 100%;
  float: left;
  margin-top: 150px;
  filter: grayscale(80%) contrast(80%) opacity(50%);

}

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

.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;
}
.image_container {
  padding-top: 5px;
}

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


.img-fluid {
  filter: sepia(100%) saturate(300%) brightness(100%) hue-rotate(270deg);
}



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

.zoom {
  max-width: 100%;
}

.color_back {
  background-color: #FFE9FA;
}

.color_next {
  background-color: #EDECFF;
}


@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;
     }
   }

</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">
              <a href="/EditorNote3" id="leftarrow"><b-img src="media/left-arrow.png"></b-img></a>
              <p id="onhover_left">Editor's note</p>
            </b-col>
          </b-row>

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

              <b-img class="photo" src="media/twoberries/oul.png"> </b-img>


          </div>

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

      <b-col md="4" class="color_back">
        <b-row>
          <b-col md="12">
          <p class="title_story">Floating on Habit</p>
        </b-col>
        </b-row>
          <b-row>
            <b-col md="12">
              <p class="author">by Alina Turdean</p>

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

<div class='content'>


<p>7:30 alarm ON, 2 to 3 snoozes, 1 espresso ristretto, 1 cup of tea - ginger or mint, even licorice to be daring, 3 sun salutations, stretch, stretch, 200 crunches, breath, meditate (but no more than 10minutes), shower, breakfast: oats, banana, 2 berries of choice, yogurt. Repeat.</p>
<p>
I always relied on routine to find my balance. My eating routines regulate my irregularities.
There was that time when I had a tablespoon of coconut oil on an empty stomach every morning. The one where I fasted every Wednesday. And the holy one I still abide by: eggs on toast, garden salad topped with sprouts on the side as a weekend relief. Repetition, particularly about my eating choices, has long been my beacon of light in times of uncertainty. One could jokingly say that I am a creature of habit but habits kept me afloat while navigating the unstable waters of freelancing, living in different countries, and lately making sense of a global pandemic. When everything is uncertain you can always rely on your poached eggs on
avocado toast every Sunday brunch, or Monday, or Thursday if need be.
</p>
<p>
My routines can be seasonal, personal, and always closely intertwined with my emotional state.
They are deeply connected with eating and feeding the feelings or lack thereof. This early winter it was all about overcoming the passing of my grandmother by cooking the Matzah ball soup she used to make for me as a little girl. This attempt at comforting myself took a life of its own as the soup seeped its way into our weekly routine as a household and we stocked up on semolina flour while I passed the recipe on to my peers. This too became a household regular, one for the book of yet-unwritten recipes of our kitchen routines, comforting, in turn, others that knew very little of my grandmother or my growing up alongside her, yet enjoyed nonetheless sharing the stories and warm broths that provided an enfolding comfort despite the absence.
</p>
<p>
These routines are in fact themselves recipes for survival (and a tad bit of control). And executing them like a good little soldier brings me a sense of accomplishment. I relish in the small tasks: making the bed every morning, watering my plants every Monday, eating my eggs every weekend. The raft I sail on is made up of all these small acts of comforting and I must say it is pretty yarn. But this can easily become a trap of eating oats, banana, 2 berries of choice, and yogurt for months on end, or doing your groceries practically with your eyes closed, little variation and a great number of dramatic pauses when favored ingredients become unavailable.
</p>
<p>
Being grounded in one’s rituals without becoming totally bland is in itself a battle worth tackling on every grocery shopping occasion by purchasing (at least two!) new ingredients and adding thus an element of much-needed surprise in your carefully constructed stability. One must continue exerting control without succumbing entirely to predictability! As I constantly try to remind myself when reaching for the carton of eggs in a comforting panic.
</p>
<p>
But blandness aside, I like this certainty of a particular food or a recipe that can allow you a soothing break. Whether enabling you to again be a five-year-old little girl in your grandmother’s kitchen, tackling Matzah balls with a spoon bigger than your own head, or weaving a raft of stability in an ever-changing, ever-menacing new normality. Because food can be great, like that.
</p>
</div>

      </b-col>
      <b-col md="4" class="color_next">
        <b-row class="controls">
            <b-col md="12" class="arrows">
              <a href="/workfromhome" id="rightarrow"><b-img src="media/right-arrow.png"></b-img></a>
              <p id="onhover_right">Freestyle Platouaș</p>
            </b-col>
          </b-row>
          <b-row>
        <b-col md="4" >
              <b-img id="illustration" src="media/illustrations_3/berries_small.png"></b-img>
      </b-col>
      </b-row>
      </b-col>

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

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

    components: {
        MenuBar
    }
}


</script>