Open2Tech · marcelo-m7 · Nov 8, 2025 · Nov 8, 2025
diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
@@ -1,5 +1,6 @@
 ---
 title: Removed example post
+slug: first-blog-post-legacy
 authors: [slorber]
 tags: [archived]
 draft: true

diff --git a/blog/2019-05-28-first-blog-post.mdx b/blog/2019-05-28-first-blog-post.mdx
@@ -1,6 +1,3 @@
-import AuthorCard from '@site/src/components/AuthorCard';
-
----
 ---
 slug: first-blog-post
 title: First Blog Post
@@ -9,6 +6,8 @@ tags: [archived]
 draft: true
 ---
 
+import AuthorCard from '@site/src/components/AuthorCard';
+
 <AuthorCard name="Sébastien Lorber" title="Docusaurus maintainer" image="/img/yangshun.png" linkedin="https://sebastienlorber.com" github="slorber" />
 
 This example blog post has been removed and replaced by updated content. See the new post "Twelve-Factor App methodology" in this blog.

diff --git a/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
@@ -1,5 +1,6 @@
 ---
 title: Removed example post
+slug: long-blog-post-legacy
 authors: [slorber]
 tags: [archived]
 draft: true

diff --git a/blog/2019-05-29-long-blog-post.mdx b/blog/2019-05-29-long-blog-post.mdx
@@ -1,13 +1,12 @@
-import AuthorCard from '@site/src/components/AuthorCard';
-
----
 ---
 title: Removed example post
 authors: [slorber]
 tags: [archived]
 draft: true
 ---
 
+import AuthorCard from '@site/src/components/AuthorCard';
+
 <AuthorCard name="Sébastien Lorber" title="Docusaurus maintainer" image="/img/yangshun.png" linkedin="https://sebastienlorber.com" github="slorber" />
 
 This example blog post has been removed and replaced by updated content. See the new post "Twelve-Factor App methodology" in this blog.

diff --git a/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
@@ -1,5 +1,4 @@
 ---
----
 title: Removed example post (MDX)
 authors: [slorber]
 tags: [archived]

diff --git a/blog/2025-11-08-twelve-factor-app-methodology.md b/blog/2025-11-08-twelve-factor-app-methodology.md
@@ -1,5 +1,6 @@
 ---
 title: "Twelve-Factor App methodology — twelve quick rules for modern apps"
+slug: twelve-factor-app-methodology-legacy
 authors: [marcelo-m7]
 tags: [architecture, twelve-factor, best-practices]
 draft: true

diff --git a/blog/2025-11-08-twelve-factor-app-methodology.mdx b/blog/2025-11-08-twelve-factor-app-methodology.mdx
@@ -1,11 +1,11 @@
-import AuthorCard from '@site/src/components/AuthorCard';
-
 ---
 title: "Twelve-Factor App methodology — twelve quick rules for modern apps"
 authors: [marcelo-m7]
 tags: [architecture, twelve-factor, best-practices]
 ---
 
+import AuthorCard from '@site/src/components/AuthorCard';
+
 <AuthorCard name="Marcelo Santos" title="Founder & Maintainer" image="/img/marcelo-m7-avatar.svg" linkedin="https://www.linkedin.com/in/marcelo-m7/" github="https://github.com/marcelo-m7" />
 
 The Twelve-Factor App is a methodology for building software-as-a-service apps that are portable, declarative, and suitable for modern cloud platforms. Originally described at https://12factor.net/ and summarized on https://en.wikipedia.org/wiki/Twelve-Factor_App_methodology, the twelve factors provide pragmatic guidance that applies to web apps, microservices, and even static/documentation sites that have runtime components.

diff --git a/blog/authors/marcelo-m7/index.md b/blog/authors/marcelo-m7/index.md
@@ -8,6 +8,8 @@ draft: true
 
 Marcelo (GitHub: `marcelo-m7`) is the founder and maintainer of MonaDocs. He focuses on developer experience, documentation tooling, and building internal tools that make publishing and maintaining docs easier.
 
+<!-- truncate -->
+
 Contact & links
 
 - LinkedIn: https://www.linkedin.com/in/marcelo-m7/

diff --git a/src/components/AuthorCard/index.js b/src/components/AuthorCard/index.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './styles.module.css';
 
-export default function AuthorCard({ name, title, image = '/img/marcelo-m7-avatar.png', linkedin, github, children }) {
+export default function AuthorCard({ name, title, image = '/img/marcelo-m7-avatar.svg', linkedin, github, children }) {
   return (
     <div className={styles.card}>
       <img className={styles.avatar} src={image} alt={name} onError={(e) => { e.currentTarget.onerror = null; e.currentTarget.src = '/img/marcelo-m7-avatar.svg'; }} />