reorganized posts categories

Author: wakywayne

posts/Added-security-when-Dangerously-setting-innerHtml.md

@@ -3,7 +3,7 @@ title: "Add protection when dangerously setting html in React"
 date: "September, 14, 2022"
 excerpt: "This will show you how to use one of the most under used npm packages out there"
 cover_image: "/images/posts/img7.jpg"
-category: "Utilities"
+category: "ClientSide"
 author: "WayneCarl"
 author_image: "/images/wayneswildworldImages/waterfall.jpg"
 ---

posts/Getting-bootstrap-in-unbounce.md

@@ -3,7 +3,7 @@ title: 'Unbounce'
 date: 'September, 14, 2022'
 excerpt: 'This article will show you how to implement bootstrap in Unbounce'
 cover_image: '/images/posts/img7.jpg'
-category: 'Utilities'
+category: 'ClientSide'
 author: 'WayneCarl'
 author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ---
@@ -14,4 +14,4 @@ author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ```javascript
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
-```
+```

posts/Making-Array-only-have-1-of-each-items.md

@@ -1,16 +1,17 @@
 ---
-title: "Making Array only have 1 of each items"
-date: 'May 7, 2022'
-excerpt: 'This is an easy 1 liner for making an array only unique values'
-cover_image: ''
-category: 'Styles'
-author: 'WayneCarl'
-author_image: '/images/wayneswildworldImages/waterfall.jpg'
+title: "Making Array only have unique items"
+date: "May 7, 2022"
+excerpt: "This is an easy 1 liner for making an array only unique values"
+cover_image: ""
+category: "Utilities"
+author: "WayneCarl"
+author_image: "/images/wayneswildworldImages/waterfall.jpg"
 ---
 
 # Making Array only have 1 of each items
-**uniqueCategories should be the name of the array** 
+
+**uniqueCategories should be the name of the array**
 
 ```javascript
-      const uniqueCategories = [...new Set(categories)]
-```
+const uniqueCategories = [...new Set(categories)];
+```

posts/Making-a-PWA.md

@@ -3,7 +3,7 @@ title: "How to turn your web app into a PWA"
 date: "September, 12, 2022"
 excerpt: "Companies like twitter understand the value of making there website a pwa learn more about this topic here"
 cover_image: "/images/posts/img7.jpg"
-category: "Utilities"
+category: "ClientSide"
 author: "WayneCarl"
 author_image: "/images/wayneswildworldImages/waterfall.jpg"
 ---
@@ -157,7 +157,7 @@ useEffect(() => {
       // You may want to customize the UI prompt accordingly.
       if (
         confirm(
-          "A newer version of this web app is available, reload to update?"
+          "A newer version of this web app is available, reload to update?",
         )
       ) {
         wb.addEventListener("controlling", (event) => {
@@ -168,7 +168,7 @@ useEffect(() => {
         wb.messageSkipWaiting();
       } else {
         console.log(
-          "User rejected to reload the web app, keep using old version. New version will be automatically load when user open the app next time."
+          "User rejected to reload the web app, keep using old version. New version will be automatically load when user open the app next time.",
         );
       }
     };
@@ -252,7 +252,7 @@ self.addEventListener("install", (evt) => {
     caches.open(staticCacheName).then((cache) => {
       //console.log("caching shell assets");
       cache.addAll(assets);
-    })
+    }),
   );
 });
 
@@ -265,9 +265,9 @@ self.addEventListener("activate", (evt) => {
       return Promise.all(
         keys
           .filter((key) => key !== staticCacheName && key !== dynamicCacheName)
-          .map((key) => caches.delete(key))
+          .map((key) => caches.delete(key)),
       );
-    })
+    }),
   );
 });
 
@@ -299,7 +299,7 @@ self.addEventListener("fetch", (evt) => {
           ) {
             return caches.match("/offline.html");
           }
-        })
+        }),
     );
   }
 });
@@ -319,7 +319,7 @@ self.addEventListener("push", (event) => {
 
   event
     .waitUntil(
-      self.registration.showNotification(notificationData.title, options)
+      self.registration.showNotification(notificationData.title, options),
     )
     .then(() => {
       alert("Notification shown");
@@ -342,7 +342,7 @@ self.addEventListener("notificationclick", (event) => {
 ```
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

posts/MongoDB-database.md

@@ -3,7 +3,7 @@ title: 'MongoDB'
 date: 'September 22, 2022'
 excerpt: "MongoDB is an excellent noSQL database it's a must learn"
 cover_image: ''
-category: 'FrameWorks'
+category: 'Database'
 author: 'WayneCarl'
 author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ---

posts/SQL-database.md

@@ -3,7 +3,7 @@ title: 'SQL'
 date: 'September 22, 2022'
 excerpt: 'SQL is the gold standard in databases should be every noobies first database'
 cover_image: ''
-category: 'FrameWorks'
+category: 'Database'
 author: 'WayneCarl'
 author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ---

posts/Using-a-rich-text-editor-in-react.md

@@ -3,7 +3,7 @@ title: 'Implement a rich text editor on your website'
 date: 'September, 14, 2022'
 excerpt: 'A rich text editor allows people to style text before submitting'
 cover_image: '/images/posts/img5.jpg'
-category: 'Utilities'
+category: 'ClientSide'
 author: 'WayneCarl'
 author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ---
@@ -63,4 +63,4 @@ export default MyComponent;
 ```
 
 # You will probably need to use html-react-parser and isomorphic-dompurify
-**see those articles in the Utilities category**
+**see those articles in the Utilities category**

posts/Using-markdown-files.md

@@ -3,7 +3,7 @@ title: 'Build a site with markdown'
 date: 'September, 14, 2022'
 excerpt: 'This will show you the basics of what I used to make this website'
 cover_image: '/images/posts/img7.jpg'
-category: 'Utilities'
+category: 'ClientSide'
 author: 'WayneCarl'
 author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ---

posts/Using-react-mapbox-gl.md

@@ -3,7 +3,7 @@ title: 'Create a custom interactive map'
 date: 'September, 14, 2022'
 excerpt: 'This will show you how to use react-map-gl'
 cover_image: '/images/posts/img7.jpg'
-category: 'Utilities'
+category: 'ClientSide'
 author: 'WayneCarl'
 author_image: '/images/wayneswildworldImages/waterfall.jpg'
 ---
@@ -159,4 +159,4 @@ export default function NewMapBoxMap({ allEvents }) {
         </>
     )
 }
-```
+```

projects/Wellruntournaments.md

@@ -11,7 +11,7 @@ author_image: '/images/wayneswildworldImages/waterfall.jpg'
 <!-- Markdown generator - https://jaspervdj.be/lorem-markdownum/ -->
 
 
-# [<span style="text-decoration: underline; word-wrap: break-word;">Click to view full site</span>](https://www.wrestlingtournaments.com/)
+# [<span style="text-decoration: underline; word-wrap: break-word;">Click to view full site</span>](https://wellruntournaments.vercel.app/)
 
 ## What was included in this project
 > - #### A main page that displays all vents on a map with various filters that the user can use to refine the search (*Main Photo*)