Add post

package.json

@@ -6,7 +6,7 @@
   "private": "true",
   "scripts": {
     "debug": "DEBUG=* npx @11ty/eleventy",
-    "dev": "npx concurrently \"npx gulp\" \"npx @11ty/eleventy --serve\"",
+    "dev": "npx concurrently \"npx gulp\" \"npx @11ty/eleventy --serve --port 8082\"",
     "build": "npx gulp processAdoc && npx @11ty/eleventy"
   },
   "keywords": [],

posts/2023-11-07-ffmpegai.md

@@ -0,0 +1,40 @@
+---
+title: ffmpeg.ai
+location: Pattaya, Thailand
+excerpt: An OpenAI assistant to help with ffmpeg
+ogType: article
+cover: /public/img/posts/2023-11-07-ffmpegai/cover.png
+---
+
+![Cover](/public/img/posts/2023-11-07-ffmpegai/cover.png)
+
+I wanted to get the first frame of a GIF.
+How would I do that with ffmpeg?
+
+With recent OpenAI announce, we can now use Assistant API.
+Let's create an assistant then!
+
+Add this function:
+
+```json
+{
+  "name": "ffmpeg",
+  "description": "Run ffmpeg with a few options",
+  "parameters": {
+    "type": "object",
+    "properties": {
+      "args": {
+        "type": "string",
+        "description": "The args to pass to ffmpeg"
+      }
+    },
+    "required": ["args"]
+  }
+}
+```
+
+Cool, now we can press the little Test button in the corner and play with our assistant!
+
+![Example](/public/img/posts/2023-11-07-ffmpegai/example.png)
+
+Isn't that sweet?

public/styles/post.css

@@ -147,6 +147,10 @@ figure {
   text-align: center;
 }
 
+figure img {
+  width: 100%;
+}
+
 figcaption {
   font-style: italic;
   text-align: center;