+
);
@@ -405,6 +429,7 @@ export default function BlogPost({ content }: BlogPostProps) {
const id = generateSlug(getTextContent(children));
return (
+
);
@@ -413,6 +438,7 @@ export default function BlogPost({ content }: BlogPostProps) {
const id = generateSlug(getTextContent(children));
return (
+
);
@@ -421,6 +447,7 @@ export default function BlogPost({ content }: BlogPostProps) {
const id = generateSlug(getTextContent(children));
return (
+
);
@@ -429,6 +456,7 @@ export default function BlogPost({ content }: BlogPostProps) {
const id = generateSlug(getTextContent(children));
return (
+
);
@@ -437,6 +465,7 @@ export default function BlogPost({ content }: BlogPostProps) {
const id = generateSlug(getTextContent(children));
return (
+
);
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..3d8e8e7
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,91 @@
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import remarkBreaks from "remark-breaks";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
+import siteConfig from "../config/siteConfig";
+
+// Sanitize schema for footer markdown (allows links, paragraphs, line breaks, images)
+// style attribute is sanitized by rehypeSanitize to remove dangerous CSS
+const footerSanitizeSchema = {
+ ...defaultSchema,
+ tagNames: [...(defaultSchema.tagNames || []), "br", "img"],
+ attributes: {
+ ...defaultSchema.attributes,
+ img: ["src", "alt", "loading", "width", "height", "style", "class"],
+ },
+};
+
+// Footer component
+// Renders markdown content from frontmatter footer field
+// Falls back to siteConfig.footer.defaultContent if no frontmatter footer provided
+// Visibility controlled by siteConfig.footer settings and frontmatter showFooter field
+interface FooterProps {
+ content?: string; // Markdown content from frontmatter
+}
+
+export default function Footer({ content }: FooterProps) {
+ const { footer } = siteConfig;
+
+ // Don't render if footer is globally disabled
+ if (!footer.enabled) {
+ return null;
+ }
+
+ // Use frontmatter content if provided, otherwise fall back to siteConfig default
+ const footerContent = content || footer.defaultContent;
+
+ // Don't render if no content available
+ if (!footerContent) {
+ return null;
+ }
+
+ return (
+
+ {children};
+ },
+ img({ src, alt, width, height, style, className }) {
+ return (
+
+ 
+ {alt && (
+ {alt}
+ )}
+
+ );
+ },
+ a({ href, children }) {
+ const isExternal = href?.startsWith("http");
+ return (
+
+ {children}
+
+ );
+ },
+ }}
+ >
+ {footerContent}
+
+
+ - Built with{" "} - - Convex - {" "} - for real-time sync and deployed on{" "} - - Netlify - - . Read the{" "} - - project on GitHub - {" "} - to fork and deploy your own. View{" "} - - real-time site stats - - . -
- --
- Created by{" "} - - Wayne - {" "} - with Convex, Cursor, and Claude Opus 4.5. Follow on{" "} - - Twitter/X - - ,{" "} - - LinkedIn - - , and{" "} - - GitHub - - . This project is licensed under the MIT{" "} - - License. - {" "} -
-