2import { serveFile } from "https://esm.town/v/std/utils@64-main/index.ts";
3import { Hono } from "npm:hono";
4import { embedMetadata, handleFarcasterEndpoints, iconUrl, name, ogImageUrl } from "./farcaster.ts";
5
6const app = new Hono();
16 <meta name="fc:frame" content={JSON.stringify(embedMetadata(baseUrl))} />
17 <link rel="icon" href={iconUrl} />
18 <meta property="og:image" content={ogImageUrl} />
19 </head>
20 <body class="bg-white text-black dark:bg-black dark:text-white">
3export const name = "Mini App Starter";
4export const iconUrl = "https://imgur.com/TrJLlwp.png";
5export const ogImageUrl = "https://imgur.com/xKVOVUE.png";
6
7export function embedMetadata(baseUrl: string) {
8 return {
9 version: "next",
10 imageUrl: ogImageUrl,
11 button: {
12 title: name,
15 name: name,
16 url: baseUrl,
17 splashImageUrl: iconUrl,
18 splashBackgroundColor: "#111111",
19 },
44 "iconUrl": iconUrl,
45 "homeUrl": baseUrl,
46 "splashImageUrl": iconUrl,
47 "splashBackgroundColor": "#111111",
48 "webhookUrl": baseUrl + "/webhook",
3export const name = "mfer Character Playground";
4export const iconUrl = "https://imgur.com/TrJLlwp.png";
5export const ogImageUrl = "https://cdn04.cryptoslam.io/mfer.png";
6
7export function embedMetadata(baseUrl: string) {
8 return {
9 version: "next",
10 imageUrl: ogImageUrl,
11 button: {
12 title: name,
15 name: name,
16 url: baseUrl,
17 splashImageUrl: iconUrl,
18 splashBackgroundColor: "#111111",
19 },
44 "iconUrl": iconUrl,
45 "homeUrl": baseUrl,
46 "splashImageUrl": iconUrl,
47 "splashBackgroundColor": "#111111",
48 "webhookUrl": baseUrl + "/webhook",
32## Notes
33
34- The castle image is generated using an AI image generator as a placeholder
35- Interactive elements like date pickers would require additional implementation for full functionality
36- This is a demonstration project and not affiliated with Disney
18 }
19 .hero-section {
20 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('https://maxm-imggenurl.web.val.run/disneyland-castle-at-night-with-purple-blue-lighting-beautiful-detailed');
21 background-size: cover;
22 background-position: center;
179 padding: 40px;
180 margin: 20px 0;
181 background-image: url('https://maxm-imggenurl.web.val.run/explosion-with-fire-and-money-flying-in-the-air-with-a-chocolate-coin-in-foreground');
182 background-size: cover;
183 background-position: right center;
19/* Background explosion effect */
20.bg-explosion {
21 background-image: radial-gradient(circle at center,
22 rgba(255, 58, 140, 0.4) 0%,
23 rgba(255, 120, 73, 0.3) 30%,
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Feastables - Beast Games Season 2</title>
7 <link rel="icon" href="/favicon.svg" type="image/svg+xml">
8 <link rel="stylesheet" href="/style.css">
9 <script src="https://cdn.twind.style" crossorigin></script>
6 <title>FEASTABLES - Time is Running Out</title>
7 <script src="https://cdn.twind.style" crossorigin></script>
8 <link rel="icon" href="/public/favicon.svg" sizes="any" type="image/svg+xml">
9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10 <style>
143 }
144
145 .hero-image {
146 max-width: 100%;
147 height: auto;
240 Purchase any Feastables product for a chance to win and join the crew.
241 </p>
242 <div class="hero-image">
243 <!-- Placeholder for the chocolate coin/medallion image -->
244 <div style="width: 200px; height: 200px; background-color: var(--accent-orange); border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 24px;">
245 BEAST COIN
2import { serveFile } from "https://esm.town/v/std/utils@64-main/index.ts";
3import { Hono } from "npm:hono";
4import { embedMetadata, handleFarcasterEndpoints, iconUrl, name, ogImageUrl } from "./farcaster.ts";
5
6const app = new Hono();
16 <meta name="fc:frame" content={JSON.stringify(embedMetadata(baseUrl))} />
17 <link rel="icon" href={iconUrl} />
18 <meta property="og:image" content={ogImageUrl} />
19 </head>
20 <body class="bg-white text-black dark:bg-black dark:text-white">