From 72b6136f91e7848911f06c6e2ad4153752fc7617 Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Thu, 15 Apr 2021 14:48:54 +0200
Subject: [PATCH] cleaned up page and changed background color

---
 src/components/AboutPage.vue         |   2 +-
 src/components/EditorNote.vue        |   2 +-
 src/components/EditorNote2.vue       |   2 +-
 src/components/MenuBar.vue           |   4 +-
 src/components/OpenCallPage.vue      |   4 +-
 src/components/SecondEditionPage.vue | 163 ++++-----------------------
 src/components/SplashPage.vue        |  17 ++-
 src/components/bbq.vue               |   2 +-
 src/components/breakfast.vue         |   2 +-
 src/components/cake.vue              |   2 +-
 src/components/cart.vue              |   2 +-
 src/components/eggs.vue              |   2 +-
 src/components/leekpilaf.vue         |   2 +-
 src/components/noodles.vue           |   2 +-
 src/components/onion.vue             |   2 +-
 src/components/pesto.vue             |   2 +-
 src/components/pretzel.vue           |   4 +-
 src/components/recipe.vue            |   2 +-
 src/components/ricecooker.vue        |   2 +-
 src/components/scooter.vue           |   2 +-
 20 files changed, 57 insertions(+), 165 deletions(-)

diff --git a/src/components/AboutPage.vue b/src/components/AboutPage.vue
index d0e1e1e..2ece689 100644
--- a/src/components/AboutPage.vue
+++ b/src/components/AboutPage.vue
@@ -3,7 +3,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/EditorNote.vue b/src/components/EditorNote.vue
index 316f06c..6bd256d 100644
--- a/src/components/EditorNote.vue
+++ b/src/components/EditorNote.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/EditorNote2.vue b/src/components/EditorNote2.vue
index 3642e3b..3181149 100644
--- a/src/components/EditorNote2.vue
+++ b/src/components/EditorNote2.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/MenuBar.vue b/src/components/MenuBar.vue
index 205f795..8fc6c3f 100644
--- a/src/components/MenuBar.vue
+++ b/src/components/MenuBar.vue
@@ -7,7 +7,7 @@
           <b-nav-item to='/'>Home</b-nav-item>
           <b-nav-item to='/about'>About</b-nav-item>
           <b-nav-item to='/editornote'>Editor's note</b-nav-item>
-          <b-nav-item to='/firstissue'>#1</b-nav-item>
+          <b-nav-item to='/firstissue'>First issue</b-nav-item>
           <b-nav-item to='/opencall'>Open call</b-nav-item>
 
         </b-nav>
@@ -37,7 +37,7 @@ a:hover {
 }
 
 .navbar {
-  background-color: #ffe6e6;
+  background-color: #ffe4e5;
   border-bottom: 2px #ffcccc solid;
 }
 
diff --git a/src/components/OpenCallPage.vue b/src/components/OpenCallPage.vue
index b27e444..e9d49be 100644
--- a/src/components/OpenCallPage.vue
+++ b/src/components/OpenCallPage.vue
@@ -3,12 +3,12 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
 body {
-  background-color: #ffe6e6;
+  background-color: #fff5f5;
   min-height: 100vh;
 }
 
diff --git a/src/components/SecondEditionPage.vue b/src/components/SecondEditionPage.vue
index 42b1073..a8e367d 100644
--- a/src/components/SecondEditionPage.vue
+++ b/src/components/SecondEditionPage.vue
@@ -7,12 +7,12 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6 !important;
+    background-color: #fff5f5 !important;
 
 }
 
 body {
-  background-color: #ffe6e6;
+  background-color: #fff5f5;
   min-height: 100vh;
 }
 
@@ -68,10 +68,23 @@ body {
   font-family: 'Work Sans', sans-serif;
    text-align: center;
    font-size: 50px;
-   padding-top: 20px;
+   padding-top: 40px;
    padding-bottom: 20px;
 }
 
+@media (max-width: 1217px) {
+  #mag_title {
+    font-size: 30px;
+    padding-top: 10px;
+    padding-left: 20px;
+  }
+  #mag_subtitle {
+    font-size: 15px;
+    padding-left: 20px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
 
 @media (max-width: 575px) {
   #mag_title {
@@ -110,7 +123,9 @@ a {
 
 #main_container {
   padding-top: 100px;
-  padding-bottom: 100px;
+  padding-bottom: 120px;
+  border-bottom: 2px #ffcccc solid;
+
 }
 
 #print {
@@ -185,163 +200,27 @@ a {
 
 <b-row class="icons">
   <b-col md="2" offset-md="3">
-    <a href="/eggs"> <b-img class="img-fluid" center  alt="Responsive image" src="media/egg_small.png"></b-img></a>
   </b-col>
 
   <b-col md="2">
-    <a href="/eggs"><p>Egg Story</p></a>
-
-  </b-col>
-
-</b-row>
-
-
-<b-row class="icons">
-
-  <b-col md="2" offset-md="5" order="1" order-sm="0">
-    <a href="/scooter"><p>acknowledgements</p></a>
-
-  </b-col>
-  <b-col md="2" order="0" order-sm="1">
-
-    <a href="/scooter"><b-img class="img-fluid" center alt="Responsive image" src="media/scooter.png"></b-img></a>
-  </b-col>
-
-</b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="3">
+    <p>first</p>
 
-    <a href="/pesto"><b-img class="img-fluid" center alt="Responsive image" src="media/basil.png"></b-img></a>
   </b-col>
-  <b-col md="2">
-    <a href="/pesto"><p>Bulk Pesto</p></a>
 
-  </b-col>
 </b-row>
 
 
 <b-row class="icons">
-  <b-col md="2" offset-md="5" order="1" order-sm="0">
-    <a href="/bbq"><p>Balcony Marinade</p></a>
-
-  </b-col>
-  <b-col md="2" order="0" order-sm="1">
-
-    <a href="/bbq"><b-img class="img-fluid" center alt="Responsive image" src="media/bbq.png"></b-img></a>
-  </b-col>
-
-</b-row>
-
-<b-row class="icons">
-  <b-col md="2" offset-md="3">
-
-    <a href="/cart"><b-img class="img-fluid" center src="media/cart_small.png"></b-img></a>
-  </b-col>
-  <b-col md="2">
-    <a href="/cart"><p>My Quarantine Kitchen Story</p></a>
 
-  </b-col>
-</b-row>
-
-
-<b-row class="icons">
   <b-col md="2" offset-md="5" order="1" order-sm="0">
-    <a href="/breakfast"><p>Breakfasts</p></a>
+<p>second</p>
 
   </b-col>
   <b-col md="2" order="0" order-sm="1">
 
-    <a href="/breakfast"><b-img class="img-fluid" center alt="Responsive image" src="media/avo_small.png"></b-img></a>
   </b-col>
 
 </b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="3">
-
-    <a href="/noodles"><b-img class="img-fluid" center alt="Responsive image" src="media/noodles_small.png"></b-img></a>
-  </b-col>
-  <b-col md="2">
-    <a href="/noodles"><p>Luo Shi Fen</p></a>
-
-  </b-col>
-
-</b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="5" order="1" order-sm="0">
-    <a href="/recipe"><p>Party of 3</p></a>
-
-  </b-col>
-  <b-col md="2" order="0" order-sm="1">
-
-    <a href="/recipe"><b-img class="img-fluid" center alt="Responsive image" src="media/recipe_small.png"></b-img></a>
-  </b-col>
-</b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="3">
-
-    <a href="/onion"><b-img class="img-fluid" center alt="Responsive image" src="media/onion.png"></b-img></a>
-  </b-col>
-  <b-col md="2">
-    <a href="/onion"><p>Something Light, Like a Salad</p></a>
-
-  </b-col>
-</b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="5" order="1" order-sm="0">
-    <a href="/leekpilaf"><p>Leek Pilaf</p></a>
-
-  </b-col>
-  <b-col md="2" order="0" order-sm="1">
-
-    <a href="/leekpilaf"><b-img class="img-fluid" center alt="Responsive image" src="media/leek.png"></b-img></a>
-  </b-col>
-
-</b-row>
-
-<b-row class="icons">
-  <b-col md="2" offset-md="3">
-
-    <a href="/ricecooker"><b-img class="img-fluid" center alt="Responsive image" src="media/rice.png"></b-img></a>
-  </b-col>
-  <b-col md="2">
-    <a href="/ricecooker"><p>When the Oven is Broken</p></a>
-
-  </b-col>
-</b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="5" order="1" order-sm="0">
-    <a href="/cake"><p>The Bite that Keeps on Chewing</p></a>
-
-  </b-col>
-  <b-col md="2" order="0" order-sm="1">
-
-    <a href="/cake"><b-img class="img-fluid" center alt="Responsive image" src="media/cake_small.png"></b-img></a>
-  </b-col>
-</b-row>
-
-
-<b-row class="icons">
-  <b-col md="2" offset-md="3">
-
-    <a href="/pretzel"><b-img class="img-fluid" center alt="Responsive image" src="media/pretzel_small.png"></b-img></a>
-  </b-col>
-  <b-col md="2">
-    <a href="/pretzel"><p>A List</p></a>
-
-  </b-col>
-</b-row>
 </b-container>
 
 
diff --git a/src/components/SplashPage.vue b/src/components/SplashPage.vue
index b770fc7..ca22da6 100644
--- a/src/components/SplashPage.vue
+++ b/src/components/SplashPage.vue
@@ -7,12 +7,12 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6 !important;
+    background-color: #fff5f5 !important;
 
 }
 
 body {
-  background-color: #ffe6e6;
+  background-color: #fff5f5;
   min-height: 100vh;
 }
 
@@ -72,6 +72,19 @@ body {
    padding-bottom: 20px;
 }
 
+@media (max-width: 1217px) {
+  #mag_title {
+    font-size: 30px;
+    padding-top: 10px;
+    padding-left: 20px;
+  }
+  #mag_subtitle {
+    font-size: 15px;
+    padding-left: 20px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
 
 @media (max-width: 575px) {
   #mag_title {
diff --git a/src/components/bbq.vue b/src/components/bbq.vue
index d99d02c..9e4c5af 100644
--- a/src/components/bbq.vue
+++ b/src/components/bbq.vue
@@ -5,7 +5,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/breakfast.vue b/src/components/breakfast.vue
index b0cf63a..31f0531 100644
--- a/src/components/breakfast.vue
+++ b/src/components/breakfast.vue
@@ -5,7 +5,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/cake.vue b/src/components/cake.vue
index d3714ce..239fa4c 100644
--- a/src/components/cake.vue
+++ b/src/components/cake.vue
@@ -5,7 +5,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/cart.vue b/src/components/cart.vue
index 7d92c82..c1d1261 100644
--- a/src/components/cart.vue
+++ b/src/components/cart.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/eggs.vue b/src/components/eggs.vue
index b4111b6..4ae6a7f 100644
--- a/src/components/eggs.vue
+++ b/src/components/eggs.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/leekpilaf.vue b/src/components/leekpilaf.vue
index 0d0ebc4..2f01a6a 100644
--- a/src/components/leekpilaf.vue
+++ b/src/components/leekpilaf.vue
@@ -2,7 +2,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/noodles.vue b/src/components/noodles.vue
index 9712d16..4a43da5 100644
--- a/src/components/noodles.vue
+++ b/src/components/noodles.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/onion.vue b/src/components/onion.vue
index 4359ab8..18b5373 100644
--- a/src/components/onion.vue
+++ b/src/components/onion.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/pesto.vue b/src/components/pesto.vue
index 9fe67ac..9e91201 100644
--- a/src/components/pesto.vue
+++ b/src/components/pesto.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/pretzel.vue b/src/components/pretzel.vue
index 8f45cff..54f6ec7 100644
--- a/src/components/pretzel.vue
+++ b/src/components/pretzel.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
@@ -150,7 +150,7 @@ a {
             </b-col>
           </b-row>
           <b-row>
-            
+
             <b-col md="8" offset-md="4">
               <b-img class="img-fluid" src="media/pretzel/masto.PNG"> </b-img>
 
diff --git a/src/components/recipe.vue b/src/components/recipe.vue
index 6aa54c3..4d5f469 100644
--- a/src/components/recipe.vue
+++ b/src/components/recipe.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/ricecooker.vue b/src/components/ricecooker.vue
index 7851cff..54ba10f 100644
--- a/src/components/ricecooker.vue
+++ b/src/components/ricecooker.vue
@@ -2,7 +2,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }
 
diff --git a/src/components/scooter.vue b/src/components/scooter.vue
index 5e9d90f..a69e3be 100644
--- a/src/components/scooter.vue
+++ b/src/components/scooter.vue
@@ -4,7 +4,7 @@
 
 * {
     border: 0px black solid;
-    background-color: #ffe6e6;
+    background-color: #fff5f5;
 
 }