updated README

unlock-protocol · Feb 4, 2024 · 5c1f413 · 5c1f413
1 parent fcddc12
commit 5c1f413
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -5,5 +5,8 @@ Check [Token Gated frames](https://frames.token-gated.com/) and get started by c
 ## Next Steps
 
 - [x] Let users create their own token-gated frames
+- [x] Support for ERC20
+- [x] Support for ERC1155
 - [ ] Add back support for Markdown (find why it breaks `ImageResponse` first!)
 - [ ] Let members reshare a token gated frame and [earn referral fees](https://unlock-protocol.com/blog/referral-fees?_gl=1*p7ybix*_ga*MTMyNTU2OTQxMC4xNzA2Mjk4NTQ4*_ga_DGDLJTEV6N*MTcwNjcxNDkyMi40LjAuMTcwNjcxNDkyMi4wLjAuMA..)
+- [ ] _META_ Let users create token-gated frames... from the frame!
diff --git a/src/app/api/[message]/render.ts b/src/app/api/[message]/render.ts
@@ -109,19 +109,13 @@ export const render = async (
           .join("\n")}
       </head>
 
-      <body>
-        <img src="${image}" />
+      <body style="display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column;">
+        <img style="border: 2px solid #000; border-radius: 10px;" src="${image}" />
         <p>
-        ${(buttons || [])
-          .map((button) => {
-            return `<button>${button.label}</button>`;
-          })
-          .join("<br />")}
-        </p>
-        <p>
-        <a href="https://warpcast.com/~/compose?text=Check%20this%20frame!&embeds[]=${base}/c/${
+          <a style="display: inline-block; padding: 10px 20px; font-size: 16px; cursor: pointer; text-align: center; text-decoration: none; color: #ffffff; background-color: #007bff; border: none; border-radius: 5px;" href="https://warpcast.com/~/compose?text=Check%20this%20frame!&embeds[]=${base}/c/${
       message.id
     }" target="_blank">Cast-it</a>
+        </p>
       </body>
     </html>`,
     {