From c4b413d61b04245547c900d4d3e3ce46ced64ca7 Mon Sep 17 00:00:00 2001 From: Charles Iliya Krempeaux Date: Sun, 4 Feb 2024 20:21:43 -0800 Subject: [PATCH] initial commits --- index.xhtml | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) diff --git a/index.xhtml b/index.xhtml index 09128bb..f534c64 100644 --- a/index.xhtml +++ b/index.xhtml @@ -222,6 +222,130 @@ The following is <b>bold</b> and <a href="http://example.com/"> So, what does that actually do‽

+ +
+

Buttons

+

+ We already went over three of the names the Frames Protocol uses with the HTML <meta> element: +

+ +

+ But there are other optional names, too. + We are going to look at 4 more of them: +

+ +

+ These add buttons to a Frames Protocol application. +

+
+

One Button

+

+ For example, this has one button: +

+
+

+	<meta property="fc:frame"          content="vNext" />
+	<meta property="fc:frame:image"    content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="og:image"          content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="fc:frame:button:1" content="the first button" />
+
+
+

+ Note that this looks exactly the same as the previous example, except one more HTML <meta> element has been added to it: +

+
+

+	<meta property="fc:frame:button:1" content="the first button" />
+
+
+
+
+

Two Buttons

+

+ Here is another example that has two buttons: +

+
+

+	<meta property="fc:frame"          content="vNext" />
+	<meta property="fc:frame:image"    content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="og:image"          content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="fc:frame:button:1" content="the first button" />
+	<meta property="fc:frame:button:2" content="the second button" />
+
+
+

+ Again, the focus is on the fc:frame:button:* HTML <meta> elements: +

+
+

+	<meta property="fc:frame:button:1" content="the first button" />
+	<meta property="fc:frame:button:2" content="the second button" />
+
+
+
+
+

Three Buttons

+

+ This example has three buttons: +

+
+

+	<meta property="fc:frame"          content="vNext" />
+	<meta property="fc:frame:image"    content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="og:image"          content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="fc:frame:button:1" content="the first button" />
+	<meta property="fc:frame:button:2" content="the second button" />
+	<meta property="fc:frame:button:3" content="the third button" />
+
+
+

+ Focusing on the fc:frame:button:* HTML <meta> elements: +

+
+

+	<meta property="fc:frame:button:1" content="the first button" />
+	<meta property="fc:frame:button:2" content="the second button" />
+	<meta property="fc:frame:button:3" content="the third button" />
+
+
+
+
+

Four Buttons

+

+ And finally, this example has four buttons: +

+
+

+	<meta property="fc:frame"          content="vNext" />
+	<meta property="fc:frame:image"    content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="og:image"          content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+	<meta property="fc:frame:button:1" content="the first button" />
+	<meta property="fc:frame:button:2" content="the second button" />
+	<meta property="fc:frame:button:3" content="the third button" />
+	<meta property="fc:frame:button:4" content="the forth button" />
+
+
+
+

+ At the time of writing the Frames Protocol does not support more than 4 buttons. +

+
+

Buttons Presses

+

+ So what happens when the user presses a button‽ +

+