added new page, small fixes

src/components/AboutPage.vue

@@ -83,10 +83,10 @@ a {
                     <p></p>
                     <p>The first issue deals with eating in isolation - the struggles, the joys, the unexpected discoveries, the newly added anxieties. It came about as a desire to talk about our ever changing relationship to food, and how unexpected external factors (such as a global quarantine) can bring out new ways of relating to what we grow, buy, eat and share. The contributions were written and sent throughout April 2020. </p>
                     <p></p>
-                    <p>The second issue is about adapting - as a coping mechanism, a way of learning or a creative way of moving forward.</p>
+                    <p>The second issue is about adapting - as a coping mechanism, a way of learning or a creative way of moving forward. The contributions were sent in early 2021. The illustration on the cover shows one way of adapting, regrowing and coping with anxiety, by planting the ends of spring onions in an old can of olives to have a steady supply of greens. It's based on true facts.</p>
                     <p>Magiun is the name of a Romanian jam made out of plums, with no extra sugar added. It has a very thick consistency and a dark violet color, sometimes even black. The most well-known variety, <a href="https://en.wikipedia.org/wiki/Magiun_of_Topoloveni">Magiun de Topoloveni</a>, is the first Romanian certified natural product and protected by European Union. I grew up with a less well-known king of magiun, the one my grandparents used to prepare year after year in their yard, from plums I begrudgingly helped pick from our orchard. The making of magiun was a night-long affair, during which purple, fleshy plums melted away into a thick, sticky, dark brown paste. </p>
                     <p></p>
-                    <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. For questions/offers of help/contributions, you can send an <a href="mailto:hello@magiun.online">email</a>.</p>
+                    <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. The web and print design is masterfully done by <a href="https://simonbrowne.biz/bio/">Simon Browne</a>. For questions/offers of help/contributions, you can send an <a href="mailto:hello@magiun.online">email</a>.</p>
                     <p>The website has been made using Bootstrap-Vue. All content (text, images, illustrations) is licensed under the Free Art License, unless specified otherwise.</p>
                     <p>The first issue of the project has been developed with the help of the CBK Rotterdam PPR fund.</p>
         </b-col>

src/components/Issues.vue

@@ -0,0 +1,102 @@
+<style scoped>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Poppins&family=Raleway&family=Work+Sans:wght@900&display=swap');
+
+* {
+    border: 0px black solid;
+    background-color: white;
+
+}
+
+.about-text {
+  padding-right: 50px;
+  padding-top: 40px;
+  font-family: 'Poppins', sans-serif;;
+  font-size: 15px;
+  padding-left: 20px;
+  padding-bottom: 40px;
+}
+
+#scan {
+  width: 60%;
+}
+a:hover {
+  color: #333042;
+
+  text-decoration: none;
+
+}
+
+a {
+  color: #333042;
+  text-decoration: underline;
+}
+
+.container_width {
+  max-width: 100%;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 70px;
+
+}
+
+.title_story {
+  font-size: 300%;
+  font-family: 'Work Sans', sans-serif;
+  padding-top: 70px;
+  text-align: center;
+  border-right: 3px #ffcccc;
+  border-bottom: 3px #ffcccc;
+  /*border-radius: 120px 0px;*/
+  border-style: solid dotted;
+  height: auto;
+}
+
+#footer {
+  margin-left: 36px;
+  font-family: 'Poppins', sans-serif;
+}
+
+@media (max-width: 575px) {
+  .title_story {
+    font-size: 300%;
+    line-height: 52px;
+    padding-bottom: 16px;
+  }
+}
+
+</style>
+
+<template>
+
+  <b-container fluid class="p-0">
+    <MenuBar/>
+
+    <b-row>
+      <b-col md="8">
+        <p class="title_story">Issues out so far</p>
+
+      </b-col>
+    </b-row>
+    <b-row class="about-text">
+        <b-col md="6">
+          <p id="footer">
+            <a href="/firstissue">Issue #1: On eating in isolation</a>
+              <br>
+            <a href="/">Issue #2: On adapting</a></p>
+        </b-col>
+      </b-row>
+    </b-container>
+
+</template>
+
+<script>
+
+import MenuBar from './MenuBar'
+export default {
+    name: 'Issues',
+    components: {
+        MenuBar
+    }
+}
+
+</script>

src/components/MenuBar.vue

@@ -6,7 +6,7 @@
        <b-nav align="left">
           <b-nav-item to='/'>Home</b-nav-item>
           <b-nav-item to='/about'>About</b-nav-item>
-          <b-nav-item to='/firstissue'>Issues</b-nav-item>
+          <b-nav-item to='/issues'>Issues</b-nav-item>
           <b-nav-item to='/order'>Order</b-nav-item>
           <b-nav-item to='/opencall'>Contribute</b-nav-item>
 

src/components/OpenCallPage.vue

@@ -73,26 +73,29 @@ a {
 
     <b-row>
       <b-col md="8">
-        <p class="title_story">Open Call Magiun #2, on adapting</p>
+        <p class="title_story">Open Call Magiun #3, coming up soon!</p>
 
       </b-col>
     </b-row>
     <b-row class="about-text">
         <b-col md="6">
-
+          <p>Watch this space!</p>
+<!--
           <p>
 
 Back in Spring, nobody wanted to imagine we'd be in a similar situation months later. Now, we find ourselves in the winter of 2020. We have limited opportunities to hang out and share food with our friends and families or to celebrate pretty much anything. Even though we've had months to prepare, it's still hard to keep it together.</p>
 <p>
 On top of it all, there's a new challenge - getting ourselves in the right state of mind to spend the holidays far away from our loved ones. How have the last few months of adapting to a new way of life prepared us for the last push of the year? How much of what we're used to eating and experiencing are we going to try and recreate this winter? What will be new, or missing?</p>
 <p>
-The winter 2020 issue of Magiun is about adapting - as a coping mechanism, a way of learning or a creative way of moving forward. Whether you've adapted your expectations, taste, or methods, or failed in the process of adapting, I'd like to hear from you. Send your submissions until the 14th of February (text, image and anything in between) to hello@magiun.online</p>
+The second issue of Magiun is about adapting - as a coping mechanism, a way of learning or a creative way of moving forward. Whether you've adapted your expectations, taste, or methods, or failed in the process of adapting, I'd like to hear from you. Send your submissions until the 14th of February (text, image and anything in between) to hello@magiun.online</p> -->
         </b-col>
         <b-col md="6"></b-col>
 
     </b-row>
     <b-row>
       <p id="footer"><a href="/firstissue">Read the first issue</a></p>
+      <p id="footer"><a href="/">Read the second issue</a></p>
+
 
     </b-row>
   </b-container>

src/components/Order.vue

@@ -80,6 +80,7 @@ a {
     <b-row class="about-text">
         <b-col md="6">
 <p>To order, send an <a href="mailto:hello@magiun.online">email!</a></p>
+<p>Currently available in print:</p>
           <p>Magiun #1</p>
           <b-img class="img-fluid" id="scan" src="media/magiun_scan_test.jpg" alt=""></b-img>
         </b-col>

src/components/SecondEditionPage.vue

@@ -271,7 +271,7 @@ a {
       <b-row>
         <b-col>
           <footer>
-            <p class="footer_page">This web publication was created by Alice Strete</p>
+            <p class="footer_page">This web publication was created by Alice Strete with Simon Browne</p>
           </footer>
         </b-col>
       </b-row>

src/components/soulsoup.vue

@@ -228,7 +228,6 @@ crying, maybe quietly, but the company of cooking has offered me peace.</p>
 
       </b-col>
         </b-row>
-</b-row>
       </b-container>
 </template>
 

src/components/whatwecan.vue

@@ -252,7 +252,6 @@ is already there.</p>
       </b-col>
         </b-row>
 
-</b-row>
       </b-container>
 </template>
 

src/main.js

@@ -41,6 +41,7 @@ import whatwecan from './components/whatwecan'
 import lychee from './components/lychee'
 import anise from './components/anise'
 import Order from './components/Order'
+import Issues from './components/Issues'
 
 
 Vue.config.productionTip = false
@@ -78,7 +79,8 @@ const router = new VueRouter({
     { path: '/whatwecan', component: whatwecan },
     { path: '/lychee', component: lychee },
     { path: '/anise', component: anise },
-    { path: '/order', component: Order }
+    { path: '/order', component: Order },
+    { path: '/issues', component: Issues }
 
   ]