Microsoft Office Apps

\n {officeApps.map((app, index) => (\n

{app.icon}

{app.name}

{app.description}

\n ))}\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Microsoft Office Apps\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst styles = {\n container: {\n fontFamily: 'system-ui, sans-serif',\n maxWidth: '800px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center'\n },\n title: {\n color: '#1a73e8',\n marginBottom: '30px'\n },\n grid: {\n display: 'grid',\n gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))',\n gap: '20px'\n },\n card: {\n border: '1px solid #e0e0e0',\n borderRadius: '8px',\n padding: '20px',\n backgroundColor: '#f9f9f9'\n },\n icon: {\n fontSize: '48px',\n marginBottom: '10px'\n },\n appName: {\n color: '#1a73e8',\n marginBottom: '10px'\n },\n description: {\n color: '#666'\n },\n footer: {\n marginTop: '30px',\n fontSize: '12px'\n },\n sourceLink: {\n color: '#666',\n textDecoration: 'none'\n }\n};","deleted","label",[98],"permalink","https://www.val.town/x/smail1/createMicrosoftOfficeOverview/code/main.tsx","extension","actionData","errors"]