From b70ec82c085eb4a11074364d662d14caefde7a92 Mon Sep 17 00:00:00 2001
From: Ebony Louis <55366651+EbonyLouis@users.noreply.github.com>
Date: Mon, 9 Dec 2024 15:50:31 -0500
Subject: [PATCH] docs: testing out putting html in `frontmatter` (#434)

---
 ...024-11-22-screenshot-driven-development.md | 25 ++++++++++++++++++-
 mkdocs.yml                                    |  2 --
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/docs/blog/posts/2024-11-22-screenshot-driven-development.md b/docs/blog/posts/2024-11-22-screenshot-driven-development.md
index 145ce7ee..23f4f470 100644
--- a/docs/blog/posts/2024-11-22-screenshot-driven-development.md
+++ b/docs/blog/posts/2024-11-22-screenshot-driven-development.md
@@ -7,7 +7,30 @@ authors:
   - rizel
 categories:
   - Web Development
+head:
+  meta:
+    - property: "og:title"
+      content: "Screenshot-Driven Development"
+    - property: "og:type"
+      content: "article"
+    - property: "og:url"
+      content: "https://block.github.io/goose/blog/2024/11/22/screenshot-driven-development.html"
+    - property: "og:description"
+      content: "AI Agent uses screenshots to assist in styling."
+    - property: "og:image"
+      content: "https://block.github.io/goose/blog/images/screenshot-driven-development-blog/screenshot-driven-development.png"
+    - name: "twitter:card"
+      content: "summary_large_image"
+    - property: "twitter:domain"
+      content: "block.github.io"
+    - name: "twitter:title"
+      content: "Screenshot-Driven Development"
+    - name: "twitter:description"
+      content: "AI Agent uses screenshots to assist in styling."
+    - name: "twitter:image"
+      content: "https://block.github.io/goose/blog/images/screenshot-driven-development-blog/screenshot-driven-development.png"
 ---
+
 ![calendar](../images/screenshot-driven-development-blog/screenshot-driven-development.png)
 
 I'm a developer at heart, so when I'm working on a personal project, the hardest part isn't writing code—it's making design decisions. I recently built a calendar user interface. I wanted to enhance its visual appeal, so I researched UI design trends like "glassmorphism" and "claymorphism."
@@ -278,4 +301,4 @@ Developing user interfaces is a blend of creativity and problem-solving. And I l
 
 Beyond prototyping, Goose's ability to analyze screenshots can help developers identify and resolve UI bugs.
 
-If you're interested in learning more, check out the [Goose repo](https://github.com/block/goose) and join our [Discord community](https://discord.gg/block-opensource).
\ No newline at end of file
+If you're interested in learning more, check out the [Goose repo](https://github.com/block/goose) and join our [Discord community](https://discord.gg/block-opensource).
diff --git a/mkdocs.yml b/mkdocs.yml
index f6ed3c6e..ff25333b 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -41,8 +41,6 @@ theme:
 # plugins
 plugins:
   - blog
-  - social:
-      enabled: true
   - include-markdown
   - callouts
   - glightbox