add og image

2 files changed +6 −8

Diff

diff --git a/images/prompt-builder-og-image.png b/images/prompt-builder-og-image.png
new file mode 100644
index 0000000..bcd9b6e
Binary files /dev/null and b/images/prompt-builder-og-image.png differ
diff --git a/prompt-builder.html b/prompt-builder.html
index 978878b..923ab54 100644
--- a/prompt-builder.html
+++ b/prompt-builder.html
@@ -18,12 +18,10 @@
     <link rel="canonical" href="http://cheatsheets.davidveksler.com/prompt-builder.html" />
 
     <!-- Favicons -->
-    <link rel="icon" href="./assets/favicon.ico" sizes="any" />
-    <link rel="icon" href="./assets/favicon.svg" type="image/svg+xml" />
-    <link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" /> <!-- 180x180 ideally -->
-    <!-- User-requested custom meta tag with role="icon" -->
-    <!-- Note: This is a non-standard way to declare an icon. Standard methods are above. -->
-    <meta name="application-icon" content="./assets/favicon.svg" role="icon" />
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💡</text></svg>">
+    <link rel="apple-touch-icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💡</text></svg>">
+    
+        
 
     <!-- Open Graph / Facebook Meta Tags -->
     <meta property="og:title" content="System Prompt Builder & Engineering Guide" />
@@ -33,7 +31,7 @@
     />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="http://cheatsheets.davidveksler.com/prompt-builder.html" />
-    <meta property="og:image" content="http://cheatsheets.davidveksler.com/assets/prompt-builder-og-image.png" /> <!-- Ideal: 1200x630px -->
+    <meta property="og:image" content="http://cheatsheets.davidveksler.com/images/prompt-builder-og-image.png" />
     <meta property="og:image:alt" content="Screenshot of the System Prompt Builder & Guide Tool Interface" />
     <meta property="og:site_name" content="David Vekslers Cheatsheets" />
 
@@ -44,7 +42,7 @@
       name="twitter:description"
       content="Build effective system prompts for LLMs and learn prompt engineering techniques with this interactive tool and guide."
     />
-    <meta name="twitter:image" content="http://cheatsheets.davidveksler.com/assets/prompt-builder-og-image.png" /> <!-- Same as OG Image -->
+    <meta name="twitter:image" content="http://cheatsheets.davidveksler.com/images/prompt-builder-og-image.png" /> <!-- Same as OG Image -->
     <meta name="twitter:image:alt" content="Screenshot of the System Prompt Builder & Guide Tool Interface" />
     <!-- <meta name="twitter:creator" content="@YourTwitterHandle"> --> <!-- Optional: Twitter username -->