Adding tough mudder to running section

src/footer/last-deployed.ts

@@ -1 +1 @@
-export default "05/09/2023";
+export default "07/09/2023";

src/running/RunningCard.vue

@@ -7,11 +7,11 @@
            <div class="label">Race Date:</div>
            <div class="value">{{ raceDate }}</div>
         </div>
-        <div class="wrapper">
+        <div v-if="race.runningTime" class="wrapper">
           <div class="label">Official Time:</div>
           <div class="value" v-html="race.runningTime"></div>
         </div>
-        <div class="wrapper">
+        <div v-if="race.placement" class="wrapper">
           <div class="label">Placement:</div>
           <div class="value" v-html="race.placement"></div>
         </div>
@@ -41,7 +41,7 @@ export default defineComponent({
     },
   },
   computed: {
-    raceDate(): String {
+    raceDate(): string {
       if (this.race.date instanceof Date) {
         const d: Date = this.race.date;
         const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

src/running/races.ts

@@ -8,7 +8,7 @@ const races: Race[] = [
     date: new Date(2022, 4, 8),
     runningTime: "2:51:26 -- Qualified for the Boston Marathon!<br><a href='https://results.raceroster.com/en-CA/results/detail/mfdxunrgu3bw2mrc' target='_blank'>[Official Finisher Certificate]</a>",
     placement: "2nd of 202 overall, 1st in the 20-29 age group",
-    description: `<p>Both mine and my sister’s first marathons! We initially decided to run a marathon in the Fall of 2021, but it didn't work out, and we ended up pushing it to the Spring of 2022, and decided to run the Fredericton Marathon. I did my undergrad in Fredericton, and we had heard the route is reasonably flat, so it was a good choice to do our first marathons.</p>
+    description: `<p>Both mine and my sister's first marathons! We initially decided to run a marathon in the Fall of 2021, but it didn't work out, and we ended up pushing it to the Spring of 2022, and decided to run the Fredericton Marathon. I did my undergrad in Fredericton, and we had heard the route is reasonably flat, so it was a good choice to do our first marathons.</p>
     <p>The weather was really nice on race day. It was cold at the start of the race, but warmed up pretty quickly, and there was very little wind. I started the race at the back of the first pack, and then spent the rest of the race running with the guys who ended up placing 3rd and 4th (I started to pull away around the 39km mark). The runner who won the marathon was crazy, finishing in 2:25:22 - 26 minutes faster than me, and a Fredericton Marathon record!</p>
     <p>Overall, I'm very happy with how my first marathon turned out. Since I qualified for the Boston Marathon, I think I'll try to plan for that race next.</p>
     <p>Note for next time - training for a Spring marathon is not fun - running in the snow during the winter months is really not that enjoyable. I'm pretty sure that the next marathon I run is going to be a Fall marathon.</p>
@@ -49,11 +49,12 @@ const races: Race[] = [
     orderDate: new Date(2022, 8, 1),
     date: "Saturday Mornings",
     runningTime: "17:47 -- Ran in <a href='https://www.parkrun.ca/breakwater/results/74/' target='_blank'>Breakwater Parkrun #74</a>",
-    placement: "<a href='https://www.parkrun.ca/breakwater/results/fastest500/' target='_blank'>Currently holding the all-time course record</a>. A history of all my parkruns can be found <a href='https://www.parkrun.ca/parkrunner/7645813/' target='_blank'>here</a>.",
+    placement: "<a href='https://www.parkrun.ca/breakwater/results/fastest500/' target='_blank'>Held the all-time course record from October 1st, 2022 until September 2nd, 2023</a>. A history of all my parkruns can be found <a href='https://www.parkrun.ca/parkrunner/7645813/' target='_blank'>here</a>.",
     description: `<p>After running my first marathon in the Spring of 2022, I decided to take a break from long-distance running and try to improve my 5k time. This was definitely influenced by the fact that there was timed 5k run every Saturday morning down at Breakwater Park in Kingston, Ontario. These weekly 5k runs are called "Parkruns" (see the <a href="https://www.parkrun.ca/" target="_blank">Canadian Parkrun website</a> for more info), and they are apparently very popular over in England, but also take place all over the world. Their website was very welcoming of newcomers, so I headed down for my first Parkrun in June 2022.</p>
     <p>After my first Breakwater Parkrun, I decided to set a goal of beating the all-time record for the course, which was set back in 2019. I've slowly been closing in on that goal, and am hoping to beat the record once the Fall of 2022 rolls around and the Ontario Summer heat cools off a bit.</p>
 
     <p>[UPDATE] - I achieved the all-time course record on October 1st, 2022, with a time of 17:47, beating my previous best by 15 seconds, and the previous record by 8 seconds. My parents were visiting Kingston that weekend and came to watch the run, so I had some extra motivation.</p>
+    <p>[UPDATE] - My course record was beat on September 2nd, 2023. Maybe I'll be back in Kingston one day to try and win it back.</p>
     `,
     images: [
       {
@@ -93,6 +94,47 @@ const races: Race[] = [
         caption: "Crossing the finish line",
       },
     ],
+  }, 
+  {
+    name: "2022 Tough Mudder Toronto 15k",
+    link: "",
+    orderDate: new Date(2022, 8, 17),
+    date: new Date(2022, 8, 17),
+    runningTime: "",
+    placement: "",
+    description: `<p>This was the first time I had done this type of obstacle course - it was a lot of fun! The first obstacle was a crawl through the mud, and after that no one was worried about how dirty they were going to get. After that, the course had us climbing over barriers, crawling through pipes, dragging ourselves through muddy water under cages, working as a team to help each other get past more difficult bariers, and even running through a set of hanging electrical wires, some of which were live and would shock you if you hit them!</p>
+    <p>I though this type of race was really quite enjoyable. I'm sure I'll do another one of these sometime soon!</p>
+    `,
+    images: [
+      {
+        src: "running-images/22toughmudder_01.jpg",
+        caption: "Muddy",
+      },
+      {
+        src: "running-images/22toughmudder_02.jpg",
+        caption: "The team before the run",
+      },
+      {
+        src: "running-images/22toughmudder_03.jpg",
+        caption: "Never too old for some monkey bars",
+      },
+      {
+        src: "running-images/22toughmudder_04.jpg",
+        caption: "Lots of fun obstacles",
+      },
+      {
+        src: "running-images/22toughmudder_05.jpg",
+        caption: "Done!",
+      },
+      {
+        src: "running-images/22toughmudder_06.jpg",
+        caption: "Post-run push-up competition",
+      },
+      {
+        src: "running-images/22toughmudder_07.jpg",
+        caption: "Everybody feeling good with post-run meal",
+      },
+    ],
   }, {
     name: "2023 Limestone Race Weekend Historic Half Marathon",
     link: "https://www.krra.org/events/krra-limestone-race-weekend/",
@@ -141,7 +183,7 @@ const races: Race[] = [
         caption: "The race map",
       },
     ],
-  } 
+  }
 ];
 
 export default races;

src/running/types.ts

@@ -1,15 +1,15 @@
 export interface Race {
   name: string;
-  link: String;
+  link: string;
   orderDate: Date;
-  date: Date | String;
-  runningTime: String;
-  placement: String;
-  description: String;
+  date: Date | string;
+  runningTime: string;
+  placement: string;
+  description: string;
   images: RunningImage[];
 }
 
 export interface RunningImage {
   src: string;
-  caption: String;
+  caption: string;
 }