From 277412318268947fa99432a82463ef329cc69528 Mon Sep 17 00:00:00 2001
From: Orun Bhuiyan <orun@agencyundone.com>
Date: Mon, 12 May 2025 11:44:02 -0400
Subject: [PATCH 1/4] cleanup: image names

---
 .../categories/{Civil.jpg => civil-engineering.jpg} | Bin
 .../{Natural.jpg => natural-language.jpg}           | Bin
 .../categories/{Popular.jpg => popular-culture.jpg} | Bin
 3 files changed, 0 insertions(+), 0 deletions(-)
 rename packages/fe/static/images/categories/{Civil.jpg => civil-engineering.jpg} (100%)
 rename packages/fe/static/images/categories/{Natural.jpg => natural-language.jpg} (100%)
 rename packages/fe/static/images/categories/{Popular.jpg => popular-culture.jpg} (100%)

diff --git a/packages/fe/static/images/categories/Civil.jpg b/packages/fe/static/images/categories/civil-engineering.jpg
similarity index 100%
rename from packages/fe/static/images/categories/Civil.jpg
rename to packages/fe/static/images/categories/civil-engineering.jpg
diff --git a/packages/fe/static/images/categories/Natural.jpg b/packages/fe/static/images/categories/natural-language.jpg
similarity index 100%
rename from packages/fe/static/images/categories/Natural.jpg
rename to packages/fe/static/images/categories/natural-language.jpg
diff --git a/packages/fe/static/images/categories/Popular.jpg b/packages/fe/static/images/categories/popular-culture.jpg
similarity index 100%
rename from packages/fe/static/images/categories/Popular.jpg
rename to packages/fe/static/images/categories/popular-culture.jpg

From 8529e6144547782f4cfac3665ed1b7c5ea30702c Mon Sep 17 00:00:00 2001
From: Orun Bhuiyan <orun@agencyundone.com>
Date: Mon, 12 May 2025 12:03:42 -0400
Subject: [PATCH 2/4] fix: read categories as kebab case

---
 packages/fe/components/blocks/category-slider-block.vue | 2 +-
 packages/fe/plugins/helpers.js                          | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/fe/components/blocks/category-slider-block.vue b/packages/fe/components/blocks/category-slider-block.vue
index 4c657f57..9840691d 100644
--- a/packages/fe/components/blocks/category-slider-block.vue
+++ b/packages/fe/components/blocks/category-slider-block.vue
@@ -40,7 +40,7 @@
             <div class="inner-content">
               <div
                 class="background-image"
-                :style="{ 'background-image': `url('/images/categories/${slide.id}.jpg')` }">
+                :style="{ 'background-image': `url('/images/categories/${$GetKebab(slide.name)}.jpg')` }">
               </div>
               <div class="category">
                 <div class="text">
diff --git a/packages/fe/plugins/helpers.js b/packages/fe/plugins/helpers.js
index 6073adc4..2c55532f 100644
--- a/packages/fe/plugins/helpers.js
+++ b/packages/fe/plugins/helpers.js
@@ -397,6 +397,12 @@ const ConnectWebsocket = config => (instance, next) => {
   })
 }
 
+// //////////////////////////////////////////////////////// getKebab
+// makes any string kebab-lowercase
+const GetKebab = (str) => {
+  return str.toLowerCase().replace(/[.,/#!$%^&*;:{}=_`~()]/g, '').replace(/\s+/g, '-').trim()
+}
+
 // //////////////////////////////////////////////////////// getPrettyNameFromUrl
 // replace '-' to ' '
 // remove extension
@@ -461,6 +467,7 @@ export default ({ $config, app }, inject) => {
   inject('connectWebsocket', ConnectWebsocket($config))
   inject('GetTagBasedOnUrl', GetTagBasedOnUrl)
   inject('GetTargetBasedOnUrl', GetTargetBasedOnUrl)
+  inject('GetKebab', GetKebab)
   inject('GetPrettyNameFromUrl', GetPrettyNameFromUrl)
   inject('scrollToHash', (route, element) => ScrollToHash(app, route, element))
 }

From ba878871023d855ef54b9cf52c0a6d1284591386 Mon Sep 17 00:00:00 2001
From: Orun Bhuiyan <orun@agencyundone.com>
Date: Mon, 12 May 2025 12:04:02 -0400
Subject: [PATCH 3/4] docs: minor deprecation notice

---
 packages/fe/README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/fe/README.md b/packages/fe/README.md
index 8a09d426..0c1b782d 100644
--- a/packages/fe/README.md
+++ b/packages/fe/README.md
@@ -1,8 +1,11 @@
 # Open Panda Frontend
 
+See the main repo readme for the most up-to-date documentation on running this project as a static site.
 
 ## Storybook
 
+### _Note: (Storybook is deprecated)_
+
 To better display the components available on the site, their properties, and the states they might appear in, a Storybook app is included in this repo.
 
 - Each component that's developed must have its own story

From 5b174dc31ab7d267a0ad3275d36bf890c67e4e28 Mon Sep 17 00:00:00 2001
From: Orun Bhuiyan <orun@agencyundone.com>
Date: Mon, 12 May 2025 12:46:35 -0400
Subject: [PATCH 4/4] test: use openssl-legacy-provider on generate

---
 packages/fe/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fe/package.json b/packages/fe/package.json
index 4da49184..4c68af26 100644
--- a/packages/fe/package.json
+++ b/packages/fe/package.json
@@ -7,7 +7,7 @@
     "dev": "../../node_modules/.bin/nuxt",
     "start": "../../node_modules/.bin/nuxt start",
     "build": "../../node_modules/.bin/nuxt build",
-    "generate": "../../node_modules/.bin/nuxt generate",
+    "generate": "NODE_OPTIONS=--openssl-legacy-provider ../../node_modules/.bin/nuxt generate",
     "serve": "../../node_modules/.bin/nuxt serve",
     "launch": "../../node_modules/.bin/nuxt build && pm2 restart op-fe",
     "launch-stable": "../../node_modules/.bin/nuxt build && pm2 restart op-ST-fe",