magiun_website/src/components/edition3/bananas.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;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

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

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

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

}

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

.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: #FFB37B;
}

.color_next {
  background-color: #FFFFF3;
}

@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">
                <router-link to="/workfromhome" id="leftarrow"><b-img src="media/left-arrow.png"></b-img></router-link>
                <p id="onhover_left">Freestyle Platouaș</p>
              </b-col>
            </b-row>
            <b-container fluid>
              <div class="image_container">

              <b-img class="photo" src="media/sylvie/SIR[PRIZE].png"> </b-img>


          </div>

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

      <b-col md="4" class="color_back">
        <b-row>
          <b-col md="12">
          <p class="title_story">[each] TUESDAY AFTERNOON</p>
        </b-col>
        </b-row>
          <b-row>
            <b-col md="12">
              <p class="author">by Sylvie van Wijk</p>

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

<div class='content'>

<p>[each] TUESDAY AFTERNOON
</p>
<p>
finds us gleaning on the floor of a defragmented store [1]</p>
<p>
It forms as a counterpoint to the supermarket which often is a site of stress for me - with all the bodies squeezing past, TL light squeezing in, dizzying pace and nauseating offer. Stiff with doctored shelf lives, the foods are bulging from their racks and wrappers. All year round without interruption. Overstocked and over-stacked. It’s as if the store tries to undo itself of its contents urgently somehow.
</p>
<p>
While there is freedom in gleaning there is also restriction. It’s a practice situated in a network of
problems. It concerns the retrieval of food that has slipped through the seams of a net I don’t fully understand yet. Food on the brink of going off is cleared and cleaned. Left to rot. Left to die. Wasting away, quite literally inside the belly of some vacuum van or trash can. It’s a sealed deal dissolving over-production. Many supermarkets keep their trash under control and outside of access.</p>
<p>
The market’s closing song signals a different business altogether</p>
<p>
It’s all seagulls screaming, blue bags dusting in the wind, workers sounding metal on metal, and fruits rolling into place. It’s a tip, too much from everywhere.</p>
<p>

With a humming on our heels, we pick ripe from rot. Filling our bags and pockets with this week’s feed. It’s a quest to be swift as our window of chance and free purchase stretches narrow between packed up stalls and the vacuum van.
</p>
<p>
What fruits are left of today’s labour? It’s all a gamble - repetitive to the point of all surprise. Determined by time and again</p>
<p>

The end of summer was filled with melons and mangoes gone soft. Now, we’re running out of plum season, all wet and endless pies, to come in time for apples and pears. Carrots and kale. For creating stews, stamppots and soups.
</p>
<p>
I have come to locate myself in time and space, not through the movements of celestial bodies like the sun and moon but fruits and vegetables along the sky, over the water and way [2].
</p>
<p>
Bananas mean a good day. A badly bruised bunch of bananas mean a best day – for baking bread moist with alcohol.
</p>
<p>
The best finds are the odds: circular cucumbers, bi-coloured clementines, a singular shitake 3 weeks in a row, an eggplant the size of my index finger, and an alive sea snail.
</p>
<p>
The most found fruit in the market’s aftermath: a litter of lemons and limes. Bringing acidity into my palette and kitchen as a language, a flavour previously unexplored. Initiating teas and an endless variety of vinaigrettes. Sometimes the finds pose a challenge, often because of their quantity and slim shelf life. What do you do with the 3 kilos of green beans you brought back home? Day 1 is for boiling. Day 2 for processing the boiled beans into burgers on toast. If they haven’t gone off, the leftovers on the 3rd Day are for a grand roasting.
</p>
<p>
One accidental Tuesday turned into several turned into most. It began as a way to eat when my money was about to run out, but I have started to enjoy these days demarcating my weeks. They form a small universe of sorts, thick with life. I like seeing the familiar faces of fellows, friends, and non-friends alike. Those selling the food from stalls, those doing the clearing, the cleaning, the gleaning. Crooked comrades and equally broke. There’s a guy that works taking down the stalls. Each week he greets me with the same smile and same ‘how are you?’. This week it’s a cauliflower he hands me, next week it’ll be a bag of beans.</p>
<p>

The practice of gleaning possesses a charm in chance and a constant in chaos.
A concluding consideration: it’s a hot paradox. The practice of collecting cast food has allowed me to gulp down and give out food, especially fruits, I previously perceived too pricey to purchase. It has made me feel like a peasant – but royally feasting.
</p>
</div>

      </b-col>
      <b-col md="4" class="color_next">
        <b-row class="controls">
            <b-col md="12" class="arrows">
              <router-link to="/popcorn" id="rightarrow"><b-img src="media/right-arrow.png"></b-img></router-link>
              <p id="onhover_right">Yes, Chef</p>
            </b-col>
          </b-row>
          <b-row>
        <b-col md="4" >
              <b-img id="illustration" src="media/illustrations_3/bananas_small.png"></b-img>
</b-col>
  </b-row>
      </b-col>

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

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

</script>