diff --git a/src/assets/boston.jpg b/src/assets/boston.jpg
new file mode 100644
index 0000000..9cf0df6
Binary files /dev/null and b/src/assets/boston.jpg differ
diff --git a/src/assets/boston.png b/src/assets/boston.png
new file mode 100644
index 0000000..f9f2aeb
Binary files /dev/null and b/src/assets/boston.png differ
diff --git a/src/assets/chicago.jpg b/src/assets/chicago.jpg
new file mode 100644
index 0000000..1f4c781
Binary files /dev/null and b/src/assets/chicago.jpg differ
diff --git a/src/assets/chicago.png b/src/assets/chicago.png
new file mode 100644
index 0000000..df2cab5
Binary files /dev/null and b/src/assets/chicago.png differ
diff --git a/src/assets/houston.jpg b/src/assets/houston.jpg
new file mode 100644
index 0000000..d1fe310
Binary files /dev/null and b/src/assets/houston.jpg differ
diff --git a/src/assets/houston.png b/src/assets/houston.png
new file mode 100644
index 0000000..933be3b
Binary files /dev/null and b/src/assets/houston.png differ
diff --git a/src/assets/philly.jpg b/src/assets/philly.jpg
new file mode 100644
index 0000000..a9dd62b
Binary files /dev/null and b/src/assets/philly.jpg differ
diff --git a/src/assets/philly.png b/src/assets/philly.png
new file mode 100644
index 0000000..e1f28e5
Binary files /dev/null and b/src/assets/philly.png differ
diff --git a/src/assets/portland.jpg b/src/assets/portland.jpg
new file mode 100644
index 0000000..0224ee3
Binary files /dev/null and b/src/assets/portland.jpg differ
diff --git a/src/assets/portland.png b/src/assets/portland.png
new file mode 100644
index 0000000..18dc50e
Binary files /dev/null and b/src/assets/portland.png differ
diff --git a/src/assets/stlouis.jpg b/src/assets/stlouis.jpg
new file mode 100644
index 0000000..ed54265
Binary files /dev/null and b/src/assets/stlouis.jpg differ
diff --git a/src/assets/stlouis.png b/src/assets/stlouis.png
new file mode 100644
index 0000000..257dc45
Binary files /dev/null and b/src/assets/stlouis.png differ
diff --git a/src/components/Sections/EventList.vue b/src/components/Sections/EventList.vue
index 2c289fa..93a3a6e 100644
--- a/src/components/Sections/EventList.vue
+++ b/src/components/Sections/EventList.vue
@@ -5,7 +5,6 @@
   const MenuStore = useMenuStore();
   MenuStore.get_today();
 
-
   import EventListingComplete from '../listings/EventListing.vue';
   // import Promo from '../listings/BlueskyLinks.vue';
   import Promo from '../listings/Promo.vue';
diff --git a/src/router/index.js b/src/router/index.js
index 911e3f9..0f49bad 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,6 +17,21 @@ const router = createRouter({
       name: '000',
       component: DigiSnaxxView
     },
+    {
+      path: '/boston',
+      name: 'bos',
+      component: DigiSnaxxView
+    },
+    {
+      path: '/chicago',
+      name: 'chi',
+      component: DigiSnaxxView
+    }, 
+    {
+      path: '/houston',
+      name: 'hou',
+      component: DigiSnaxxView
+    },
     {
       path: '/medellin',
       name: 'mde',
@@ -27,16 +42,32 @@ const router = createRouter({
       name: 'msp',
       component: DigiSnaxxView
     },
+    {
+      path: '/philly',
+      name: 'phl',
+      component: DigiSnaxxView
+    },
+    {
+      path: '/portland',
+      name: 'pdx',
+      component: DigiSnaxxView
+    },
+    {
+      path: '/stlouis',
+      name: 'stl',
+      component: DigiSnaxxView
+    },
+    
     // {
     //   path: '/live',
     //   name: 'live',
     //   component: LiveView
     // },
-    {
-      path: '/media',
-      name: 'bluesky',
-      component: BlueskyView
-    },
+    // {
+    //   path: '/media',
+    //   name: 'bluesky',
+    //   component: BlueskyView
+    // },
   ]
 })
 
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 2e3826d..4297e9e 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -18,24 +18,60 @@
     <!-- <ButtonSet /> -->
 
     <div class="flex grid text-center p-4 grid-flow-row lg:grid-cols-3">
-        <div class="text-center p-2">
-          <a class=" text-center" href="/medellin" :click="EventsStore.shortcode = 'mde'">  
-            <img src="../assets/Medellin.png" style="width:15em;"/>
-            <p class="text-lg">Medellin</p>
-          </a>
-        </div>
-        <div class="text-center p-2">
-          <a class=" text-center" href="/mpls-stp">
-            <img src="../assets/Mpls.png" style="width:15em;"/>
-            <p class="text-lg">Mpls/StPaul</p>
-          </a>
-        </div>
-        <div class="text-center p-2">
-          <a class=" text-center" href="/beyond">
-            <img src="../assets/earth.png" style="width:15em;"/>
-            <p class="text-lg">Beyond</p>
-          </a>
-        </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/beyond">
+          <img src="../assets/earth.png" style="width:15em;"/>
+          <p class="text-lg">Beyond</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/boston" :click="EventsStore.shortcode = 'bos'">
+          <img src="../assets/boston.png" style="width:15em;"/>
+          <p class="text-lg">Boston</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/chicago" :click="EventsStore.shortcode = 'chi'">
+          <img src="../assets/chicago.png" style="width:15em;"/>
+          <p class="text-lg">Chicago</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/" :click="EventsStore.shortcode = 'hou'">
+          <img src="../assets/houston.png" style="width:15em;" class="hold"/>
+          <p class="text-lg">Houston</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/medellin" :click="EventsStore.shortcode = 'mde'">  
+          <img src="../assets/Medellin.png" style="width:15em;"/>
+          <p class="text-lg">Medellin</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/mpls-stp">
+          <img src="../assets/Mpls.png" style="width:15em;"/>
+          <p class="text-lg">Mpls/StPaul</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/philly" :click="EventsStore.shortcode = 'phl'">
+          <img src="../assets/philly.png" style="width:15em;"/>
+          <p class="text-lg">Philadelphia</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/portland" :click="EventsStore.shortcode = 'pdx'">
+          <img src="../assets/portland.png" style="width:15em;"/>
+          <p class="text-lg">Portland</p>
+        </a>
+      </div>
+      <div class="text-center p-2">
+        <a class=" text-center" href="/" :click="EventsStore.shortcode = 'stl'">
+          <img src="../assets/stlouis.png" style="width:15em;" class="hold"/>
+          <p class="text-lg">St. Louis</p>
+        </a>
+      </div>
     </div>
 
     <div class="p-8">
@@ -58,4 +94,9 @@ a {
   padding: 2em;
 }
 
+.hold {
+  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
+  filter: grayscale(100%);
+}
+
 </style>
\ No newline at end of file