\n \n\n",[],[174,181],{"_103":191,"_95":192,"_144":193,"_146":175,"_147":133,"_148":194,"_150":151,"_105":195,"_100":196,"_153":197,"_155":198,"_156":27,"_157":-5,"_158":199,"_98":200},"dd76c6fe-3d8e-11f0-adb6-76b3cceeab13","index.tsx","4a833508-3d8e-11f0-b096-76b3cceeab13",24,["D",1748634425860],10,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Quote, WeatherData, GratitudeEntry, AppData } from \"../shared/types.ts\";\n\n// Get initial data from server-side injection\nconst initialData: AppData = (window as any).__INITIAL_DATA__ || {\n quote: { text: \"Loading...\", author: \"\", category: \"\" },\n gratitudeEntries: []\n};\n\nfunction App() {\n const [quote, setQuote] = useState(initialData.quote);\n const [weather, setWeather] = useState(initialData.weather || null);\n const [gratitudeEntries, setGratitudeEntries] = useState(initialData.gratitudeEntries);\n const [gratitudeText, setGratitudeText] = useState(\"\");\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [currentTime, setCurrentTime] = useState(new Date());\n\n // Update time every minute\n useEffect(() => {\n const timer = setInterval(() => {\n setCurrentTime(new Date());\n }, 60000);\n return () => clearInterval(timer);\n }, []);\n\n // Get user location and weather\n useEffect(() => {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n async (position) => {\n try {\n const response = await fetch(\n `/api/weather?lat=${position.coords.latitude}&lon=${position.coords.longitude}`\n );\n if (response.ok) {\n const weatherData = await response.json();\n setWeather(weatherData);\n }\n } catch (error) {\n console.error(\"Failed to fetch weather:\", error);\n }\n },\n (error) => {\n console.log(\"Location access denied:\", error);\n }\n );\n }\n }, []);\n\n const getNewQuote = async () => {\n try {\n const response = await fetch(\"/api/quote\");\n if (response.ok) {\n const newQuote = await response.json();\n setQuote(newQuote);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n }\n };\n\n const submitGratitude = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!gratitudeText.trim() || isSubmitting) return;\n\n setIsSubmitting(true);\n try {\n const response = await fetch(\"/api/gratitude\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text: gratitudeText }),\n });\n\n if (response.ok) {\n const newEntry = await response.json();\n setGratitudeEntries([newEntry, ...gratitudeEntries.slice(0, 9)]);\n setGratitudeText(\"\");\n }\n } catch (error) {\n console.error(\"Failed to submit gratitude:\", error);\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const formatTime = (date: Date) => {\n return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n };\n\n const formatDate = (date: Date) => {\n return date.toLocaleDateString([], { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n });\n };\n\n return (\n

\n {/* Header */}\n

\n ✨ Daily Inspiration\n

{formatDate(currentTime)}

{formatTime(currentTime)}

\n\n

\n {/* Quote Card */}\n

\n 💭 Today's Inspiration\n

\n \n New Quote\n \n

\n \n

\n \"{quote.text}\"\n

\n \n

\n \n — {quote.author}\n \n \n {quote.category}\n \n

\n\n {/* Weather Card */}\n

\n 🌤️ Weather\n

\n \n {weather ? (\n

{weather.icon}

\n {weather.temperature}°C\n

\n {weather.description}\n

\n ) : (\n

🌍

Getting your weather...

\n )}\n

\n\n {/* Gratitude Section */}\n

\n 🙏 Gratitude Journal\n

\n \n \n\n {gratitudeEntries.length > 0 ? (\n

\n {gratitudeEntries.map((entry) => (\n \n

{entry.text}

{entry.date}

\n ))}\n

\n ) : (\n

📝

Start your gratitude journey by adding your first entry above!

\n )}\n

\n\n {/* Footer */}\n \n

\n \n );\n}\n\n// Render the app\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[174,192],{"_103":202,"_95":203,"_144":204,"_146":175,"_147":133,"_148":205,"_150":151,"_105":206,"_100":207,"_153":186,"_155":208,"_156":27,"_157":-5,"_158":209,"_98":210},"e14cb40a-3d8e-11f0-88f0-76b3cceeab13","style.css","2f4e6348-3d8e-11f0-aa5e-76b3cceeab13",25,["D",1748634432279],3,"/* Custom styles for Daily Inspiration App */\n\n* {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.glass-effect {\n backdrop-filter: blur(10px);\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.quote-card {\n transition: all 0.3s ease;\n transform: translateY(0);\n}\n\n.quote-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.weather-icon {\n font-size: 2.5rem;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));\n}\n\n.gratitude-entry {\n animation: slideIn 0.3s ease-out;\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.floating-animation {\n animation: float 6s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n\n.pulse-animation {\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.7;\n }\n}\n\n/* Custom scrollbar */\n.custom-scrollbar::-webkit-scrollbar {\n width: 6px;\n}\n\n.custom-scrollbar::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n}\n\n.custom-scrollbar::-webkit-scrollbar-thumb {\n background: rgba(34, 197, 94, 0.6);\n border-radius: 3px;\n}\n\n.custom-scrollbar::-webkit-scrollbar-thumb:hover {\n background: rgba(34, 197, 94, 0.8);\n}",[],[174,203],[174],{"_103":213,"_95":214,"_144":215,"_146":-5,"_147":133,"_148":216,"_150":151,"_105":217,"_100":31,"_153":154,"_155":-5,"_156":27,"_157":-5,"_158":218,"_98":227},"00675bc0-3d8e-11f0-8e4c-76b3cceeab13","shared","68922c80-5992-4501-a887-dd7fa79d2e55",6,["D",1748634054982],[219],{"_103":220,"_95":221,"_144":222,"_146":215,"_147":133,"_148":216,"_150":151,"_105":223,"_100":31,"_153":197,"_155":224,"_156":27,"_157":-5,"_158":225,"_98":226},"006755e4-3d8e-11f0-8e4c-76b3cceeab13","types.ts","006756d4-3d8e-11f0-8e4c-76b3cceeab13",["D",1748634054982],"// Shared types for the Daily Inspiration app\n\nexport interface Quote {\n text: string;\n author: string;\n category: string;\n}\n\nexport interface WeatherData {\n temperature: number;\n description: string;\n location: string;\n icon: string;\n}\n\nexport interface GratitudeEntry {\n id: string;\n text: string;\n timestamp: number;\n date: string;\n}\n\nexport interface AppData {\n quote: Quote;\n weather?: WeatherData;\n gratitudeEntries: GratitudeEntry[];\n}",[],[214,221],[214],{"_103":229,"_95":230,"_144":231,"_146":-5,"_147":133,"_148":132,"_150":151,"_105":232,"_100":185,"_153":186,"_155":233,"_156":27,"_157":-5,"_158":234,"_98":235},"ec16ba0c-3d8e-11f0-bc81-76b3cceeab13","README.md","fd9692ee-3d8d-11f0-b33b-76b3cceeab13",["D",1748634450396],"# Daily Inspiration App ✨\n\nA beautiful, interactive web application that provides daily motivation and mindfulness tools.\n\n## Features\n\n- 🌟 **Daily Inspirational Quotes** - Curated motivational quotes to start your day\n- 🌤️ **Weather Information** - Current weather for your location\n- 📝 **Gratitude Journal** - Simple tool to record what you're grateful for\n- 🎨 **Beautiful UI** - Clean, modern design with smooth animations and a calming green theme\n- 📱 **Responsive** - Works great on desktop and mobile\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## API Endpoints\n\n- `GET /` - Serves the main application\n- `GET /api/quote` - Returns a random inspirational quote\n- `GET /api/weather?lat={lat}&lon={lon}` - Returns weather data for coordinates\n- `POST /api/gratitude` - Saves a gratitude entry\n- `GET /api/gratitude` - Retrieves recent gratitude entries\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript)\n- **Frontend**: React 18.2.0 with TypeScript\n- **Styling**: TailwindCSS\n- **Storage**: Val Town Blob Storage\n- **Weather**: Open-Meteo API (no API key required)\n\n## Usage\n\nThis is an HTTP val that serves a complete web application. Simply visit the val's URL to start using the Daily Inspiration app!",[],[230],{"_103":237,"_95":238,"_144":239,"_146":-5,"_147":133,"_148":240,"_150":151,"_105":241,"_100":185,"_153":167,"_155":242,"_156":27,"_157":-5,"_158":243,"_98":244},"9beeb9b8-3d8d-11f0-9b88-76b3cceeab13","index.html","9a27f6da-3d8d-11f0-ae95-76b3cceeab13",4,["D",1748633886418],"\n\n\n \n \n 🌌 Particle Galaxy\n \n\n\n

\n \n

🌌 Particle Galaxy

Particles: 0

Gravity Wells: 0

\n \n

🖱️ Click: Create gravity well

⌨️ Space: Add particle burst

🔄 R: Reset universe

\n\n \n\n",[],[238],{"_103":246,"_95":247,"_144":248,"_146":-5,"_147":133,"_148":166,"_150":151,"_105":249,"_100":185,"_153":167,"_155":250,"_156":27,"_157":-5,"_158":251,"_98":252},"59899c0a-3d8d-11f0-8ed4-76b3cceeab13","simple-greeting.ts","581c7662-3d8d-11f0-b78f-76b3cceeab13",["D",1748633775028],"export default async function(req: Request): Promise {\n const now = new Date().toLocaleString();\n \n const html = `\n \n \n \n Simple Greeting\n \n \n \n

👋

Hello there!

Current time: ${now}

\n \n \n `;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}",[],[247],"files",[141,160,172,179,190,201,212,219,228,236,245],"counts",{"_257":31,"_258":185,"_259":31,"_260":31},"pulls","branches","forks","envVars","contents",[],{"_103":180,"_95":181,"_144":182,"_146":175,"_147":133,"_148":183,"_150":151,"_105":264,"_100":185,"_153":186,"_155":187,"_156":27,"_157":-5,"_98":265},["D",1748634440999],[174,181],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":41,"_100":-7,"_98":99,"_101":271,"_139":275,"_253":309,"_186":310,"_261":312,"_266":-5,"_313":27,"_314":-5},{"_103":104,"_95":96,"_105":272,"_107":-5,"_108":27,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":27,"_116":-5,"_117":31,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":27,"_21":273,"_130":274},["D",1748633758760],{"_93":94,"_128":129},{"_100":132,"_95":41,"_103":133,"_134":104,"_135":-5,"_136":-5,"_137":-5,"_138":-5},[276,282,294,300,303,306],{"_103":142,"_95":143,"_144":145,"_146":-5,"_147":133,"_148":149,"_150":151,"_105":152,"_100":31,"_153":154,"_155":-5,"_156":27,"_157":-5,"_158":277,"_98":281},[278],{"_103":161,"_95":162,"_144":163,"_146":145,"_147":133,"_148":164,"_150":151,"_105":165,"_100":166,"_153":167,"_155":168,"_156":27,"_157":-5,"_158":279,"_98":280},[],[143,162],[143],{"_103":173,"_95":174,"_144":175,"_146":-5,"_147":133,"_148":176,"_150":151,"_105":177,"_100":31,"_153":154,"_155":-5,"_156":27,"_157":-5,"_158":283,"_98":293},[284,287,290],{"_103":180,"_95":181,"_144":182,"_146":175,"_147":133,"_148":183,"_150":151,"_105":184,"_100":185,"_153":186,"_155":187,"_156":27,"_157":-5,"_158":285,"_98":286},[],[174,181],{"_103":191,"_95":192,"_144":193,"_146":175,"_147":133,"_148":194,"_150":151,"_105":195,"_100":196,"_153":197,"_155":198,"_156":27,"_157":-5,"_158":288,"_98":289},[],[174,192],{"_103":202,"_95":203,"_144":204,"_146":175,"_147":133,"_148":205,"_150":151,"_105":206,"_100":207,"_153":186,"_155":208,"_156":27,"_157":-5,"_158":291,"_98":292},[],[174,203],[174],{"_103":213,"_95":214,"_144":215,"_146":-5,"_147":133,"_148":216,"_150":151,"_105":217,"_100":31,"_153":154,"_155":-5,"_156":27,"_157":-5,"_158":295,"_98":299},[296],{"_103":220,"_95":221,"_144":222,"_146":215,"_147":133,"_148":216,"_150":151,"_105":223,"_100":31,"_153":197,"_155":224,"_156":27,"_157":-5,"_158":297,"_98":298},[],[214,221],[214],{"_103":229,"_95":230,"_144":231,"_146":-5,"_147":133,"_148":132,"_150":151,"_105":232,"_100":185,"_153":186,"_155":233,"_156":27,"_157":-5,"_158":301,"_98":302},[],[230],{"_103":237,"_95":238,"_144":239,"_146":-5,"_147":133,"_148":240,"_150":151,"_105":241,"_100":185,"_153":167,"_155":242,"_156":27,"_157":-5,"_158":304,"_98":305},[],[238],{"_103":246,"_95":247,"_144":248,"_146":-5,"_147":133,"_148":166,"_150":151,"_105":249,"_100":185,"_153":167,"_155":250,"_156":27,"_157":-5,"_158":307,"_98":308},[],[247],[276,278,282,284,287,290,294,296,300,303,306],{"_103":180,"_95":181,"_144":182,"_146":175,"_147":133,"_148":183,"_150":151,"_105":264,"_100":185,"_153":186,"_155":187,"_156":27,"_157":-5,"_98":311},[174,181],[],"showCompareCallout","pull","routes/_app","actionData","errors"]