${deal.title}

${deal.platform}

\n ${deal.end_date ? `

Ends: ${new Date(deal.end_date).toLocaleDateString()}

` : \"\"}\n Get it now!\n

\n `).join(\"\");\n\n const html = `\n \n \n \n \n \n Free Game Deals\n \n \n \n

🎮 Free Game Deals

Your daily dose of free games from Steam, Epic Games, and GOG!

\n \n

\n ${dealsHtml}\n

\n \n \n

\n \n \n `;\n\n return new Response(html, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\n :root {\n --primary-color: #4a4a4a;\n --secondary-color: #3498db;\n --background-color: #f0f0f0;\n --card-background: #ffffff;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n color: var(--primary-color);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n\n header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n h1 {\n font-size: 2.5em;\n color: var(--secondary-color);\n margin-bottom: 10px;\n }\n\n header p {\n font-size: 1.2em;\n color: var(--primary-color);\n }\n\n .deals-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 20px;\n }\n\n .deal-card {\n background-color: var(--card-background);\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s ease-in-out;\n }\n\n .deal-card:hover {\n transform: translateY(-5px);\n }\n\n .deal-card h2 {\n margin-top: 0;\n font-size: 1.3em;\n color: var(--secondary-color);\n }\n\n .platform {\n font-weight: bold;\n color: #7f8c8d;\n }\n\n .end-date {\n color: #e74c3c;\n font-size: 0.9em;\n }\n\n .btn {\n display: inline-block;\n background-color: var(--secondary-color);\n color: white;\n padding: 10px 15px;\n text-decoration: none;\n border-radius: 4px;\n margin-top: 10px;\n transition: background-color 0.2s ease-in-out;\n }\n\n .btn:hover {\n background-color: #2980b9;\n }\n\n footer {\n text-align: center;\n margin-top: 40px;\n color: #95a5a6;\n }\n\n footer a {\n color: var(--secondary-color);\n text-decoration: none;\n }\n\n footer a:hover {\n text-decoration: underline;\n }\n\n @media (max-width: 600px) {\n .container {\n padding: 10px;\n }\n\n h1 {\n font-size: 2em;\n }\n\n .deals-grid {\n grid-template-columns: 1fr;\n }\n }\n`;","deleted","label",[98],"permalink","https://www.val.town/x/onetruechaos/delightfulVioletAntlion/code/main.tsx","extension","actionData","errors"]