added redirect rule for netlify

Author: Sandeep Ramgolam

netlify.toml

@@ -0,0 +1,5 @@
+# The following redirect is intended for use with most SPA's that handles routing internally.
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200

src/components/past-events.vue

@@ -1,23 +1,29 @@
 <template>
-    <section class="fdb-block fp-active">
-    <div class="container">
+	<section class="fdb-block fp-active">
+		<div class="container">
+			<div class="row text-left justify-content-center pt-5">
+				<div class="col-12 col-md-6 col-lg-5 m-auto">
+					<h3>
+						<strong>Event One</strong>
+					</h3>
 
-        <div class="row text-left justify-content-center pt-5">
-            <div class="col-12 col-md-6 col-lg-5 m-auto">
-            <h3><strong>Event One</strong></h3>
+					<p class="text-h3">
+						Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
+						there live the blind texts.
+					</p>
+				</div>
+				<div class="col-12 col-md-6 col-lg-5 m-auto pt-3 pt-md-0">
+					<h3>
+						<strong>Event Two</strong>
+					</h3>
 
-            <p class="text-h3">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
-                there live the blind texts.</p>
-            </div>
-            <div class="col-12 col-md-6 col-lg-5 m-auto pt-3 pt-md-0">
-            <h3><strong>Event Two</strong></h3>
-
-            <p class="text-h3">Even the all-powerful Pointing has no control about the blind texts it is an almost
-                unorthographic life One day however a small line.</p>
-            </div>
-        </div>
-
-        </div>
-    </section>
+					<p class="text-h3">
+						Even the all-powerful Pointing has no control about the blind texts it is an almost
+						unorthographic life One day however a small line.
+					</p>
+				</div>
+			</div>
+		</div>
+	</section>
 </template>
 

src/views/PagePastEvents.vue

@@ -2,11 +2,33 @@
 	<div class="page-past-events">
 		<h1 class="text-3xl">Past Events</h1>
 		<past-events></past-events>
+
+		<h1 class="text-3xl">Heroes</h1>
+
+		<img class="hero" src="/images/heroes/batmanAndSuperman.svg" />
+		<img class="hero" src="/images/heroes/captainAmerica.svg" />
+		<img class="hero" src="/images/heroes/captainAmericaTwo.svg" />
+		<img class="hero" src="/images/heroes/deadpool.svg" />
+		<img class="hero" src="/images/heroes/deadpooltwo.svg" />
+		<img class="hero" src="/images/heroes/fivesome.svg" />
+		<img class="hero" src="/images/heroes/herofaces.svg" />
+		<img class="hero" src="/images/heroes/hulk.svg" />
+		<img class="hero" src="/images/heroes/ironman.svg" />
+		<img class="hero" src="/images/heroes/ironmanFace.svg" />
+		<img class="hero" src="/images/heroes/ironmanthree.svg" />
+		<img class="hero" src="/images/heroes/ironmantwo.svg" />
+		<img class="hero" src="/images/heroes/joker.svg" />
+		<img class="hero" src="/images/heroes/sixsome.svg" />
+		<img class="hero" src="/images/heroes/spiderman.svg" />
+		<img class="hero" src="/images/heroes/spidermantwo.svg" />
+		<img class="hero" src="/images/heroes/supergirl.svg" />
+		<img class="hero" src="/images/heroes/superman.svg" />
+		<img class="hero" src="/images/heroes/wonderwoman.svg" />
+		<img class="hero" src="/images/heroes/wonderwomanSide.svg" />
 	</div>
 </template>
 
 <script>
-
 import pastEvents from "@/components/past-events.vue";
 
 export default {
@@ -18,6 +40,14 @@ export default {
 </script>
 
 <style lang="scss">
-	.page-past-events {
+.hero {
+	width: 100%;
+	height: 100vh;
+	object-fit: contain;
+	object-position: center center;
+	text-align: center;
+	display: block;
+}
+.page-past-events {
 }
 </style>