68 <div className="relative z-10">
69
70 {/* Character Image */}
71 {quote.imageUrl && (
72 <div className="text-center mb-8">
73 <div className="relative inline-block">
74 <img
75 src={quote.imageUrl}
76 alt={quote.characterName}
77 className="w-32 h-32 rounded-full object-cover border-4 border-white shadow-2xl mx-auto"
3This is a lightweight Blob Admin interface to view and debug your Blob data.
4
5
6
7To use this, fork it to your account.
60 const { ValTown } = await import("npm:@valtown/sdk");
61 const vt = new ValTown();
62 const { email: authorEmail, profileImageUrl, username } = await vt.me.profile.retrieve();
63 // const authorEmail = me.email;
64
128
129 c.set("email", email);
130 c.set("profile", { profileImageUrl, username });
131 await next();
132};
437 {profile && (
438 <div className="flex items-center space-x-4">
439 <img src={profile.profileImageUrl} alt="Profile" className="w-8 h-8 rounded-full" />
440 <span>{profile.username}</span>
441 <a href="/auth/logout" className="text-blue-400 hover:text-blue-300">Logout</a>
580 alt="Blob content"
581 className="max-w-full h-auto"
582 onError={() => console.error("Error loading image")}
583 />
584 </div>
630 <li>Create public shareable links for blobs</li>
631 <li>View and manage public folder</li>
632 <li>Preview images directly in the interface</li>
633 </ul>
634 </div>
222 <div className="relative">
223 <img
224 src={property.images[0]}
225 alt={property.name}
226 className="w-full h-48 object-cover"
41 <div className="relative">
42 <img
43 src="https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=600&h=400&fit=crop"
44 alt="Eagle Majdes Development"
45 className="rounded-lg shadow-xl"
156 <div className="md:w-1/3">
157 <img
158 src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face"
159 alt="Chief Nnayerugo 1"
160 className="w-full h-64 md:h-full object-cover"
81
82 const handleDownload = () => {
83 // This would generate and download an image with the quote
84 console.log('Download quote image:', quote.id);
85 };
86
100 </div>
101
102 {/* Character Image */}
103 {quote.imageUrl && (
104 <div className="mb-4 flex justify-center">
105 <div className="relative">
106 <img
107 src={quote.imageUrl}
108 alt={quote.characterName}
109 className="w-20 h-20 rounded-full object-cover border-4 border-white shadow-lg"
165 : 'bg-gray-200 hover:bg-gray-300 text-gray-700'
166 }`}
167 title={isArabic ? 'تØميل الصورة' : 'Download Image'}
168 >
169 📥
134 <div className="relative">
135 <img
136 src={garden.image}
137 alt={garden.name}
138 className="w-full h-48 object-cover"
199 <div className="relative">
200 <img
201 src={property.images[0]}
202 alt={property.name}
203 className="w-full h-40 object-cover"
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
14 <meta property="og:description" content="Relive your childhood memories with Spacetoon quotes and magical moments">
15 <meta property="og:type" content="website">
16 <meta property="og:image" content="/frontend/assets/spacetoon-og.jpg">
17
18 <!-- Twitter Card tags -->
19 <meta name="twitter:card" content="summary_large_image">
20 <meta name="twitter:title" content="Spacetoon Quotes - A Galaxy of Childhood Memories">
21 <meta name="twitter:description" content="Relive your childhood memories with Spacetoon quotes and magical moments">
22
23 <!-- Favicon -->
24 <link rel="icon" type="image/svg+xml" href="/frontend/favicon.svg">
25
26 <!-- Fonts -->
