From 96cfb30fbbdc35b996b47a18de6a8548cc9c32f4 Mon Sep 17 00:00:00 2001
From: Rakib Ahmed <rakib987@gmail.com>
Date: Mon, 13 Feb 2023 04:00:58 -0500
Subject: [PATCH] New Site

---
 components/counter/counters.module.scss |   6 -
 components/counter/counters.tsx         |  24 ----
 components/iframe.tsx                   |   8 ++
 components/logo.tsx                     |   2 +-
 main.scss                               | 154 +++++++++++++++++++-----
 pages/_meta.json                        |  22 +++-
 pages/about.mdx                         |   2 +-
 pages/archive.mdx                       |  31 -----
 pages/code-snippets.mdx                 |  15 +++
 pages/code-snippets/_meta.json          |   6 +
 pages/code-snippets/css.mdx             |  20 +++
 pages/code-snippets/javascript.mdx      |  92 ++++++++++++++
 pages/code-snippets/scss.mdx            |  20 +++
 pages/code-snippets/typescript.mdx      |  92 ++++++++++++++
 pages/index.mdx                         |  18 +--
 pages/projects.mdx                      |   3 +
 pages/projects/_meta.json               |   8 ++
 pages/projects/game.mdx                 |  11 ++
 pages/schedule.mdx                      |   3 -
 pages/schedule/events.mdx               |   9 --
 theme.config.tsx                        |  28 ++++-
 21 files changed, 454 insertions(+), 120 deletions(-)
 delete mode 100644 components/counter/counters.module.scss
 delete mode 100644 components/counter/counters.tsx
 create mode 100644 components/iframe.tsx
 delete mode 100644 pages/archive.mdx
 create mode 100644 pages/code-snippets.mdx
 create mode 100644 pages/code-snippets/_meta.json
 create mode 100644 pages/code-snippets/css.mdx
 create mode 100644 pages/code-snippets/javascript.mdx
 create mode 100644 pages/code-snippets/scss.mdx
 create mode 100644 pages/code-snippets/typescript.mdx
 create mode 100644 pages/projects.mdx
 create mode 100644 pages/projects/_meta.json
 create mode 100644 pages/projects/game.mdx
 delete mode 100644 pages/schedule.mdx
 delete mode 100644 pages/schedule/events.mdx

diff --git a/components/counter/counters.module.scss b/components/counter/counters.module.scss
deleted file mode 100644
index 4a5d0c8..0000000
--- a/components/counter/counters.module.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.counter {
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  padding: 2px 6px;
-  margin: 12px 0 0;
-}
diff --git a/components/counter/counters.tsx b/components/counter/counters.tsx
deleted file mode 100644
index eed17bb..0000000
--- a/components/counter/counters.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-// Example from https://beta.reactjs.org/learn
-
-import { useState } from 'react'
-import styles from './counters.module.scss'
-
-function MyButton() {
-  const [count, setCount] = useState(0)
-
-  function handleClick() {
-    setCount(count + 1)
-  }
-
-  return (
-    <div>
-      <button onClick={handleClick} className={styles.counter}>
-        Clicked {count} times
-      </button>
-    </div>
-  )
-}
-
-export default function MyApp() {
-  return <MyButton />
-}
diff --git a/components/iframe.tsx b/components/iframe.tsx
new file mode 100644
index 0000000..84e6366
--- /dev/null
+++ b/components/iframe.tsx
@@ -0,0 +1,8 @@
+import { Bleed } from "nextra-theme-docs";
+
+export default function Iframe(props) {
+    return <>
+        <iframe src={props.src} style={{width: `100%`, height: `1080px`, margin: `20px auto`}} />
+        {/* <Bleed full><iframe src={props.src} style={{width: `100%`, height: `100%`}} /></Bleed> */}
+    </>
+}
\ No newline at end of file
diff --git a/components/logo.tsx b/components/logo.tsx
index 82c4d6c..fd6d005 100644
--- a/components/logo.tsx
+++ b/components/logo.tsx
@@ -5,7 +5,7 @@ export default function Logo(props) {
                 <path fill={props.color ?? `hsl(var(--nextra-primary-hue)100% 50%/1)`} d="M18.6763 18.1558C18.2968 17.957 17.9342 17.729 17.5919 17.4738L18.6763 18.1558ZM17.5919 17.4738C17.1352 17.4123 16.8574 17.6355 17.5164 18.292C17.6059 18.3508 17.6691 18.4406 17.6932 18.5434C17.7173 18.6461 17.7003 18.7539 17.6459 18.8448C16.5103 18.3316 16.549 18.9327 17.0102 19.6859C15.3262 19.2816 16.798 20.6193 16.059 20.788C15.105 20.4461 15.2803 21.5527 15.9753 21.71C16.5723 21.1185 18.7689 19.4943 18.7122 18.2437C18.7019 18.2137 18.6899 18.1844 18.6763 18.1558C18.2968 17.957 17.9342 17.729 17.5919 17.4738ZM11.7307 20.788C10.9916 20.6193 12.4625 19.2816 10.7794 19.6859C11.2406 18.9362 11.2793 18.3316 10.1437 18.8448C10.0891 18.7539 10.072 18.6461 10.0961 18.5433C10.1201 18.4405 10.1835 18.3506 10.2732 18.292C11.0392 17.5283 10.5429 17.3508 9.96391 17.5256C9.669 17.7638 9.3705 17.9994 9.07829 18.2411C9.02164 19.4917 11.2182 21.1159 11.8152 21.7073C12.5084 21.5527 12.6846 20.4461 11.7307 20.788ZM6.62912 14.403C6.83053 14.8171 7.06314 15.2161 7.32503 15.5965C8.19351 15.2086 8.96652 14.6427 9.59168 13.9372C9.30756 13.4565 9.23203 12.7806 9.53413 11.9342C9.85809 12.1928 10.1964 12.4336 10.5474 12.6558C11.1578 11.6426 11.5726 10.5285 11.7711 9.36881C10.4287 9.46988 8.93443 9.69223 7.79167 10.2846C7.09306 10.9631 7.18657 12.2128 7.36099 13.0741C7.91394 14.1956 7.21264 13.8643 6.62912 14.403ZM20.9816 14.4223C20.595 15.2476 19.4261 17.1055 18.5657 17.102C18.2528 16.5413 17.7322 16.5747 17.4634 15.8795C16.2945 16.2451 15.6031 16.9763 15.4197 18.2033C14.7562 17.4799 14.6051 18.379 14.0647 18.0626C14.0315 18.0119 13.9832 17.9724 13.9263 17.9495C13.8693 17.9265 13.8066 17.9212 13.7465 17.9343V17.9115C13.6644 17.9283 13.5923 17.9756 13.5451 18.0433C13.0056 18.3615 12.8536 17.4606 12.191 18.183C12.0624 17.3253 11.6839 16.7109 11.0689 16.2926C10.7854 16.1042 10.4748 15.9582 10.1473 15.8593C9.87759 16.5527 9.35701 16.5211 9.04412 17.0818C8.64402 17.0818 8.17738 16.6819 7.7539 16.1687C8.57352 15.6712 9.32261 15.0704 9.98189 14.3819C10.8279 15.0595 12.3079 14.8908 13.0964 13.6445C12.4066 13.5273 11.7405 13.3024 11.1238 12.9783C11.891 11.864 12.446 10.6233 12.7619 9.31608H12.7691C13.3688 9.28411 13.9701 9.2991 14.5673 9.3609C16.1588 9.44351 18.5279 9.64126 19.8172 10.3092C20.5158 10.9877 20.4223 12.2427 20.2479 13.0996C19.6922 14.2158 20.3971 13.8862 20.9816 14.4223ZM14.5799 15.8197C14.3884 15.5816 14.1025 14.8196 13.795 14.5252C13.4956 14.8328 13.2178 15.5666 13.0308 15.7995C12.7745 16.21 13.3194 16.4552 13.4632 16.6608C13.5634 16.5568 13.6864 16.4763 13.8229 16.4253C13.9496 16.4692 14.0027 16.5475 14.1501 16.681C14.2913 16.4728 14.8371 16.2284 14.5799 15.8197ZM18.0739 11.9527C17.0246 12.778 15.9097 13.4301 14.5152 13.6639C15.836 15.7486 19.0943 14.824 18.0739 11.9527ZM28 7.69982C27.697 8.46357 27.0802 8.59716 26.5407 9.10602C22.9003 11.5467 25.0347 14.7361 22.3069 11.1415L22.894 10.9042C21.3448 9.23434 17.7583 8.32383 14.1313 8.31152C10.5007 8.32383 6.65609 9.23258 5.10603 10.9042L5.69405 11.1415C2.96526 14.7361 5.09974 11.5467 1.46015 9.10602C0.920688 8.59716 0.302999 8.46357 0 7.69982L0.0899131 7.61194C5.72102 9.49185 6.23621 1.00016 11.0338 0C11.3935 1.19615 12.574 2.28947 13.938 2.23586V2.22707L14.0027 2.23146L14.0683 2.22707V2.23586C15.4314 2.28947 16.6164 1.19615 16.9715 0C21.7701 1.00016 22.2853 9.49185 27.9092 7.61457L28 7.69982ZM14.0324 5.97635L15.5087 7.00815L15.8513 6.54059L14.4774 5.58086L15.854 4.61409L15.5114 4.14653L14.0153 5.19591H14.0099L12.5156 4.15093L12.1739 4.61849L13.5504 5.58525L12.1739 6.54235L12.5156 7.00991L13.9919 5.97635H14.0324ZM22.8679 6.75943C21.3196 4.68968 20.1778 2.09084 17.8437 0.856024C17.4454 0.466683 16.5714 2.39493 14.4001 2.93193C14.2673 2.93169 14.1347 2.92436 14.0027 2.90996C13.871 2.92438 13.7387 2.93172 13.6062 2.93193C11.4339 2.39493 10.56 0.471077 10.1626 0.856024C7.82493 2.09084 6.68576 4.68968 5.1384 6.76119C7.03552 5.2214 7.62263 3.2826 10.3532 1.73578C11.3674 3.05849 12.7439 3.77037 14.0638 3.77916C15.3828 3.76686 16.7432 3.07079 17.7574 1.74896C20.488 3.29842 20.9699 5.2214 22.8679 6.76119V6.75943Z" />
             </svg>
             {props.title && <>
-                <h1 style={{ padding: 10, fontWeight: 500, fontSize: 20 }}>{props.title}</h1>
+                <h1 style={{ padding: 1, fontWeight: 500, fontSize: 20 }}>{props.title}</h1>
             </>}
         </>
     )
diff --git a/main.scss b/main.scss
index 0291b18..ec0eb03 100644
--- a/main.scss
+++ b/main.scss
@@ -49,6 +49,7 @@
     --mainTeal: rgba(32, 143, 163, 1);
     --blackGlass: rgba(0, 0, 0, 0.75);
     --silverGlass: rgba(0, 0, 0, 0.35);
+    --piratechsBlue: rgba(1, 47, 74, 1);
     --mainGlass: rgba(255, 28, 11, 0.75);
     --dangerColor: rgba(255, 28, 11, 0.75);
     --softWhite: rgba(255, 255, 255, 0.87);
@@ -57,8 +58,108 @@
     --transition: 0.24s cubic-bezier(0.77, 0.2, 0.05, 1) !important;
 }
 
+.line {
+    &::before {
+        color: var(--softWhite) !important;
+    }
+}
+
+article {
+    padding: 1em 0;
+    main {
+        max-width: 92rem !important;
+        width: 100% !important;
+        padding: 0;
+    }
+}
+
+.nextra-toc {
+    width: auto;
+    padding: 0 !important;
+    margin: 0 !important;
+    .nextra-scrollbar {
+        p, ul {
+            padding: 0 0 1em 2em;
+            li {
+                position: relative;
+                a {
+                    font-size: 13px;
+                    margin: 0;
+                    max-width: 200px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+            }
+        }
+        div {
+            padding: 2em 0 0 2em !important;
+        }
+    }
+}
+
+[dir="ltr"] .ltr\:-nx-mr-4 {
+    margin-right: -2rem;
+}
+
+html[class~="dark"] .dark\:nx-border-neutral-800 {
+    border-color: hsl(var(--nextra-primary-hue)100% 94%/.1) !important;
+}
+
+.dark {
+
+    .nx-sticky {
+        background: black !important;
+    }
+
+    html[class~="dark"] .dark\:nx-shadow-\[0_-12px_16px_\#111\] {
+        background: black !important;
+    }
+
+    aside {
+        border-right: solid 1px var(--bg);
+        background: black !important;
+    }
+
+    body {
+        background: black !important;
+    }
+
+    article {
+        background: var(--piratechsBlue);
+    }
+
+    .nextra-toc {
+        border-left: solid 1px var(--bg);
+    }
+
+    header, nav {
+        background: black !important;
+        border-bottom: solid 1px var(--bg);
+        --tw-shadow: 0 -12px 16px #111;
+    }
+    
+    html[class~=dark] .dark\:nx-bg-dark {
+        background: black !important;
+    }
+
+    footer {
+        div {
+            background: black;
+        }
+    }
+
+}
+
+.textOverflow {
+    max-width: 60%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    margin: 0;
+}
+
 html[class~=dark] .dark\:nx-bg-dark {
-    background: black !important;
     padding: 1em;
     margin: 0;
 }
@@ -71,10 +172,28 @@ html[class~=dark] .dark\:nx-text-neutral-500, html[class~=dark] .dark\:nx-text-g
     }
 }
 
-header, nav {
-    background: black !important;
-    border-bottom: solid 1px var(--bg);
+main {
     --tw-shadow: 0 -12px 16px #111;
+    // border-top: solid 1px var(--bg);
+    // border-left: solid 1px var(--bg);
+    // border-right: solid 1px var(--bg);
+}
+
+.nx-max-w-\[90rem\] {
+    max-width: 100% !important;
+    padding: 0em;
+}
+
+@media (min-width: 768px) {
+    aside {
+        width: auto !important;
+    }
+}
+
+footer {
+    div {
+        padding: 1em !important;
+    }
 }
 
 .logo {
@@ -101,28 +220,11 @@ header, nav {
     }
 }
 
-main {
-    --tw-shadow: 0 -12px 16px #111;
-    // border-top: solid 1px var(--bg);
-    border-left: solid 1px var(--bg);
-    border-right: solid 1px var(--bg);
-}
-
-footer {
-    display: none;
-}
-
-.nx-max-w-\[90rem\] {
-    max-width: 100% !important;
-    padding: 1.5em !important;
-}
-
 body {
     // margin: 0;
     // padding: 0;
     // width: 100%;
-    // overflow-x: hidden;
-    background: black !important;
+    overflow-x: hidden;
     font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
         Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 
@@ -669,14 +771,6 @@ body {
 //     }
 // }
 
-// .textOverflow {
-//     max-width: 60%;
-//     text-overflow: ellipsis;
-//     white-space: nowrap;
-//     overflow: hidden;
-//     margin: 0;
-// }
-
 // .alert {
 //     top: 50%;
 //     left: 50%;
diff --git a/pages/_meta.json b/pages/_meta.json
index 77e2bcf..b5043fe 100644
--- a/pages/_meta.json
+++ b/pages/_meta.json
@@ -1,11 +1,27 @@
 {
-  "index": "Home",
-  "archive": "Archive",
-  "schedule": "Schedule",
+  "index": {
+    "title": "Home"
+  },
+  "projects": "Projects",
+  "code-snippets": "Code Snippets",
   "about": {
     "title": "About",
     "type": "page"
   },
+  "company": {
+    "title": "Company",
+    "type": "menu",
+    "items": {
+      "about": {
+        "title": "Piratechs",
+        "href": "https://piratechs.com/"
+      },
+      "contact": {
+        "title": "Text Me",
+        "href": "sms:6787903980"
+      }
+    }
+  },
   "contact": {
     "title": "Contact ↗",
     "type": "page",
diff --git a/pages/about.mdx b/pages/about.mdx
index ec6faed..55777c6 100644
--- a/pages/about.mdx
+++ b/pages/about.mdx
@@ -1,3 +1,3 @@
 # About
 
-This is the about page! This page is shown on the navbar.
+This is the About Page
\ No newline at end of file
diff --git a/pages/archive.mdx b/pages/archive.mdx
deleted file mode 100644
index 2400563..0000000
--- a/pages/archive.mdx
+++ /dev/null
@@ -1,31 +0,0 @@
-# Archived Tasks
-
-```js filename="demo.js" {3} copy
-let a = 1;
-
-console.log(a);
-```
-
-## Component
-
-import { useState } from 'react'
-
-{/* Import CSS modules */}
-import styles from '../components/counter/counters.module.scss'
-
-export const Counter = () => {
-  const [count, setCount] = useState(0);
-  return (
-    <div>
-      <button onClick={() => setCount(count + 1)} className={styles.counter}>Clicked {count} times</button>
-    </div>
-  );
-};
-
-<Counter/>
-
-## External Component
-
-import Counters from '../components/counter/counters'
-
-<Counters />
diff --git a/pages/code-snippets.mdx b/pages/code-snippets.mdx
new file mode 100644
index 0000000..401196d
--- /dev/null
+++ b/pages/code-snippets.mdx
@@ -0,0 +1,15 @@
+# Code
+
+These are some Code Snippets that I always find helpful, maybe you will too!
+
+<div style={{marginTop: -20}}></div>
+
+## Tips
+
+If you are using JavaScript instead of TypeScript, you may need to  ***Remove Type Definitions.***
+
+Turn `(objectWithTypeDefinition?: typeDefinition)` into `(objectWithoutTypeDefinition)`.
+
+If you are using CSS instead of SCSS, you may need to take the children out of the parent!
+
+Turn `Parent { Child { style } }` into `Parent Child { style }`.
\ No newline at end of file
diff --git a/pages/code-snippets/_meta.json b/pages/code-snippets/_meta.json
new file mode 100644
index 0000000..5cfbee0
--- /dev/null
+++ b/pages/code-snippets/_meta.json
@@ -0,0 +1,6 @@
+{
+    "typescript": "TypeScript",
+    "javascript": "JavaScript",
+    "scss": "SCSS",
+    "css": "CSS"
+}
\ No newline at end of file
diff --git a/pages/code-snippets/css.mdx b/pages/code-snippets/css.mdx
new file mode 100644
index 0000000..0d586ab
--- /dev/null
+++ b/pages/code-snippets/css.mdx
@@ -0,0 +1,20 @@
+# CSS
+
+If you are using CSS instead of SCSS, you may need to take the children out of the parent!
+
+Turn `Parent { Child { style } }` into `Parent Child { style }`.
+
+## textOverflow
+
+```scss showLineNumbers filename="textOverflow.scss" {1,3} copy
+.textOverflowParent {
+    position: relative;
+    .textOverflow {
+        margin: 0;
+        max-width: 60%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+```
\ No newline at end of file
diff --git a/pages/code-snippets/javascript.mdx b/pages/code-snippets/javascript.mdx
new file mode 100644
index 0000000..b150446
--- /dev/null
+++ b/pages/code-snippets/javascript.mdx
@@ -0,0 +1,92 @@
+# JavaScript
+
+If you are using JavaScript instead of TypeScript, you may need to  ***Remove Type Definitions.***
+
+Turn `(objectWithTypeDefinition?: typeDefinition)` into `(objectWithoutTypeDefinition)`.
+
+Code gets more ***Advanced*** towards the bottom!
+
+<div style={{marginTop: -20}}></div>
+
+## getCurrentPageName
+
+```js showLineNumbers filename="getCurrentPageName.js" {2} copy
+export const getCurrentPageName = () => {
+  return window.location.hash.slice(window.location.hash.lastIndexOf(`/`)).replace(`/`, ``);
+};
+```
+
+## getNumberFromString
+
+```js showLineNumbers filename="getNumberFromString.js" {1,4} copy
+export const getNumberFromString = (string: string) => {
+  let result: any = string.match(/\d+/);
+  let number = parseInt(result[0]);
+  return number;
+};
+```
+
+## createHTMLElementFromXMLString
+
+```js showLineNumbers filename="createHTMLElementFromXMLString.js" {1,4} copy
+export const createHTMLElementFromXMLString = (xmlString: string) => {
+  let div = document.createElement('div');
+  div.innerHTML = xmlString.trim();
+  return div.firstChild;
+};
+```
+
+## cutOffTextAndReplace
+
+```js showLineNumbers filename="cutOffTextAndReplace.js" {1,5,8} copy
+export const cutOffTextAndReplace = (string: string, end: number, replacement?: string) => {
+  if (!replacement) {
+    replacement = `...` || `-`;
+  }
+  return string?.length > end ? string?.substring(0, end - 1) + replacement : string;
+};
+```
+
+```
+
+## capitalizeAllWordsInString
+
+```js showLineNumbers filename="capitalizeAllWordsInString.js" {1,4} copy
+export const capitalizeAllWordsInString = (string: string) => {
+  if (string != null || string != undefined) {
+    return string.replace(`  `,` `).split(` `).map((word: any) => {
+      return word?.charAt(0)?.toUpperCase() + word?.slice(1).toLowerCase()).join();
+    };
+  }
+};
+```
+
+## removeDuplicateObjectFromArray
+
+```js showLineNumbers filename="removeDuplicateObjectFromArray.js" {1,5,8} copy
+export const removeDuplicateObjectFromArray = (arrayOfObjects: any) => {
+  const uniqueArray = arrayOfObjects?.filter((value?: any, index?: any) => {
+    const _value = JSON.stringify(value);
+    return index === arrayOfObjects?.findIndex((obj?: any) => {
+        return JSON.stringify(obj) === _value;
+    });
+  });
+  return uniqueArray;
+};
+```
+
+## getFormValuesFromFormFields
+
+```js showLineNumbers filename="getFormValuesFromFormFields.js" {1,5,7,9} copy
+export const getFormValuesFromFormFields = (formFields: any) => {
+  let formValues = [];
+  for (let i = 0; i < formFields.length; i++) {
+    let field = formFields[i];
+    if (field.type != `submit`) {
+      formValues.push({
+        [field.name]: field.value,
+      });
+      return formValues;
+    };
+  };
+};
\ No newline at end of file
diff --git a/pages/code-snippets/scss.mdx b/pages/code-snippets/scss.mdx
new file mode 100644
index 0000000..42ab283
--- /dev/null
+++ b/pages/code-snippets/scss.mdx
@@ -0,0 +1,20 @@
+# SCSS
+
+If you are using CSS instead of SCSS, you may need to take the children out of the parent!
+
+Turn `Parent { Child { style } }` into `Parent Child { style }`.
+
+## textOverflow
+
+```scss showLineNumbers filename="textOverflow.scss" {1,3} copy
+.textOverflowParent {
+    position: relative;
+    .textOverflow {
+        margin: 0;
+        max-width: 60%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+```
\ No newline at end of file
diff --git a/pages/code-snippets/typescript.mdx b/pages/code-snippets/typescript.mdx
new file mode 100644
index 0000000..d33907c
--- /dev/null
+++ b/pages/code-snippets/typescript.mdx
@@ -0,0 +1,92 @@
+# TypeScript
+
+If you are using JavaScript instead of TypeScript, you may need to  ***Remove Type Definitions.***
+
+Turn `(objectWithTypeDefinition?: typeDefinition)` into `(objectWithoutTypeDefinition)`.
+
+Code gets more ***Advanced*** towards the bottom!
+
+<div style={{marginTop: -20}}></div>
+
+## getCurrentPageName
+
+```js showLineNumbers filename="getCurrentPageName.js" {2} copy
+export const getCurrentPageName = () => {
+  return window.location.hash.slice(window.location.hash.lastIndexOf(`/`)).replace(`/`, ``);
+};
+```
+
+## getNumberFromString
+
+```js showLineNumbers filename="getNumberFromString.js" {1,4} copy
+export const getNumberFromString = (string: string) => {
+  let result: any = string.match(/\d+/);
+  let number = parseInt(result[0]);
+  return number;
+};
+```
+
+## createHTMLElementFromXMLString
+
+```js showLineNumbers filename="createHTMLElementFromXMLString.js" {1,4} copy
+export const createHTMLElementFromXMLString = (xmlString: string) => {
+  let div = document.createElement('div');
+  div.innerHTML = xmlString.trim();
+  return div.firstChild;
+};
+```
+
+## cutOffTextAndReplace
+
+```js showLineNumbers filename="cutOffTextAndReplace.js" {1,5,8} copy
+export const cutOffTextAndReplace = (string: string, end: number, replacement?: string) => {
+  if (!replacement) {
+    replacement = `...` || `-`;
+  }
+  return string?.length > end ? string?.substring(0, end - 1) + replacement : string;
+};
+```
+
+```
+
+## capitalizeAllWordsInString
+
+```js showLineNumbers filename="capitalizeAllWordsInString.js" {1,4} copy
+export const capitalizeAllWordsInString = (string: string) => {
+  if (string != null || string != undefined) {
+    return string.replace(`  `,` `).split(` `).map((word: any) => {
+      return word?.charAt(0)?.toUpperCase() + word?.slice(1).toLowerCase()).join();
+    };
+  }
+};
+```
+
+## removeDuplicateObjectFromArray
+
+```js showLineNumbers filename="removeDuplicateObjectFromArray.js" {1,5,8} copy
+export const removeDuplicateObjectFromArray = (arrayOfObjects: any) => {
+  const uniqueArray = arrayOfObjects?.filter((value?: any, index?: any) => {
+    const _value = JSON.stringify(value);
+    return index === arrayOfObjects?.findIndex((obj?: any) => {
+        return JSON.stringify(obj) === _value;
+    });
+  });
+  return uniqueArray;
+};
+```
+
+## getFormValuesFromFormFields
+
+```js showLineNumbers filename="getFormValuesFromFormFields.js" {1,5,7,9} copy
+export const getFormValuesFromFormFields = (formFields: any) => {
+  let formValues = [];
+  for (let i = 0; i < formFields.length; i++) {
+    let field = formFields[i];
+    if (field.type != `submit`) {
+      formValues.push({
+        [field.name]: field.value,
+      });
+      return formValues;
+    };
+  };
+};
\ No newline at end of file
diff --git a/pages/index.mdx b/pages/index.mdx
index 02ac09a..7f3062e 100644
--- a/pages/index.mdx
+++ b/pages/index.mdx
@@ -1,15 +1,17 @@
-# Home
+# ProductIVF
 
-Welcome to ProductIVF! This is a productivity app.
+Welcome to ProductIVF! This is an app where I just store code I like. Right now im experimenting with making my own productivity app. I guess I am still trying to figure out what to do with this website.
 
-## What is ProductIVF?
+## Who am I?
 
-A **simple**, **powerful** and **flexible** site generation framework with everything you love from Next.js.
+A **Developer**, **Designer** and **Digital Media Expert** who codes for fun as well as professionally as a tutor or for my day job at Mitsubishi Electric!
 
-## Documentation
+## Latest Task
 
-The documentation is available at [ProductIVF Github](https://github.com/strawhat19/ProductIVF).
+***Sortable Draggable and Droppable Lists*** (Work in Progress).
 
-import List from '../components/list/list'
+import Iframe from '../components/iframe'
 
-<List />
\ No newline at end of file
+<Iframe src="https://next-13-vite-comparison.vercel.app/lists" />
+
+You can see my projects at [Piratechs](https://piratechs.com).
\ No newline at end of file
diff --git a/pages/projects.mdx b/pages/projects.mdx
new file mode 100644
index 0000000..c4ddcfe
--- /dev/null
+++ b/pages/projects.mdx
@@ -0,0 +1,3 @@
+# Projects
+
+These are some of my Projects.
diff --git a/pages/projects/_meta.json b/pages/projects/_meta.json
new file mode 100644
index 0000000..07e13f5
--- /dev/null
+++ b/pages/projects/_meta.json
@@ -0,0 +1,8 @@
+{
+    "game": {
+        "title": "Game",
+        "theme": {
+            "layout": "full"
+        }
+    }
+}
\ No newline at end of file
diff --git a/pages/projects/game.mdx b/pages/projects/game.mdx
new file mode 100644
index 0000000..0c064af
--- /dev/null
+++ b/pages/projects/game.mdx
@@ -0,0 +1,11 @@
+# Game
+
+## This is the Game Page.
+
+```
+We Code Games
+```
+
+import Iframe from '../../components/iframe'
+
+<Iframe src="https://next-13-vite-comparison.vercel.app/game" />
\ No newline at end of file
diff --git a/pages/schedule.mdx b/pages/schedule.mdx
deleted file mode 100644
index e3bd600..0000000
--- a/pages/schedule.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-# Schedule
-
-This is the index page for the Schedule Pages!
diff --git a/pages/schedule/events.mdx b/pages/schedule/events.mdx
deleted file mode 100644
index d951b4d..0000000
--- a/pages/schedule/events.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-# Events
-
-Satori (悟り) is a Japanese Buddhist term for awakening, "comprehension; understanding".
-
-## This is the Events Page.
-
-```
-We Code Things
-```
diff --git a/theme.config.tsx b/theme.config.tsx
index e0cdab8..b18f610 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-let appName = `ProductIVF`;
 import Logo from './components/logo';
 import { DocsThemeConfig } from 'nextra-theme-docs';
 
@@ -13,6 +12,29 @@ const config: DocsThemeConfig = {
     return {
       titleTemplate: `%s | ProductIVF`
     }
+  },
+  feedback: {
+    content: null,
+    // content: <>form</>,
+  },
+  editLink: {
+    text: null,
+    // text: `Quote goes here`,
+    // component: <>to</> as any,
+  },
+  // sidebar: {
+  //   titleComponent: <>Yo</>
+  // },
+  // toc: {
+  //   extraContent: <>Hello</>,
+  // },
+  // navbar: {
+  //   extraContent: <>Hello</>,
+  // },
+  head: <link rel="icon" href="	https://next-13-vite-comparison.vercel.app/piratechs.svg" type="image/x-icon"></link>,
+  logo: <Logo title={`ProductIVF`} color={`hsl(var(--nextra-primary-hue)100% 50%/1)`} />,
+  search: {
+    placeholder: `Search...`
   },
    // faviconGlyph:	`Pr`,
   project: {
@@ -23,10 +45,8 @@ const config: DocsThemeConfig = {
   },
   docsRepositoryBase: 'https://github.com/strawhat19/ProductIVF/',
   footer: {
-    text: appName,
+    text: `ProductIVF Copyright Ⓒ 2023`,
   },
-  head: <link rel="icon" href="	https://next-13-vite-comparison.vercel.app/piratechs.svg" type="image/x-icon"></link>,
-  logo: <Logo title={`ProductIVF`} color={`hsl(var(--nextra-primary-hue)100% 50%/1)`} />,
 }
 
 export default config