changed thumbnails and added new item

src/app/containers/HomePage/items/itemDetails/2019-Jun.ts

@@ -10,7 +10,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     </a>
     `,
     image: {
-      name: 'bitcoin-banner.png',
+      name: 'bitcoin.png',
     },
     details: `
     <ul>

src/app/containers/HomePage/items/itemDetails/2019-May.ts

@@ -6,7 +6,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'Graduated college',
     image: {
-      name: 'graduation-banner.png',
+      name: 'graduated.png',
     },
     details: `
     Graduated from Stevens Institute of Technology.

src/app/containers/HomePage/items/itemDetails/2019-Nov.ts

@@ -6,7 +6,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'Started Musher, my first full fledged python module',
     image: {
-      name: 'wip-banner.png',
+      name: 'musher_wip.png',
     },
     details: `
     Goals:

src/app/containers/HomePage/items/itemDetails/2019-Sep.ts

@@ -6,7 +6,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'Attended Strange Loop',
     image: {
-      name: 'strange-loop-banner.png',
+      name: 'strange_loop.png',
     },
     details: `
     <ul>

src/app/containers/HomePage/items/itemDetails/2020-Dec.ts

@@ -6,7 +6,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'Learning to play guitar',
     image: {
-      name: 'electric-guitar.jpg',
+      name: 'guitar.png',
     },
     details: 'Bought an electric guitar, finally learning to play.',
     component: 'BasicCard',

src/app/containers/HomePage/items/itemDetails/2020-Nov.ts

@@ -21,7 +21,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     </ul>
     `,
     image: {
-      name: 'audio_waves.jpg',
+      name: 'musher.png',
     },
     component: 'BasicCard',
   },

src/app/containers/HomePage/items/itemDetails/2021-Jan.ts

@@ -6,7 +6,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'Created personal website!',
     image: {
-      name: 'react-banner.jpg',
+      name: 'personal_website.png',
     },
     details: `
     <ul>
@@ -22,7 +22,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'Mock Database Models',
     image: {
-      name: 'db-model-banner.png',
+      name: 'mock_plugins_db.png',
     },
     details: `
     <ul>

src/app/containers/HomePage/items/itemDetails/2021-Mar.ts

@@ -0,0 +1,20 @@
+import { ItemWithoutId } from '../../types';
+
+export const itemDetailsWithoutId: ItemWithoutId[] = [
+  {
+    date: '2021-Mar',
+    priority: 3,
+    title: `Created a Video Game Addon`,
+    details: `
+    <ul>
+      <li>Created my first addon for World of Warcraft.</li>
+      <li>First time coding in Lua.</li>
+      <li>Available at <a target="_blank" rel="noopener noreferrer" href="https://www.curseforge.com/wow/addons/world-of-parkour">Curseforge</a>.</li>
+    </ul>
+    `,
+    image: {
+      name: 'game_addon.png',
+    },
+    component: 'BasicCard',
+  },
+];

src/app/containers/HomePage/items/itemImports.json

@@ -6,6 +6,7 @@
     "2019-May",
     "2019-Jun",
     "2019-Nov",
-    "2021-Jan"
+    "2021-Jan",
+    "2021-Mar"
   ]
 }

src/app/containers/HomePage/items/templateItemDetails.ts

@@ -6,6 +6,7 @@ export const itemDetailsWithoutId: ItemWithoutId[] = [
     priority: 1,
     title: 'a',
     image: {
+      // Optimal image size: 6900 x 2000
       name: null,
     },
     details: 'details about the item.',