Forked from moe/tailwind
Public
HTTP
Val Town is a social website to write and deploy JavaScript.
Build APIs and schedule functions from your browser.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/** @jsxImportSource https://esm.sh/preact */
import { reactResponse } from "https://esm.town/v/moe/responses"
export default (req: Request) => {
const url = new URL(req.url)
const calendarUrl = url.searchParams.get("url")
return reactResponse(
<html>
<head>
<title>Subscribe to iCal</title>
<script src="https://cdn.tailwindcss.com" />
</head>
<body className="bg-white text-neutral-900 p-10">
<div className="flex flex-col gap-3 items-center justify-center h-screen">
<div className="flex flex-col items-center justify-center bg-neutral-100 rounded-lg p-4 gap-1 mb-4">
<div className="text-lg font-semibold">{url.searchParams.get("title")}</div>
<code className="text-lg ">{url.searchParams.get("url")}</code>
</div>
<div className="font-semibold my-4">Sync to your calendar:</div>
<div className="text-sm xmy-2">
iOS: Settings → Password & Accounts → Add Account → Other → Add Subscribed Calendar
</div>
<div className="text-sm xmy-2">MacOS: Calendar App → File → Add Calendar Subscription...</div>
<div className="text-sm xmy-2">Google Calendar: Settings → Add Calendar → From URL</div>
</div>
</body>
</html>,
)
}