Merge pull request #395 from basementstudio/revert-394-canary

Revert "Website Polish & content"

Author: valebearzotti

apps/website/.gitignore

@@ -41,7 +41,4 @@ yarn-error.log*
 next-env.d.ts
 .env*.local
 xmcp-adapter
-/.source/
-# xmcp
-.xmcp
-xmcp-env.d.ts
+/.source/

apps/website/app/api/og/[...path]/route.tsx

@@ -269,7 +269,7 @@ export async function GET(
         <div
           style={{
             position: "absolute",
-            bottom: "108px",
+            bottom: "64px",
             left: "64px",
             right: "64px",
             display: "flex",

apps/website/app/blog/[...slug]/page.tsx

@@ -1,48 +1,25 @@
-import { blogSource } from "@/lib/source";
+import { blogSource } from "../../../lib/source";
 import { DocsBody, DocsTitle } from "@/components/layout/page";
 import { notFound } from "next/navigation";
 import { getMDXComponents } from "@/components/mdx-components";
 import type { Metadata } from "next";
 import { createRelativeLink } from "fumadocs-ui/mdx";
 import { CodeBlock } from "@/components/codeblock";
 import { BlogPage } from "@/components/layout/blog";
-import { getBlogMetadata, resolveAuthors } from "@/utils/blog";
-import { PostAuthors } from "@/components/blog/post-authors";
+import { getBlogMetadata } from "@/utils/blog";
 import { getBaseUrl } from "@/lib/base-url";
 
 export default async function Page(props: PageProps<"/blog/[...slug]">) {
   const params = await props.params;
   const page = blogSource.getPage(params.slug);
   if (!page) notFound();
 
-  const slug = Array.isArray(params.slug) ? params.slug.join("/") : params.slug;
   const MDX = page.data.body;
-  const authors = resolveAuthors(page.data.authors);
 
   return (
-    <BlogPage toc={page.data.toc} slug={slug}>
-      <div className="flex flex-col gap-4">
-        {page.data.date && (
-          <time
-            dateTime={page.data.date}
-            className="text-xs uppercase tracking-wide text-brand-neutral-50"
-          >
-            {new Date(page.data.date).toLocaleDateString("en-US", {
-              month: "short",
-              day: "numeric",
-              year: "numeric",
-            })}
-          </time>
-        )}
-        <DocsTitle>{page.data.title}</DocsTitle>
-        {page.data.description && (
-          <p className="text-base text-brand-neutral-50 max-w-3xl pb-1">
-            {page.data.description}
-          </p>
-        )}
-        <PostAuthors authors={authors} />
-      </div>
-      <DocsBody className="w-full border-t border-white/20 pt-4">
+    <BlogPage toc={page.data.toc}>
+      <DocsTitle>{page.data.title}</DocsTitle>
+      <DocsBody className="w-full">
         <MDX
           components={getMDXComponents({
             // this allows you to link to other pages with relative file paths

apps/website/app/docs/[[...slug]]/page.tsx

@@ -20,15 +20,13 @@ export default async function Page(props: PageProps<"/docs/[[...slug]]">) {
   if (!page) notFound();
 
   const MDX = page.data.body;
-  const displayTitle =
-    (page.data as { displayTitle?: string })?.displayTitle || page.data.title;
 
   return (
     <DocsPage
       toc={page.data.toc}
       pageActions={<PageActions markdownUrl={`${page.url}.mdx`} />}
     >
-      <DocsTitle>{displayTitle}</DocsTitle>
+      <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody className="border-t border-white/20 pt-4">
         <MDX

apps/website/app/mcp/route.ts

@@ -13,18 +13,19 @@ export function BlogHero({ featuredPost }: BlogHeroProps) {
   return (
     <Link href={`/blog/${featuredPost.slug}`} className="block col-span-12">
       <section className="relative group overflow-visible mb-2">
-        <div className="relative border border-brand-neutral-500 group-hover:border-brand-neutral-300 transition-colors duration-200 w-full flex flex-col md:flex-row">
-          <div className="w-full md:w-1/2 md:border-r border-brand-neutral-500 overflow-hidden mb-4 md:mb-0 group-hover:border-brand-neutral-300 transition-colors duration-200 relative aspect-video">
+        <div className="relative border border-brand-neutral-500 group-hover:border-brand-neutral-300 w-full flex flex-col md:flex-row">
+          <div className="w-full md:w-1/2 md:border-r border-brand-neutral-500 overflow-hidden mb-4 md:mb-0 group-hover:border-brand-neutral-300">
             {image ? (
               <Image
                 src={image}
                 alt={featuredPost.title}
-                fill
+                width={0}
+                height={0}
                 sizes="(max-width: 768px) 100vw, 50vw"
-                className="object-cover"
+                className="w-full h-auto"
               />
             ) : (
-              <div className="w-full h-full flex items-center justify-center text-brand-neutral-200 text-sm">
+              <div className="w-full aspect-video flex items-center justify-center text-brand-neutral-200 text-sm">
                 No preview image
               </div>
             )}

apps/website/components/blog/copy-url.tsx

@@ -44,10 +44,7 @@ export const BlogCard = ({ post }: { post: BlogPost }) => {
     post.textureImage ||
     TEXTURE_IMAGES[
       Math.abs(
-        Array.from(post.slug).reduce(
-          (hash, char) => hash + char.charCodeAt(0),
-          0
-        )
+        Array.from(post.slug).reduce((hash, char) => hash + char.charCodeAt(0), 0)
       ) % TEXTURE_IMAGES.length
     ];