magiun_website/src/components/EditorNote2.vue

<style scoped>



* {
    border: 0px black solid;
    background-color: #fff5f5;

}

.about-text {
  padding-right: 50px;
  padding-top: 40px;
  font-family: 'Poppins', sans-serif;;
  font-size: 15px;
  padding-left: 20px;
  padding-bottom: 40px;
}

a:hover {
  color: #333042;

  text-decoration: none;
}

a {
  color: #ff4c2b;
}

#footer {
  margin-top: 14em;
  margin-left: 30px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 3em;

}

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

}
.title_story {
  font-size: 80px;
  font-family: 'Work Sans', sans-serif;
  padding-left: 20px;
  padding-top: 70px;
  color: #333042


}

.author {
  font-size: 20px;
  font-family: 'Poppins', sans-serif;;
  padding-left: 20px;
}

.small_icon {
  max-width: 20%;
  padding-top: 70px;
}

@media (max-width: 575px) {
  .title_story {
    font-size: 25px;
  }
  .small_icon {
    max-width: 50%;
    padding-top: 20px;
    padding-left: 50px;

  }
  .author {
    font-size: 15px;
  }
}

</style>

<template>

  <b-container fluid class="p-0">

    <MenuBar/>

    <b-row>
      <b-col md="8">
        <p class="title_story">Before and after</p>
        <b-row>
          <b-col md="6">
            <p class="author">a note by Alice Strete</p>

          </b-col>
        </b-row>
      </b-col>
      <b-col md="1">
      </b-col>
      <b-col md="2" class="small_icon">

      </b-col>
      <b-col md="1">
      </b-col>
    </b-row>
    <b-row class="about-text">
        <b-col md="6">
<p>It’s funny and tragic at the same time to think of all the things we thought would change a year ago, all the ways we thought we’d relearned our habits and we could never go back to what life was like ‘before’. There’s no need to even be specific when we talk about ‘before’. We all understand.</p>
<p>

Here’s some of the things I did differently for the most part of last year - I used leftovers creatively, threw out less food, shopped weekly, and heavily cut down on impulse shopping. Did I manage to keep up these habits? No. I’m fine with that.</p>
<p>
But then again, perhaps we’ve adapted in other ways, infinitely more subtle, harder to point out and put in a list.</p>

<p>
I thought this issue would come out in the winter, because I wanted it to talk about all the ways in which this year’s winter holidays have changed. What I hadn’t anticipated was a most natural burnout that came over me after a year spent locked up in my room, overwhelmed with working on other people’s projects and ideas. When it came time to work on my own stuff, I froze. Why I hadn’t seen that coming is beyond me.
But here we are, it’s the <strike>middle</strike> end of <strike>April</strike> <strike>May</strike> August and I’m slowly moving forward.</p>
<p>
In the past year I’ve followed the slow rise and fall of the sun through all the windows around my house, noting the increasing number of minutes of daylight, noting the exact time when the sun starts to shine on my side of the table in the multifunctional room previously known as bedroom, and the number of minutes I can steal in the sun in the livingroom before it sets behind the neighbouring building.</p>
<p>
I’ve recently started watching other people perform their daily routines on YouTube, making me wish that my daily routines were more presentable, more desirable by others.
I’ve learned to adapt dinners at friends’ homes to end abruptly in time to get home before the curfew, adapt recipes gone viral on tiktok to fit my flavour profile, adapt Korean street food I’ve never tasted outside of my own kitchen.</p>
<p>
In similar ways, the contributors to this second issue have marked the passage of time and the changes in life - by making note of the small changes in their habits, by noticing how they’ve started to adapt to new realities, or how much of their past they chose to keep.
</p>
        </b-col>

    </b-row>
    <b-row><b-col md="6">
      <p id="footer"><a href="/editornote1">Read the editor note for the first issue.</a></p>
</b-col></b-row>
  </b-container>

</template>

<script>

import MenuBar from './MenuBar'
export default {
    name: 'EditorNote',
    components: {
        MenuBar
    }
}

</script>