Merge branch 'master' into footer_feature

Author: Nikhil-Vats

src/components/NavBar.vue

@@ -11,10 +11,10 @@
 			<div id="mobileNavHeading">
 				<router-link to="/"><h1 id="bio">Bio</h1><h1 id="js">JS</h1></router-link>
 			</div>
-			<router-link class="navLink" :class="active=='components'?'active':''" to="/components"><span>Components</span></router-link>
-			<router-link class="navLink" :class="active=='guide'?'active':''" to="/guide"><span>Guide</span></router-link>
-			<router-link class="navLink" :class="active=='about'?'active':''" to="/about"><span>About</span></router-link>
-			<router-link class="navLink" :class="active=='contact_us'?'active':''" to="/contact"><span>Contact Us</span></router-link>
+			<router-link class="navLink" active-class="active" to="/components"><span>Components</span></router-link>
+			<router-link class="navLink" active-class="active" to="/guide"><span>Guide</span></router-link>
+			<router-link class="navLink" active-class="active" to="/about"><span>About</span></router-link>
+			<router-link class="navLink" active-class="active" to="/contact"><span>Contact Us</span></router-link>
 			<div class="close">
 				<img @click="closeMenu()" src="../../static/close.png" alt="Close menu">
 			</div>

src/components/Testimonial.vue

@@ -2,8 +2,8 @@
 	<b-card-group class="testimonialContainer">
 		<b-card v-for="testimonial in testimonials" class="testimonial" :key="testimonial.id">
 			<div id="hearts">
-				<i class="material-icons" v-for="n in testimonial.stars" :key="n" style="text-align: center; color: #dc3545;">favorite</i>
-				<i class="material-icons" v-for="n in 5 - testimonial.stars" :key="n" style="text-align: center; color: #dc3545;">favorite_border</i>
+				<i class="material-icons" v-for="n in testimonial.stars" :key="n + '-a'" style="text-align: center; color: #dc3545;">favorite</i>
+				<i class="material-icons" v-for="n in 5 - testimonial.stars" :key="n + '-b'" style="text-align: center; color: #dc3545;">favorite_border</i>
 			</div>
             <blockquote class="blockquote mb-0">
                 <p style="font-size: 16px">{{ testimonial.testimonial }}</p>