edited front page style

media/Vector.svg

@@ -0,0 +1,3 @@
+<svg width="449" height="575" viewBox="0 0 449 575" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M88.2522 3.57636C99.3964 3.57636 110.541 3.57636 121.685 3.57636C128.898 3.57636 136.252 -0.0322152 142.96 3.91407C148.177 6.98282 149.039 16.5705 149.039 21.8124C149.039 28.557 143.896 36.8824 147.182 43.0878C155.276 58.3767 183.776 35.1197 175.211 64.0255C173.529 69.7023 169.315 83.7018 174.029 88.678C180.252 95.2467 194.083 99.6055 197.669 107.674C204.443 122.916 231.832 119.858 244.694 115.357C256.57 111.2 270.359 112.993 282.77 112.993C297.533 112.993 312.047 106.914 326.925 106.914C343.701 106.914 360.126 108.434 376.905 108.434C394.679 108.434 419.634 108.283 434.737 119.071C437.972 121.382 443.944 122.935 445.713 126.67C448.422 132.39 446.895 140.863 446.895 147.101C446.895 167.648 403.828 154.252 393.791 150.309C369.702 140.846 345.192 147.552 320.424 147.945C308.845 148.129 299.17 142.622 288.089 141.951C278.503 141.37 268.734 141.866 259.131 141.866C227.044 141.866 194.19 142.51 162.21 145.244C146.879 146.554 135.221 153.273 121.01 157.063C116.572 158.247 110.759 160.665 106.826 163.142C99.4154 167.808 88.7706 173.566 88.2522 182.898C87.7243 192.399 65.0508 191.392 59.7161 195.393C50.2101 202.522 37.5887 204.178 27.803 210.252C13.0172 219.429 2.02281 234.043 1.63087 252.465C1.41267 262.72 8.24903 265.852 17.7563 266.395C37.0569 267.498 56.6768 266.48 76.0104 266.48C83.365 266.48 88.6854 268.522 95.8505 265.298C102.377 262.361 106.882 260.401 114.171 260.401C123.764 260.401 132.933 262.693 142.454 263.778C148.898 264.512 166.457 271.004 171.834 266.395C179.244 260.044 184.004 257.362 193.954 257.362C201.996 257.362 210.431 253.582 218.269 254.407C245.387 257.261 271.254 258.881 298.642 258.881C306.576 258.881 328.722 254.842 333.764 262.765C339.276 271.428 337.753 280.203 327.6 284.716C318.696 288.673 305.078 291.678 295.35 292.398C286.872 293.026 281.492 297.163 273.99 299.575C267.729 301.587 259.649 300.262 253.052 301.77C239.242 304.926 224.748 305.606 210.501 305.991C203.093 306.191 196.263 309.03 188.635 309.03C180.052 309.03 171.468 309.03 162.885 309.03C133.338 309.03 103.76 302.664 74.2374 305.653C62.0524 306.887 42.2636 300.617 35.7391 314.434C32.0107 322.329 32.2313 340.621 43.5063 340.943C57.5107 341.344 71.7606 345.502 85.8882 345.502C123.426 345.502 160.924 350.061 198.597 350.061C214.627 350.061 230.811 353.101 247.058 353.101C260.173 353.101 272.704 356.14 285.725 356.14C300.085 356.14 314.783 355.356 329.12 356.225C343.863 357.118 358.631 355.948 367.027 369.142C370.136 374.026 368.023 386.162 367.872 391.768C367.697 398.239 363.046 400.425 357.825 402.575C349.399 406.044 340.599 405.082 331.906 406.627C318.788 408.959 305.24 409.95 291.973 411.608C270.96 414.235 250.633 417.514 229.582 413.128C201.629 407.304 174.227 406.779 146 402.912C136.019 401.545 127.805 397.171 117.21 397.171C106.769 397.171 96.517 395.652 86.0571 395.652C75.7908 395.652 65.1555 396.467 54.9038 397.256C51.4357 397.523 39.5241 399.682 36.921 402.068C25.6094 412.437 4.09653 423.277 12.6063 441.242C17.4052 451.373 25.1029 462.502 36.5833 466.401C67.6424 476.949 99.9083 464.037 131.141 464.037C146.216 464.037 163.437 461.343 177.913 457.62C188.072 455.008 199.4 456.439 209.826 456.439C224.701 456.439 239.428 454.919 254.234 454.919C266.145 454.919 281.587 455.256 290.368 464.037C296.053 469.721 307.534 477.149 301.513 487.001C293.57 499.998 272.705 505.068 258.54 505.068C252.736 505.068 233.807 503.585 229.582 508.867C227.033 512.053 222.332 513.615 220.126 517.225C216.682 522.86 213.838 528.649 210.67 534.533C208.9 537.821 237.992 540.89 243.934 541.456C254.476 542.46 265.4 545.004 276.016 546.015C281.336 546.521 286.016 545.461 290.031 549.476C291.542 550.988 290.089 564.891 287.92 565.855C280.61 569.104 273.993 571.185 266.054 573.453" stroke="#FAFF00" stroke-width="3" stroke-linecap="round"/>
+</svg>

src/components/MenuBar.vue

@@ -4,11 +4,11 @@
      <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
      <b-collapse id="nav-collapse" is-nav>
        <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='/issues'>Issues</b-nav-item>
-          <b-nav-item to='/order'>Order</b-nav-item>
-          <b-nav-item to='/opencall'>Contribute</b-nav-item>
+          <a href='/'>Home</a>
+          <a href='/about'>About</a>
+          <a href='/issues'>Issues</a>
+          <a href='/order'>Order</a>
+          <a href='/opencall'>Contribute</a>
 
         </b-nav>
       </b-collapse>
@@ -29,6 +29,7 @@ a {
   color: #333042;
   font-family: 'Poppins', sans-serif;;
   font-size: 16px;
+  padding: 10px;
 }
 
 a:hover {

src/components/ThirdEdition.vue

@@ -2,12 +2,30 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Poppins&family=Raleway&family=Work+Sans:wght@900&display=swap');
 
+@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;
 }
+
+@font-face {
+  font-family: 'AUTHENTICSans130';
+  src: url('../../fonts/AUTHENTICSans-130.otf');
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: 'AUTHENTICSansCondensed90';
+  src: url('../../fonts/AUTHENTICSans-Condensed-90.otf');
+  font-weight: 600;
+}
+
 * {
     border: 0px black solid;
 
@@ -41,10 +59,28 @@ body {
 
 }
 
+#phonetic1 {
+  font-size: 12px;
+  color: black;
+  font-weight: normal;
+  margin-top: -45px;
+  display: block;
+  margin-left: 100px;
+}
+
+#phonetic2 {
+  font-size: 12px;
+  color: black;
+  font-weight: normal;
+  margin-top: -35px;
+  display: block;
+  margin-left: 180px;
+}
+
 
 #mag_subtitle {
-  font-size: 170%;
-  font-family: 'AUTHENTICSans';
+  font-size: 16px;
+  font-family: 'AUTHENTICSans130';
   color: black;
   background-color: transparent;
   height: auto;
@@ -52,6 +88,14 @@ body {
   padding-top: 20px;
 }
 
+#issue_title {
+  font-family: 'AUTHENTICSansCondensed90';
+  color: black;
+  font-size: 40px;
+  margin-left: 20px;
+  margin-top: 20px;
+}
+
 .summary {
   border-left: 3px solid #ffcccc;
   border-top: 3px dotted #ffcccc;
@@ -62,11 +106,7 @@ body {
   width: 60%;
 }
 
-.author {
-  font-family: 'ED-Regular', sans-serif;;
-  text-align: center;
-  color: #FA00FF;
-}
+
 
 .container_width {
   max-width: 100%;
@@ -74,8 +114,8 @@ body {
 
 #toc {
   background-color: transparent;
-  color: #1B75BC;
-  font-family: 'AUTHENTICSans';
+  color: black;
+  font-family: 'AUTHENTICSansCondensed90';
   font-size: 90%;
   text-align: center;
   padding-top: 40px;
@@ -85,12 +125,19 @@ body {
 
 }
 
+.author {
+  color: black;
+  font-family: 'AUTHENTICSansCondensed90';
+  font-size: 90%;
+  text-align: center;
+}
+
 .item {
   padding-top: 10px;
 }
 
 #route_image {
-  background-image:url("../../media/Vector.png");
+  background-image:url("../../media/Vector.svg");
   background-size: cover;
   background-repeat: no-repeat;
   z-index: 100;
@@ -98,19 +145,16 @@ body {
 
 
 a {
-  color: #1B75BC;
+  color: black;
 }
 
-.author {
-  color: #1B75BC;
-}
 
 #edition {
   color: black;
-  font-size: 18px;
-  font-family: 'AUTHENTICSans';
+  font-size: 16px;
+  font-family: 'Work Sans', sans-serif;
   letter-spacing: 1px;
-  margin-top: 80px;
+  margin-top: 10px;
   text-align: left;
   background-colour: transparent;
 }
@@ -191,16 +235,22 @@ a {
           <b-row>
             <b-col md="6" offset-md="2">
               <router-link to="/about"><p id="mag_title">Magiun</p></router-link>
+              <p id="phonetic1">mʌ </p><p id="phonetic2"> 'ʤun</p>
+
             </b-col>
             <b-col md="4" id="edition">Winter 2021
             </b-col>
           </b-row>
-
+            <b-row>
+              <b-col md="5">
+                <p id="issue_title">Issue #3:<br> On Routine</p>
+              </b-col>
+            </b-row>
         </b-col>
         <b-col md="6">
           <b-row>
             <b-col md="12">
-          <p id="mag_subtitle">#3 On Routine</p>
+          <p id="mag_subtitle">Magiun Issue #3: On Routine</p>
         </b-col>
         </b-row>
           <b-row>