src/app/about/page.tsx

@@ -13,6 +13,7 @@ export default function About() {
         <AboutMe></AboutMe>
         <AboutSite></AboutSite>
       </div>
+
     </>
   )
 }

src/app/changelog.json

@@ -1,13 +1,5 @@
 {
   "entries": [
-    {
-      "id": "2",
-      "date": "23-07-08",
-      "title": "Added Changelog page",
-      "description": "Added changelog page. I will improve upon the styling a bit, but I wanted to get the basic functionality out.",
-      "linkName": "link",
-      "link": "/changelog"
-    },
     {
       "id": "1",
       "date": "23-07-03",

src/app/changelog/page.tsx

@@ -1,37 +0,0 @@
-import ContentCard from "@/components/ContentCard";
-import { ChangelogHandler } from "../../../lib/obtain-changelog";
-import { LogItem } from "../../../lib/log-item";
-
-export default function Changelog() {
-
-  const changelogHandler = new ChangelogHandler();
-  const changelogData: LogItem[] = changelogHandler.getFullChangelog();
-
-  return (
-    <>
-      <ContentCard outerClass={'mb-4'} innerClass={'!shadow-zinc-700'}>
-        <h1 className={"text-center"}>{'<< Changelog >>'}</h1>
-      </ContentCard>
-
-      <ContentCard>
-
-        <h2>{"< Entries >"}</h2>
-        <hr />
-
-        {
-          changelogData.map((log) =>
-            <>
-              <div>
-                {log.id}. <b>{log.title}</b> (<a href={log.link}>{log.linkName}</a>)
-                <br />
-                <div className="ml-7">
-                  <i>{log.date}</i> - {log.description}
-                </div>
-              </div>
-              <hr />
-            </>
-          )}
-      </ContentCard>
-    </>
-  )
-}

src/app/page.tsx

@@ -8,10 +8,10 @@ import { ChangelogHandler } from "../../lib/obtain-changelog";
 import { LogItem } from "../../lib/log-item";
 
 const changelogHandler = new ChangelogHandler();
-const changelogData: LogItem[] = changelogHandler.getRecentChangelog();
 
 export default function Home() {
 
+  const changelogData: LogItem[] = changelogHandler.getRecentChangelog();
 
   return (
     <>

src/components/home/Changelog.tsx

@@ -22,7 +22,6 @@ export default function Changelog(props: { changelogData: LogItem[] }) {
         </div>
         <div>
           <ul className="list-disc list-inside mr-7 marker:font-ibm marker:text-red-400 ">
-
             {
               props.changelogData.map((log, index) => {
                 let mostRecent = index == 0 ? true : false;