docs: add changelog entry

Signed-off-by: Ryan Cao <[email protected]>

changelog/2023-05-12-may-update.mdx

@@ -1,6 +1,7 @@
 ---
 title: May Update
 date: 2023-05-12
+cover-offset: -25
 ---
 
 After nearly two months of tapping away at the keyboard in whatever spare time I had outside of school and related activities, I am proud to announce a major update to Moddermore!

changelog/2023-11-09-neoforge-and-design.mdx

@@ -0,0 +1,17 @@
+---
+title: NeoForge support, design improvements, and so much more!
+date: 2023-11-09
+cover-offset: -35
+---
+
+We are delighted to announce that **Moddermore now supports [NeoForge](https://neoforged.net/)** alongside Quilt, Fabric, and Forge! This includes support for MultiMC instances, Modrinth modpack exports, and packwiz output as well.
+
+Also, you might notice quite a few changes in the **design** of Moddermore.
+
+- We have adopted a new brand font, Satoshi, that should help Moddermore stand out and improve the legibility of its design.
+- The dashboard layout is now more consistent between tabs and more balanced in layout.
+- The visibility selector has been redesigned to give more information about what each option does.
+- Your profile picture is now displayed in the navigation bar and links to the dashboard.
+- Privileged actions on lists (e.g. editing or changing settings) now have their own distinguishing color and are on a separate row.
+
+In addition, we have made a significant improvement in the behavior of unlisted and private lists by **preventing search engines from crawling them**. This ensures that none of your unlisted or private lists unexpected show up in online searches.

src/lib/changelog.ts

@@ -44,7 +44,7 @@ export const listChangelogPosts = async () => {
         return {
           slug: fileName.replace(".mdx", ""),
           data: {
-            ...(data as { title: string }),
+            ...(data as { title: string; "cover-offset"?: number }),
             date: logDataFormat(data.date),
           },
           cover: await getPostCover(fileName.replace(".mdx", "")),

src/pages/changelog/[slug].tsx

@@ -41,7 +41,7 @@ const ChangelogPostPage: NextPage<PageProps> = ({ mdx, data }) => {
             backgroundPosition: "center",
           }}
         >
-          <h1 className="font-display text-4xl font-bold">{data.title}</h1>
+          <h1 className="font-display text-4xl font-bold [text-wrap:_balance;]">{data.title}</h1>
           <p className="text-lg font-medium">{data.date}</p>
         </div>
         <MDXRemote {...mdx} components={{ DonationMessage }} />

src/pages/changelog/index.tsx

@@ -11,6 +11,7 @@ interface PageProps {
     data: {
       title: string;
       date: string;
+      "cover-offset"?: number;
     };
     cover: {
       src: string;
@@ -30,11 +31,12 @@ const ChangelogIndexPage: NextPage<PageProps> = ({ data }) => {
             style={{
               backgroundImage: log.cover ? `url('${log.cover.src}')` : undefined,
               backgroundPosition: "center",
+              backgroundPositionY: log.data["cover-offset"],
             }}
             href={`/changelog/${log.slug}`}
             key={log.slug}
           >
-            <h1 className="font-display text-2xl font-bold">{log.data.title}</h1>
+            <h1 className="font-display text-2xl font-bold [text-wrap:_balance;]">{log.data.title}</h1>
             <p className="text-base font-medium">{log.data.date}</p>
           </Link>
         ))}