From c7943d3b1d6866ac271bcb12ed201c1eb1b6c6cb Mon Sep 17 00:00:00 2001
From: Ethan Davidson <31261035+EthanThatOneKid@users.noreply.github.com>
Date: Thu, 22 Feb 2024 17:23:51 -0800
Subject: [PATCH] Set up Discord OAuth2 (#16)

* add oauth2 redirect

* wip

* wip

Reference:
- https://discord.com/developers/docs/topics/oauth2
- https://npmjs.com/package/@deno/kv
-

* added components for availability, data, datetime, time

* added sample data for the new question types

* Fixed Datetime question input

* wip

* Ran formating and added availability question

* Removed unnecessary AvailabilityQuestionValue from imports in form.svelte

* Fixed spelling error lol

* Added the name attribute to question types changed sumbit button

* blindly-coded wip

* wip

* wip

* wip

* add form and submission to `Store` interface

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update kv.ts

* wip

* update tentative landing page

* wip getting sessions to seemingly work maybe

TODO: remove rogue console log statements.

* Delete +server.ts

* run `npm run lint`

* add form preview components

* wip

* wip

* Squashed commit of the following:

commit 71e0b113927c8e064229e63931f964a98f6e3f1d
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 04:42:49 2024 -0800

    npm run format

commit 7b981e91b73db7c0440c7b8a5db8acf267032c5c
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 04:36:09 2024 -0800

    fixed textarea resizing after changing fieldset

commit 3e947e7fcaed98d4fe6e616c20568dc5d783faa3
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 04:11:33 2024 -0800

    npm run format

commit 77985119b37499e30829fe04809d4c3197e71ba0
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 04:07:59 2024 -0800

    added choiceIndex functionality

commit 05adf31b6c58d27455e284d4eb2b2cad86e522ce
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 03:47:08 2024 -0800

    added functionality for custom choice

commit 2150ac7f76165df96936f882ed071bf0a7029c97
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 03:31:02 2024 -0800

    npm run format and fixed lint errors

commit cdffee6d64210f1798dffd493fc970f663b336e8
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Fri Feb 9 03:18:23 2024 -0800

    replaced default with value in form.ts and all interfaces

commit 2106f9fb081882c1349444ab8e0965248e13bbcd
Author: AlexthePear <alopp5570@csu.fullerton.edu>
Date:   Tue Feb 6 14:54:16 2024 -0800

    ran npm run format

commit 2b79740aaf4987408ac7d1c0c48891d8558eb3af
Author: AlexthePear <alopp5570@csu.fullerton.edu>
Date:   Tue Feb 6 14:51:15 2024 -0800

    FIXED: SingleTextSelectQuestion Value didn't extend QuestionValueBase

commit 52225085e78275e619987fd76b81faa1c381da3b
Author: AlexthePear <alop5570@gmail.com>
Date:   Sat Feb 3 17:38:01 2024 -0800

    wip

commit 03c057272c282a769ce33aee95963ef6cc0be781
Author: AlexthePear <alop5570@gmail.com>
Date:   Sat Feb 3 16:10:03 2024 -0800

    WIP: changing availiability question from using data.defualt to AvailabilityQuestionValue to store data

commit 964b6e3dfeef4f50c901a5601ebbbb427a130811
Author: AlexthePear <alop5570@gmail.com>
Date:   Sat Feb 3 15:41:26 2024 -0800

    reformated files

commit 04f1012ce49f4a0cd492bbb4a7b96317675a42f1
Merge: 63b8577 0bf9f59
Author: AlexthePear <alop5570@gmail.com>
Date:   Sat Feb 3 15:40:16 2024 -0800

    Merge branch 'new-form-questions' of https://github.com/acmcsufoss/form into new-form-questions

commit 63b857787fad3ac6d59a8cef7b70c66dc04ba041
Author: AlexthePear <alop5570@gmail.com>
Date:   Sat Feb 3 15:39:57 2024 -0800

    wrapped all questions in fieldset and replaced label with <legend>

commit 0bf9f59f85c201a680668a059a676c1872f3da1e
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Wed Jan 31 13:40:35 2024 -0800

    fixed text area question resizing

commit 7538b337b4ee606bd578c707ed4420c1662c51a3
Author: Alexander Peras <128564378+AlexthePear@users.noreply.github.com>
Date:   Wed Jan 31 13:35:07 2024 -0800

    Added validation for avaliability question so its always a valid input

* wip

* fixed demo_form css

* fix demo form

* Update +page.svelte

* add form editor notes

* add check to createForm

* add redirect to `/discord_oauth2/logout` endpoint

* add `DENO_KV_CONNECT_URL` env var

* check workflow: copy default env vars

* check workflow: copy default env vars

* move db files to `.denokv` directory

* Update check.yaml

* check workflow: omit build step

* replace default `kvPath`

* edit form editor component

---------

Co-authored-by: Kaitlyn Jao <kaitlynjao@gmail.com>
Co-authored-by: AlexthePear <alop5570@gmail.com>
Co-authored-by: AlexthePear <alopp5570@csu.fullerton.edu>
---
 .env.example                                  |    8 +
 .github/workflows/check.yaml                  |    9 +-
 .gitignore                                    |    1 +
 package-lock.json                             |  183 ++
 package.json                                  |    8 +-
 src/app.d.ts                                  |    7 +-
 src/app.html                                  |    1 +
 src/hooks.server.ts                           |   15 +
 .../availability_question_input.svelte        |   40 +-
 .../components/boolean_question_input.svelte  |   21 +-
 .../components/color_question_input.svelte    |   17 +-
 src/lib/components/date_question_input.svelte |   21 +-
 .../components/datetime_question_imput.svelte |   20 +-
 src/lib/components/form.svelte                |  289 +-
 src/lib/components/form_editor.svelte         |  106 +
 .../components/number_question_input.svelte   |   23 +-
 src/lib/components/question_input.svelte      |   56 +
 .../components/select_question_input.svelte   |   12 +
 .../single_text_select_question_input.svelte  |   23 +-
 src/lib/components/text_question_input.svelte |   22 +-
 .../components/textarea_question_input.svelte |   53 +-
 src/lib/components/time_question_input.svelte |   21 +-
 .../components/timezone_question_input.svelte |   18 +
 src/lib/discord/api.ts                        |  151 +
 src/lib/discord/index.ts                      |    1 +
 src/lib/form/form.ts                          |  187 +-
 src/lib/form/id.ts                            |    4 +
 src/lib/form/permissions.ts                   |   27 +
 src/lib/form/submission.ts                    |   11 +-
 src/lib/oauth2/index.ts                       |    1 +
 src/lib/oauth2/oauth2.ts                      |    7 +
 src/lib/resources/store.ts                    |    8 +
 src/lib/store/index.ts                        |    1 +
 src/lib/store/kv/index.ts                     |    1 +
 src/lib/store/kv/kv.ts                        |  190 ++
 src/lib/store/store.ts                        |   60 +
 src/lib/timezones/data.ts                     | 2656 +++++++++++++++++
 src/lib/timezones/index.ts                    |    2 +
 src/lib/timezones/timezones.ts                |    5 +
 src/lib/urls/index.ts                         |    1 +
 src/lib/urls/urls.ts                          |   23 +
 src/routes/+layout.server.ts                  |   17 +
 src/routes/+layout.svelte                     |    7 +
 src/routes/+page.server.ts                    |    7 +
 src/routes/+page.svelte                       |   27 +-
 src/routes/+page.ts                           |    3 +
 src/routes/demo/+page.svelte                  |    5 +
 src/routes/demo/demo_form.svelte              |    6 +
 src/routes/demo/demo_form.ts                  |   59 +
 src/routes/discord_oauth2/+server.ts          |   96 +
 src/routes/discord_oauth2/logout/+server.ts   |   28 +
 src/routes/forms/+layout.server.ts            |   22 +
 src/routes/forms/+page.server.ts              |   15 +
 src/routes/forms/+page.svelte                 |   14 +-
 src/routes/forms/+page.ts                     |    3 +
 src/routes/forms/[form_id]/+page.server.ts    |   10 +
 src/routes/forms/[form_id]/+page.svelte       |   13 +
 src/routes/forms/[form_id]/+page.ts           |    3 +
 .../[form_id]/submissions.csv/+server.ts      |   29 +
 .../forms/[form_id]/submissions/+page.svelte  |   14 +
 .../[submission_id]/+page.server.ts           |   10 +
 .../submissions/[submission_id]/+page.svelte  |   12 +
 .../submissions/[submission_id]/+page.ts      |    3 +
 .../[form_id]/submissions/new/+server.ts      |   33 +
 src/routes/forms/[id]/+page.svelte            |    1 -
 src/routes/forms/form_preview.svelte          |   60 +
 src/routes/forms/form_preview_list.svelte     |   18 +
 src/routes/forms/new/+server.ts               |   27 +
 src/routes/invites/[invite_id]/+page.svelte   |    1 +
 src/routes/responses/[id]/+page.svelte        |    1 -
 static/global.css                             |    6 +
 71 files changed, 4365 insertions(+), 495 deletions(-)
 create mode 100644 .env.example
 create mode 100644 src/hooks.server.ts
 create mode 100644 src/lib/components/form_editor.svelte
 create mode 100644 src/lib/components/question_input.svelte
 create mode 100644 src/lib/components/select_question_input.svelte
 create mode 100644 src/lib/components/timezone_question_input.svelte
 create mode 100644 src/lib/discord/api.ts
 create mode 100644 src/lib/discord/index.ts
 create mode 100644 src/lib/form/id.ts
 create mode 100644 src/lib/form/permissions.ts
 create mode 100644 src/lib/oauth2/index.ts
 create mode 100644 src/lib/oauth2/oauth2.ts
 create mode 100644 src/lib/resources/store.ts
 create mode 100644 src/lib/store/index.ts
 create mode 100644 src/lib/store/kv/index.ts
 create mode 100644 src/lib/store/kv/kv.ts
 create mode 100644 src/lib/store/store.ts
 create mode 100644 src/lib/timezones/data.ts
 create mode 100644 src/lib/timezones/index.ts
 create mode 100644 src/lib/timezones/timezones.ts
 create mode 100644 src/lib/urls/index.ts
 create mode 100644 src/lib/urls/urls.ts
 create mode 100644 src/routes/+layout.server.ts
 create mode 100644 src/routes/+layout.svelte
 create mode 100644 src/routes/+page.server.ts
 create mode 100644 src/routes/+page.ts
 create mode 100644 src/routes/demo/+page.svelte
 create mode 100644 src/routes/demo/demo_form.svelte
 create mode 100644 src/routes/demo/demo_form.ts
 create mode 100644 src/routes/discord_oauth2/+server.ts
 create mode 100644 src/routes/discord_oauth2/logout/+server.ts
 create mode 100644 src/routes/forms/+layout.server.ts
 create mode 100644 src/routes/forms/+page.server.ts
 create mode 100644 src/routes/forms/+page.ts
 create mode 100644 src/routes/forms/[form_id]/+page.server.ts
 create mode 100644 src/routes/forms/[form_id]/+page.svelte
 create mode 100644 src/routes/forms/[form_id]/+page.ts
 create mode 100644 src/routes/forms/[form_id]/submissions.csv/+server.ts
 create mode 100644 src/routes/forms/[form_id]/submissions/+page.svelte
 create mode 100644 src/routes/forms/[form_id]/submissions/[submission_id]/+page.server.ts
 create mode 100644 src/routes/forms/[form_id]/submissions/[submission_id]/+page.svelte
 create mode 100644 src/routes/forms/[form_id]/submissions/[submission_id]/+page.ts
 create mode 100644 src/routes/forms/[form_id]/submissions/new/+server.ts
 delete mode 100644 src/routes/forms/[id]/+page.svelte
 create mode 100644 src/routes/forms/form_preview.svelte
 create mode 100644 src/routes/forms/form_preview_list.svelte
 create mode 100644 src/routes/forms/new/+server.ts
 create mode 100644 src/routes/invites/[invite_id]/+page.svelte
 delete mode 100644 src/routes/responses/[id]/+page.svelte
 create mode 100644 static/global.css

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..49504ed
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,8 @@
+DENO_KV_ACCESS_TOKEN=""
+DENO_KV_CONNECT_URL=""
+DISCORD_REDIRECT_URI=""
+DISCORD_CLIENT_ID=""
+DISCORD_CLIENT_SECRET=""
+DISCORD_GUILD_ID=""
+DISCORD_ROLE_ID=""
+DISCORD_BOT_TOKEN=""
diff --git a/.github/workflows/check.yaml b/.github/workflows/check.yaml
index 8ada9ca..ac67733 100644
--- a/.github/workflows/check.yaml
+++ b/.github/workflows/check.yaml
@@ -36,6 +36,12 @@ jobs:
       - name: Install Dependencies
         run: npm ci
 
+      - name: Set up .env
+        run: cp .env.example .env
+
+      - name: Set up .env
+        run: cp .env.example .env
+
       - name: Svelte check
         run: npm run check
 
@@ -44,6 +50,3 @@ jobs:
 
       - name: Lint
         run: npm run lint && git diff --exit-code
-
-      - name: Build
-        run: npm run build
diff --git a/.gitignore b/.gitignore
index 6635cf5..79fd2da 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+.denokv*
diff --git a/package-lock.json b/package-lock.json
index 22e7941..224ca26 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,12 @@
 		"": {
 			"name": "form",
 			"version": "0.0.1",
+			"dependencies": {
+				"@deno/kv": "^0.7.0",
+				"discord-api-types": "^0.37.67",
+				"export-to-csv": "^1.2.2",
+				"ulid": "^2.3.0"
+			},
 			"devDependencies": {
 				"@sveltejs/adapter-auto": "^2.0.0",
 				"@sveltejs/kit": "^1.20.4",
@@ -46,6 +52,77 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/@deno/kv": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv/-/kv-0.7.0.tgz",
+			"integrity": "sha512-+vYCIWDQq+03RKwh85WDBVplwT7gimcLyLezj6C3OuMwaTWfPy9NVmA5y4Mwpoht0+H4CjknEUE7LrfZJAcQ7w==",
+			"optionalDependencies": {
+				"@deno/kv-darwin-arm64": "0.7.0",
+				"@deno/kv-darwin-x64": "0.7.0",
+				"@deno/kv-linux-x64-gnu": "0.7.0",
+				"@deno/kv-win32-x64-msvc": "0.7.0"
+			}
+		},
+		"node_modules/@deno/kv-darwin-arm64": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-darwin-arm64/-/kv-darwin-arm64-0.7.0.tgz",
+			"integrity": "sha512-PaTriht31Rb08TwWdAkmODrLNnGnl9l8nlF/0aae/v7dzJ5FeaoX+0RgxTD+m90quG3ynsdLsY8iCa+st+MkiA==",
+			"cpu": [
+				"arm64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/@deno/kv-darwin-x64": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-darwin-x64/-/kv-darwin-x64-0.7.0.tgz",
+			"integrity": "sha512-Yw4Gmn6opUJ6ZVuztNaGS4yt11KyJI/juTAyzNiY5H3VhHD7xVm+peG4SGkr6Hq/vXVGcQM3Lldw5b3aJJQYSg==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/@deno/kv-linux-x64-gnu": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-linux-x64-gnu/-/kv-linux-x64-gnu-0.7.0.tgz",
+			"integrity": "sha512-D6xJcx4HSUbgomxGV2lGUgKrRmwHNMmCbu8XRxBjIgpsKrFK1W6w+KitI92wMCgEIOAFAnfeyrYxtMzh2ZdYTw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/@deno/kv-win32-x64-msvc": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-win32-x64-msvc/-/kv-win32-x64-msvc-0.7.0.tgz",
+			"integrity": "sha512-0UWf6a+T7e/1uOcUgUKTrMupIQSnCI02856ecu9JwutajSvvbSgoi+jpmaUnYW6QqcXjY8ECI/28CQi1DvYYhw==",
+			"cpu": [
+				"x64"
+			],
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 18"
+			}
+		},
 		"node_modules/@esbuild/android-arm": {
 			"version": "0.18.20",
 			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -686,6 +763,17 @@
 			"integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==",
 			"dev": true
 		},
+		"node_modules/@types/node": {
+			"version": "20.10.5",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
+			"integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+			"dev": true,
+			"optional": true,
+			"peer": true,
+			"dependencies": {
+				"undici-types": "~5.26.4"
+			}
+		},
 		"node_modules/@types/pug": {
 			"version": "2.0.8",
 			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.8.tgz",
@@ -1257,6 +1345,11 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/discord-api-types": {
+			"version": "0.37.67",
+			"resolved": "https://registry.npmjs.org/discord-api-types/-/discord-api-types-0.37.67.tgz",
+			"integrity": "sha512-4HEzUEmwGPXWJdVhGZ/K+9eWs8kurdn5r/I8qD3/0hb14I0MZvx8K/JOyLhKLgcR4/8/jcr6Xej820BNgNXN7A=="
+		},
 		"node_modules/doctrine": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -1526,6 +1619,11 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/export-to-csv": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/export-to-csv/-/export-to-csv-1.2.2.tgz",
+			"integrity": "sha512-d9BxkLlyxeyFU1yhQKGjnnEQj2fh6PjyDVGyiI/uj7PD/oe7Lo1551B1lTaQeXHGPRX2DHuk6i3JMZB6ncJApQ=="
+		},
 		"node_modules/fast-deep-equal": {
 			"version": "3.1.3",
 			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2958,6 +3056,14 @@
 				"node": ">=14.17"
 			}
 		},
+		"node_modules/ulid": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/ulid/-/ulid-2.3.0.tgz",
+			"integrity": "sha512-keqHubrlpvT6G2wH0OEfSW4mquYRcbe/J8NMmveoQOjUqmo+hXtO+ORCpWhdbZ7k72UtY61BL7haGxW6enBnjw==",
+			"bin": {
+				"ulid": "bin/cli.js"
+			}
+		},
 		"node_modules/undici": {
 			"version": "5.26.4",
 			"resolved": "https://registry.npmjs.org/undici/-/undici-5.26.4.tgz",
@@ -2970,6 +3076,14 @@
 				"node": ">=14.0"
 			}
 		},
+		"node_modules/undici-types": {
+			"version": "5.26.5",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+			"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+			"dev": true,
+			"optional": true,
+			"peer": true
+		},
 		"node_modules/uri-js": {
 			"version": "4.4.1",
 			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -3120,6 +3234,41 @@
 				"@jridgewell/trace-mapping": "^0.3.9"
 			}
 		},
+		"@deno/kv": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv/-/kv-0.7.0.tgz",
+			"integrity": "sha512-+vYCIWDQq+03RKwh85WDBVplwT7gimcLyLezj6C3OuMwaTWfPy9NVmA5y4Mwpoht0+H4CjknEUE7LrfZJAcQ7w==",
+			"requires": {
+				"@deno/kv-darwin-arm64": "0.7.0",
+				"@deno/kv-darwin-x64": "0.7.0",
+				"@deno/kv-linux-x64-gnu": "0.7.0",
+				"@deno/kv-win32-x64-msvc": "0.7.0"
+			}
+		},
+		"@deno/kv-darwin-arm64": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-darwin-arm64/-/kv-darwin-arm64-0.7.0.tgz",
+			"integrity": "sha512-PaTriht31Rb08TwWdAkmODrLNnGnl9l8nlF/0aae/v7dzJ5FeaoX+0RgxTD+m90quG3ynsdLsY8iCa+st+MkiA==",
+			"optional": true
+		},
+		"@deno/kv-darwin-x64": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-darwin-x64/-/kv-darwin-x64-0.7.0.tgz",
+			"integrity": "sha512-Yw4Gmn6opUJ6ZVuztNaGS4yt11KyJI/juTAyzNiY5H3VhHD7xVm+peG4SGkr6Hq/vXVGcQM3Lldw5b3aJJQYSg==",
+			"optional": true
+		},
+		"@deno/kv-linux-x64-gnu": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-linux-x64-gnu/-/kv-linux-x64-gnu-0.7.0.tgz",
+			"integrity": "sha512-D6xJcx4HSUbgomxGV2lGUgKrRmwHNMmCbu8XRxBjIgpsKrFK1W6w+KitI92wMCgEIOAFAnfeyrYxtMzh2ZdYTw==",
+			"optional": true
+		},
+		"@deno/kv-win32-x64-msvc": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@deno/kv-win32-x64-msvc/-/kv-win32-x64-msvc-0.7.0.tgz",
+			"integrity": "sha512-0UWf6a+T7e/1uOcUgUKTrMupIQSnCI02856ecu9JwutajSvvbSgoi+jpmaUnYW6QqcXjY8ECI/28CQi1DvYYhw==",
+			"optional": true
+		},
 		"@esbuild/android-arm": {
 			"version": "0.18.20",
 			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -3484,6 +3633,17 @@
 			"integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==",
 			"dev": true
 		},
+		"@types/node": {
+			"version": "20.10.5",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
+			"integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+			"dev": true,
+			"optional": true,
+			"peer": true,
+			"requires": {
+				"undici-types": "~5.26.4"
+			}
+		},
 		"@types/pug": {
 			"version": "2.0.8",
 			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.8.tgz",
@@ -3871,6 +4031,11 @@
 				"path-type": "^4.0.0"
 			}
 		},
+		"discord-api-types": {
+			"version": "0.37.67",
+			"resolved": "https://registry.npmjs.org/discord-api-types/-/discord-api-types-0.37.67.tgz",
+			"integrity": "sha512-4HEzUEmwGPXWJdVhGZ/K+9eWs8kurdn5r/I8qD3/0hb14I0MZvx8K/JOyLhKLgcR4/8/jcr6Xej820BNgNXN7A=="
+		},
 		"doctrine": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -4065,6 +4230,11 @@
 			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
 			"dev": true
 		},
+		"export-to-csv": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/export-to-csv/-/export-to-csv-1.2.2.tgz",
+			"integrity": "sha512-d9BxkLlyxeyFU1yhQKGjnnEQj2fh6PjyDVGyiI/uj7PD/oe7Lo1551B1lTaQeXHGPRX2DHuk6i3JMZB6ncJApQ=="
+		},
 		"fast-deep-equal": {
 			"version": "3.1.3",
 			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -5033,6 +5203,11 @@
 			"integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
 			"dev": true
 		},
+		"ulid": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/ulid/-/ulid-2.3.0.tgz",
+			"integrity": "sha512-keqHubrlpvT6G2wH0OEfSW4mquYRcbe/J8NMmveoQOjUqmo+hXtO+ORCpWhdbZ7k72UtY61BL7haGxW6enBnjw=="
+		},
 		"undici": {
 			"version": "5.26.4",
 			"resolved": "https://registry.npmjs.org/undici/-/undici-5.26.4.tgz",
@@ -5042,6 +5217,14 @@
 				"@fastify/busboy": "^2.0.0"
 			}
 		},
+		"undici-types": {
+			"version": "5.26.5",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+			"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+			"dev": true,
+			"optional": true,
+			"peer": true
+		},
 		"uri-js": {
 			"version": "4.4.1",
 			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
diff --git a/package.json b/package.json
index 72e52ca..a5541ec 100644
--- a/package.json
+++ b/package.json
@@ -28,5 +28,11 @@
 		"typescript": "^5.0.0",
 		"vite": "^4.4.2"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"@deno/kv": "^0.7.0",
+		"discord-api-types": "^0.37.67",
+		"export-to-csv": "^1.2.2",
+		"ulid": "^2.3.0"
+	}
 }
diff --git a/src/app.d.ts b/src/app.d.ts
index f59b884..81950e9 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -1,11 +1,16 @@
+import type { User } from '$lib/store';
+
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {
 	namespace App {
 		// interface Error {}
-		// interface Locals {}
 		// interface PageData {}
 		// interface Platform {}
+
+		interface Locals {
+			user: User | undefined;
+		}
 	}
 }
 
diff --git a/src/app.html b/src/app.html
index 6769ed5..74eeba8 100644
--- a/src/app.html
+++ b/src/app.html
@@ -4,6 +4,7 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="stylesheet" href="%sveltekit.assets%/global.css" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
new file mode 100644
index 0000000..aa704fb
--- /dev/null
+++ b/src/hooks.server.ts
@@ -0,0 +1,15 @@
+import type { Handle } from '@sveltejs/kit';
+import { s } from '$lib/resources/store';
+import { SESSION_ID_COOKIE_NAME } from '$lib/oauth2';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	const sessionID = event.cookies.get(SESSION_ID_COOKIE_NAME);
+	if (sessionID) {
+		const user = await s.getUserBySessionID(sessionID);
+		if (user) {
+			event.locals.user = user;
+		}
+	}
+
+	return await resolve(event);
+};
diff --git a/src/lib/components/availability_question_input.svelte b/src/lib/components/availability_question_input.svelte
index 89fac0f..36c2992 100644
--- a/src/lib/components/availability_question_input.svelte
+++ b/src/lib/components/availability_question_input.svelte
@@ -1,50 +1,28 @@
 <script lang="ts">
-	import type { AvailablityQuestion, AvailabilityQuestionValue } from '$lib/form/form';
-	import { QuestionType } from '$lib/form/form';
-	// import type { Timestamp } from '$lib/form/form';
-	export let data: AvailablityQuestion = {
-		type: QuestionType.AVAILABILITY,
+	import type { AvailablityQuestion } from '$lib/form';
 
-		name: 'Availability Question',
-
-		required: false,
-
-		content: 'choose',
-
-		maxDateRanges: 5,
-
-		maxEndDatetime: 0
-	};
-	let input_data: AvailabilityQuestionValue = {
-		name: data.name,
-
-		type: QuestionType.AVAILABILITY,
-
-		value: data.value ?? Array.from({ length: data.maxDateRanges ?? 1 }, () => [0, 0])
-	};
+	export let data: AvailablityQuestion;
 </script>
 
 <fieldset>
 	<legend>{data.content}</legend>
 	<div class="datetime-range">
-		{#each Array.from({ length: data.maxDateRanges ?? 1 }, (_, i) => i) as i}
+		{#each Array.from({ length: data.maxDatetimeRanges ?? 1 }, (_, i) => i) as i}
 			<div class="datetime-range-input">
 				<input
 					type="datetime-local"
-					name={'start' + i}
+					name="{data.name}-{i}-start"
 					min={data.minStartDatetime}
-					max={input_data.value[i][1] !== undefined ? input_data.value[i][1] : data.maxEndDatetime}
-					bind:value={input_data.value[i][0]}
+					max={data.maxEndDatetime}
+					value={data.value?.[i][0]}
 				/>
 				<p>----</p>
 				<input
 					type="datetime-local"
-					name={'end' + i}
-					min={input_data.value[i][0] !== undefined
-						? input_data.value[i][0]
-						: data.minStartDatetime}
+					name="{data.name}-{i}-end"
+					min={data.minStartDatetime}
 					max={data.maxEndDatetime}
-					bind:value={input_data.value[i][1]}
+					value={data.value?.[i][1]}
 				/>
 			</div>
 		{/each}
diff --git a/src/lib/components/boolean_question_input.svelte b/src/lib/components/boolean_question_input.svelte
index a813e25..7df0a8b 100644
--- a/src/lib/components/boolean_question_input.svelte
+++ b/src/lib/components/boolean_question_input.svelte
@@ -1,27 +1,14 @@
 <script lang="ts">
-	import type { BooleanQuestion } from '$lib/form/form';
-	import { QuestionType } from '$lib/form/form';
+	import type { BooleanQuestion } from '$lib/form';
 
-	export let data: BooleanQuestion = {
-		type: QuestionType.BOOLEAN,
-
-		name: 'Default Question',
-
-		content: 'Default?',
-
-		required: false,
-
-		value: false,
-
-		style: 'checkbox'
-	};
+	export let data: BooleanQuestion;
 </script>
 
 <fieldset>
 	<legend>{data.content}</legend>
 	{#if data.style === 'radio'}
-		<input name={data.name} type="radio" required={data.required} bind:value={data.value} />
+		<input name={data.name} type="radio" required={data.required} value={data.value} />
 	{:else}
-		<input name={data.name} type="checkbox" required={data.required} bind:value={data.value} />
+		<input name={data.name} type="checkbox" required={data.required} value={data.value} />
 	{/if}
 </fieldset>
diff --git a/src/lib/components/color_question_input.svelte b/src/lib/components/color_question_input.svelte
index fa39014..cdce196 100644
--- a/src/lib/components/color_question_input.svelte
+++ b/src/lib/components/color_question_input.svelte
@@ -1,20 +1,9 @@
 <script lang="ts">
-	import type { ColorQuestion } from '$lib/form/form';
-	import { QuestionType } from '$lib/form/form';
-	export let data: ColorQuestion = {
-		type: QuestionType.COLOR,
-
-		name: 'Default Color Question',
-
-		content: 'Default Pick a color',
-
-		required: false,
-
-		value: '#FFFFFF'
-	};
+	import type { ColorQuestion } from '$lib/form';
+	export let data: ColorQuestion;
 </script>
 
 <fieldset>
 	<legend>{data.content}</legend>
-	<input name={data.name} type="color" required={data.required} bind:value={data.value} />
+	<input name={data.name} type="color" required={data.required} value={data.value} />
 </fieldset>
diff --git a/src/lib/components/date_question_input.svelte b/src/lib/components/date_question_input.svelte
index 2c18944..1d3043b 100644
--- a/src/lib/components/date_question_input.svelte
+++ b/src/lib/components/date_question_input.svelte
@@ -1,22 +1,7 @@
 <script lang="ts">
-	import type { DateQuestion } from '../form/form.js';
-	import { QuestionType } from '../form/form.js';
+	import type { DateQuestion } from '$lib/form';
 
-	export let data: DateQuestion = {
-		type: QuestionType.DATE,
-
-		name: 'Date Question',
-
-		value: 0.0,
-
-		min: 0.0,
-
-		max: 24.0,
-
-		content: '',
-
-		required: false
-	};
+	export let data: DateQuestion;
 </script>
 
 <fieldset>
@@ -27,6 +12,6 @@
 		required={data.required}
 		min={data.min}
 		max={data.max}
-		bind:value={data.value}
+		value={data.value}
 	/>
 </fieldset>
diff --git a/src/lib/components/datetime_question_imput.svelte b/src/lib/components/datetime_question_imput.svelte
index 8a2a0af..a12dd94 100644
--- a/src/lib/components/datetime_question_imput.svelte
+++ b/src/lib/components/datetime_question_imput.svelte
@@ -1,21 +1,7 @@
 <script lang="ts">
-	import type { DatetimeQuestion } from '$lib/form/form';
-	import { QuestionType } from '$lib/form/form';
-	export let data: DatetimeQuestion = {
-		type: QuestionType.DATETIME,
+	import type { DatetimeQuestion } from '$lib/form';
 
-		name: 'Date Time Question',
-
-		required: false,
-
-		content: 'date and time',
-
-		value: 0,
-
-		min: 0,
-
-		max: 100
-	};
+	export let data: DatetimeQuestion;
 </script>
 
 <fieldset>
@@ -24,7 +10,7 @@
 		name={data.name}
 		type="datetime-local"
 		required={data.required}
-		bind:value={data.value}
+		value={data.value}
 		min={data.min}
 		max={data.max}
 	/>
diff --git a/src/lib/components/form.svelte b/src/lib/components/form.svelte
index 7808bfe..925389c 100644
--- a/src/lib/components/form.svelte
+++ b/src/lib/components/form.svelte
@@ -1,253 +1,50 @@
 <script lang="ts">
-	import type {
-		Form,
-		QuestionList,
-		// Question,
-		TextQuestion,
-		TextareaQuestion,
-		BooleanQuestion,
-		ColorQuestion,
-		SingleTextSelectQuestion,
-		NumberQuestion,
-		TimeQuestion,
-		DateQuestion,
-		DatetimeQuestion,
-		AvailablityQuestion
-	} from '$lib/form';
-	import { QuestionType } from '$lib/form';
-	import BooleanQuestionInput from './boolean_question_input.svelte';
-	import TextQuestionInput from './text_question_input.svelte';
-	import SingleTextSelectQuestionInput from './single_text_select_question_input.svelte';
-	import ColorQuestionInput from './color_question_input.svelte';
-	import NumberQuestionInput from './number_question_input.svelte';
-	// import TextAreaInput from './textarea_question_input.svelte';
-	import TextareaQuestionInput from './textarea_question_input.svelte';
-	import DateQuestionInput from './date_question_input.svelte';
-	import AvailabilityQuestionInput from './availability_question_input.svelte';
-	import DatetimeQuestionImput from './datetime_question_imput.svelte';
-	import TimeQuestionInput from './time_question_input.svelte';
-	// Placeholder for now before we start importing actual data
+	import type { User, Form } from '$lib/store';
+	import QuestionInput from './question_input.svelte';
 
-	let question_1: BooleanQuestion = {
-		type: QuestionType.BOOLEAN,
+	export let data: Form;
+	export let user: User | undefined = undefined;
+	export let action = '';
+	export let method = 'POST';
 
-		name: 'Age Check',
-
-		content: 'Are you over 18 years old?',
-
-		required: false,
-
-		value: true,
-
-		style: 'checkbox'
-	};
-	let question_2: TextQuestion = {
-		type: QuestionType.TEXT,
-
-		name: 'FRQ',
-
-		content: 'How do you feel about this form?',
-
-		required: false,
-
-		value: 'Sample Text'
-	};
-	let question_3: SingleTextSelectQuestion = {
-		type: QuestionType.SINGLE_TEXT_SELECT,
-
-		name: 'multiple choice',
-
-		content: 'please pick one',
-
-		required: true,
-
-		allowCustomChoice: true,
-
-		choices: ['choice 1', 'choice 2', 'choice 3', 'choice 4'],
-
-		choiceIndex: -1
-	};
-	let question_4: ColorQuestion = {
-		type: QuestionType.COLOR,
-
-		name: 'Color Question',
-
-		content: 'Pick a color',
-
-		required: false,
-
-		value: '#000000'
-	};
-	let question_5: NumberQuestion = {
-		type: QuestionType.NUMBER,
-
-		name: 'Number Question',
-
-		content: 'Pick a number',
-
-		required: true,
-
-		min: 0,
-
-		max: 100,
-
-		placeholder: 'select a number'
-	};
-	let question_6: TextareaQuestion = {
-		type: QuestionType.TEXTAREA,
-
-		name: 'Text Area Question',
-
-		content: 'text area?',
-
-		required: true,
-
-		minLength: 0,
-
-		maxLength: 1000,
-
-		placeholder: 'write here',
-
-		value: ''
-	};
-
-	let question_7: TimeQuestion = {
-		type: QuestionType.TIME,
-
-		name: 'Time Question',
-
-		content: 'What Time is it?',
-
-		required: true,
-
-		min: 0,
-
-		max: 0,
-
-		value: 0.0
-	};
-
-	let question_8: DateQuestion = {
-		type: QuestionType.DATE,
-
-		name: 'Date Question',
-
-		content: 'What is the current date?',
-
-		required: false,
-
-		min: 0,
-
-		max: 0,
-
-		value: 0.0
-	};
-
-	let question_9: DatetimeQuestion = {
-		type: QuestionType.DATETIME,
-
-		name: 'Datetime Question',
-
-		content: 'What is the current date and time?',
-
-		required: false,
-
-		min: 0,
-
-		max: 0,
-
-		value: 0.0
-	};
-	let question_10: AvailablityQuestion = {
-		type: QuestionType.AVAILABILITY,
-
-		name: 'Datetime Question',
-
-		content: 'When are you availabile?',
-
-		required: false,
-
-		maxDateRanges: 5
-	};
-	let questionList: QuestionList = {
-		data: [
-			question_1,
-			question_2,
-			question_3,
-			question_4,
-			question_5,
-			question_6,
-			question_7,
-			question_8,
-			question_9,
-			question_10
-		],
-
-		shuffled: false
-	};
-
-	let currentForm: Form = {
-		id: '20',
-
-		questions: questionList
-	};
+	if (data.questions.shuffled) {
+		data.questions.data = data.questions.data.sort(() => Math.random() - 0.5);
+	}
 </script>
 
-<form action="">
+<form {action} {method}>
 	<div class="form-header">
-		<h1>form</h1>
-		<p class="form-description">
-			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
-			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
-			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-		</p>
+		<h1>{data.title}</h1>
+		<p class="form-description">{data.description}</p>
 		<hr />
 		<div class="form-information">
-			<p>Account:</p>
-			<p>Name:</p>
-			<p>Date:</p>
-		</div>
-	</div>
-	{#each questionList.data as question}
-		<div class="question">
-			{#if question.type === QuestionType.BOOLEAN}
-				<BooleanQuestionInput data={question} />
-			{:else if question.type === QuestionType.TEXT}
-				<TextQuestionInput data={question} />
-			{:else if question.type === QuestionType.SINGLE_TEXT_SELECT}
-				<SingleTextSelectQuestionInput data={question} />
-			{:else if question.type === QuestionType.NUMBER}
-				<NumberQuestionInput data={question} />
-			{:else if question.type === QuestionType.COLOR}
-				<ColorQuestionInput data={question} />
-			{:else if question.type === QuestionType.TEXTAREA}
-				<TextareaQuestionInput data={question} />
-			{:else if question.type === QuestionType.DATE}
-				<DateQuestionInput data={question} />
-			{:else if question.type === QuestionType.AVAILABILITY}
-				<AvailabilityQuestionInput data={question} />
-			{:else if question.type === QuestionType.DATETIME}
-				<DatetimeQuestionImput data={question} />
-			{:else if question.type === QuestionType.TIME}
-				<TimeQuestionInput data={question} />
+			<p>
+				Account:
+				{#if user}
+					{user.discordUsername}
+				{:else}
+					Unauthenticated
+				{/if}
+			</p>
+
+			{#if data.schedule?.startDate}
+				<p>Opened at: {data.schedule?.startDate}</p>
+			{/if}
+			{#if data.schedule?.endDate}
+				<p>Opened until: {data.schedule?.endDate}</p>
 			{/if}
 		</div>
+	</div>
+	{#each data.questions.data as question}
+		<QuestionInput data={question} />
 	{/each}
-	<input type="hidden" value={currentForm.id} />
-	<input type="submit" value="Sumbit" />
-</form>
-
-<!-- 
-    TO DO: 
-    Create Components for each question type.
-    create type script function to render the form to where each question is rendered based on its type. 
-    style the form
 
--->
+	<button type="submit">Submit</button>
+</form>
 
 <style>
+	/* TODO: Fix. Reference: https://github.com/acmcsufoss/form/blob/71e0b113927c8e064229e63931f964a98f6e3f1d/src/lib/components/form.svelte */
+
 	@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
 	/* uncomment the global to see css components */
 
@@ -260,6 +57,7 @@
 		font-family: 'Poppins';
 		font-size: 11px;
 	}
+
 	form {
 		display: flex;
 		flex-direction: column;
@@ -268,12 +66,14 @@
 		margin: 0 auto;
 		max-width: 400px;
 	}
+
 	hr {
 		margin: 0;
 		margin-left: -15px;
 		width: 100%;
 		padding: 0px 15px;
 	}
+
 	:global(fieldset) {
 		border: none;
 		min-width: 0;
@@ -289,6 +89,7 @@
 		margin-bottom: 10px;
 		font-family: 'Poppins';
 	}
+
 	.form-header {
 		padding: 15px 15px;
 		width: calc(100% - 30px);
@@ -297,25 +98,37 @@
 		border-radius: 10px;
 		border-top: 7px solid #04a2ff;
 	}
+
 	.form-description {
 		padding-bottom: 7px;
 	}
+
 	.form-information {
 		padding-top: 7px;
 	}
+
 	h1 {
 		margin: 0;
 		text-align: left;
 		font-size: 28px;
 		font-weight: 600;
 	}
+
 	p {
 		margin: 0;
 		text-align: left;
 		font-size: 11px;
 		font-weight: 400;
 	}
-	.question {
+
+	:global(.Question-Header) {
+		font-size: 13px;
+		font-weight: bold;
+		margin-bottom: 10px;
+		font-family: 'Poppins';
+	}
+
+	:global(.question) {
 		padding: 20px 15px;
 		width: calc(100% - 30px);
 		margin: 10px auto;
@@ -325,9 +138,11 @@
 		border-width: 0;
 		border-style: solid;
 	}
+
 	:global(label) {
 		display: flex;
 	}
+
 	:global(input) {
 		display: flex;
 	}
diff --git a/src/lib/components/form_editor.svelte b/src/lib/components/form_editor.svelte
new file mode 100644
index 0000000..1cd4e0c
--- /dev/null
+++ b/src/lib/components/form_editor.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+	import type { Form } from '$lib/store';
+	import { QuestionType } from '$lib/form';
+	import QuestionInput from './question_input.svelte';
+
+	export let action: string;
+	export let method: string;
+	export let data: Form;
+
+	// TODO: Add discord data: channels, threads, guilds, roles.
+</script>
+
+<form {action} {method}>
+	<div class="form-header">
+		<h1>Form editor</h1>
+		<p class="form-description">Edit a form!</p>
+		<hr />
+		<div class="form-information">
+			<p>Form ID: {data.id}</p>
+		</div>
+	</div>
+	<QuestionInput
+		data={{
+			type: QuestionType.TEXT,
+			name: 'title',
+			content: 'Title'
+		}}
+	/>
+
+	<QuestionInput
+		data={{
+			type: QuestionType.TEXTAREA,
+			name: 'description',
+			content: 'Description'
+		}}
+	/>
+
+	<QuestionInput
+		data={{
+			type: QuestionType.TEXT,
+			name: 'schedule.startDatetime',
+			content: 'Start date'
+		}}
+	/>
+
+	<QuestionInput
+		data={{
+			type: QuestionType.TEXT,
+			name: 'schedule.endDatetime',
+			content: 'End date'
+		}}
+	/>
+
+	<QuestionInput
+		data={{
+			type: QuestionType.TIMEZONE,
+			name: 'schedule.timezone',
+			content: 'Timezone (default: UTC/GMT)'
+		}}
+	/>
+
+	<QuestionInput
+		data={{
+			type: QuestionType.BOOLEAN,
+			name: 'anonymized',
+			content: 'Anonymized'
+		}}
+	/>
+
+	<QuestionInput
+		data={{
+			type: QuestionType.BOOLEAN,
+			name: 'allowsMultipleSubmissions',
+			content: 'Allows multiple submissions'
+		}}
+	/>
+
+	<!-- Discord message schedule -->
+
+	<!-- <QuestionInput
+		data={{
+			type: QuestionType.SELECT,
+			name: 'message.channelID',
+			content: 'Discord channel ID',
+			options: data.channels.map((channel) => ({
+				value: channel.id,
+				content: channel.name
+			}))
+		}}
+	/> -->
+
+	<!-- TODO: Make editor inputs for each type of question. -->
+
+	<button type="submit">Submit</button>
+</form>
+
+<style>
+	form {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		margin: 0 auto;
+		max-width: 400px;
+	}
+</style>
diff --git a/src/lib/components/number_question_input.svelte b/src/lib/components/number_question_input.svelte
index 2d2f59a..69a2d9d 100644
--- a/src/lib/components/number_question_input.svelte
+++ b/src/lib/components/number_question_input.svelte
@@ -1,26 +1,7 @@
 <script lang="ts">
-	import type { NumberQuestion } from '$lib/form/form';
-	import { QuestionType } from '$lib/form/form';
+	import type { NumberQuestion } from '$lib/form';
 
-	export let data: NumberQuestion = {
-		type: QuestionType.NUMBER,
-
-		name: 'Defualt Number Question',
-
-		content: 'Defualt Number?',
-
-		required: false,
-
-		min: 0,
-
-		max: 100,
-
-		value: 0,
-
-		placeholder: 'Enter a number',
-
-		step: 1
-	};
+	export let data: NumberQuestion;
 </script>
 
 <fieldset>
diff --git a/src/lib/components/question_input.svelte b/src/lib/components/question_input.svelte
new file mode 100644
index 0000000..1cd9818
--- /dev/null
+++ b/src/lib/components/question_input.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+	import type { Question } from '$lib/form';
+	import { QuestionType } from '$lib/form';
+	import AvailabilityQuestionInput from './availability_question_input.svelte';
+	import BooleanQuestionInput from './boolean_question_input.svelte';
+	import ColorQuestionInput from './color_question_input.svelte';
+	import DateQuestionInput from './date_question_input.svelte';
+	import DatetimeQuestionImput from './datetime_question_imput.svelte';
+	import NumberQuestionInput from './number_question_input.svelte';
+	import SingleTextSelectQuestionInput from './single_text_select_question_input.svelte';
+	import TextQuestionInput from './text_question_input.svelte';
+	import TextareaQuestionInput from './textarea_question_input.svelte';
+	import TimeQuestionInput from './time_question_input.svelte';
+	import SelectQuestionInput from './select_question_input.svelte';
+
+	export let data: Question;
+</script>
+
+<div class="question">
+	{#if data.type === QuestionType.BOOLEAN}
+		<BooleanQuestionInput {data} />
+	{:else if data.type === QuestionType.TEXT}
+		<TextQuestionInput {data} />
+	{:else if data.type === QuestionType.SINGLE_TEXT_SELECT}
+		<SingleTextSelectQuestionInput {data} />
+	{:else if data.type === QuestionType.NUMBER}
+		<NumberQuestionInput {data} />
+	{:else if data.type === QuestionType.COLOR}
+		<ColorQuestionInput {data} />
+	{:else if data.type === QuestionType.TEXTAREA}
+		<TextareaQuestionInput {data} />
+	{:else if data.type === QuestionType.DATE}
+		<DateQuestionInput {data} />
+	{:else if data.type === QuestionType.AVAILABILITY}
+		<AvailabilityQuestionInput {data} />
+	{:else if data.type === QuestionType.DATETIME}
+		<DatetimeQuestionImput {data} />
+	{:else if data.type === QuestionType.TIME}
+		<TimeQuestionInput {data} />
+	{:else if data.type === QuestionType.SELECT}
+		<SelectQuestionInput {data} />
+	{/if}
+</div>
+
+<style>
+	.question {
+		padding: 20px 15px;
+		width: calc(100% - 30px);
+		margin: 10px auto;
+		background-color: #ffffff;
+		border-radius: 10px;
+		border-color: #c5c8c9;
+		border-width: 0;
+		border-style: solid;
+	}
+</style>
diff --git a/src/lib/components/select_question_input.svelte b/src/lib/components/select_question_input.svelte
new file mode 100644
index 0000000..5cfb3df
--- /dev/null
+++ b/src/lib/components/select_question_input.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import type { SelectQuestion } from '$lib/form';
+
+	export let data: SelectQuestion;
+</script>
+
+<label class="Question-Header" for={data.name}>{data.content}</label>
+<select name={data.name} required={data.required} value={data.default}>
+	{#each data.options as option}
+		<option value={option.value}>{option.content}</option>
+	{/each}
+</select>
diff --git a/src/lib/components/single_text_select_question_input.svelte b/src/lib/components/single_text_select_question_input.svelte
index 6be4ab5..099ca9f 100644
--- a/src/lib/components/single_text_select_question_input.svelte
+++ b/src/lib/components/single_text_select_question_input.svelte
@@ -1,28 +1,11 @@
 <script lang="ts">
-	import type { SingleTextSelectQuestion } from '../form/form.js';
-	import { QuestionType } from '../form/form.js';
-	export let data: SingleTextSelectQuestion = {
-		type: QuestionType.SINGLE_TEXT_SELECT,
+	import type { SingleTextSelectQuestion } from '$lib/form';
 
-		name: 'SingleTextSelect Question',
-
-		content: 'Select One',
-
-		required: false,
-
-		choices: ['red', 'green', 'blue'],
-
-		allowCustomChoice: true,
-
-		choiceIndex: 0,
-
-		customChoice: ''
-	};
+	export let data: SingleTextSelectQuestion;
 </script>
 
 <fieldset>
 	<legend>{data.content}</legend>
-	<!-- TODO: Create functionality for defualt choice and custom choice -->
 	{#each data.choices as choice, i}
 		<div class="choice">
 			<input
@@ -45,7 +28,7 @@
 				checked={data.choiceIndex === -1}
 			/>
 			<label for="custom">
-				<input name={data.name} id="custom-choice" type="text" bind:value={data.customChoice} />
+				<input name={data.name} id="custom-choice" type="text" value={data.customChoice} />
 			</label>
 		</div>
 	{/if}
diff --git a/src/lib/components/text_question_input.svelte b/src/lib/components/text_question_input.svelte
index 66c829b..d94e733 100644
--- a/src/lib/components/text_question_input.svelte
+++ b/src/lib/components/text_question_input.svelte
@@ -1,25 +1,7 @@
 <script lang="ts">
-	import type { TextQuestion } from '../form/form.js';
-	import { QuestionType } from '../form/form.js';
-	export let data: TextQuestion = {
-		type: QuestionType.TEXT,
+	import type { TextQuestion } from '$lib/form';
 
-		name: 'TextQuestion Question',
-
-		content: 'Text?',
-
-		required: false,
-
-		minLength: 0,
-
-		maxLength: 100,
-
-		value: '',
-
-		placeholder: 'type here',
-
-		pattern: ''
-	};
+	export let data: TextQuestion;
 </script>
 
 <fieldset>
diff --git a/src/lib/components/textarea_question_input.svelte b/src/lib/components/textarea_question_input.svelte
index b8256fc..d172100 100644
--- a/src/lib/components/textarea_question_input.svelte
+++ b/src/lib/components/textarea_question_input.svelte
@@ -1,46 +1,37 @@
 <script lang="ts">
-	import type { TextareaQuestion } from '../form/form.js';
-	import { QuestionType } from '../form/form.js';
-	/**
-	 * funct for adjusting height of text area
-	 */
-	let textarea_: HTMLTextAreaElement;
-	const textAreaAdjustHeight = (): void => {
-		textarea_.style.height = 'auto';
-		textarea_.style.height = textarea_.scrollHeight + 'px';
-	};
-
-	// DEFUALT VALUES
-	export let data: TextareaQuestion = {
-		type: QuestionType.TEXTAREA,
-
-		name: 'Text Area Question',
-
-		content: 'text area?',
-
-		required: false,
-
-		minLength: 0,
-
-		maxLength: 1000,
-
-		placeholder: 'type here',
-
-		value: ''
+	import type { Action } from 'svelte/action';
+	import type { TextareaQuestion } from '$lib/form';
+
+	export let data: TextareaQuestion;
+
+	// Progressive enhancement for adjusting height of textarea.
+	// https://svelte.dev/docs/svelte-action
+	const adjustTextareaHeight: Action = (node: HTMLElement) => {
+		function handleInput() {
+			node.style.height = 'auto';
+			node.style.height = node.scrollHeight + 'px';
+		}
+
+		node.addEventListener('input', handleInput);
+
+		return {
+			destroy() {
+				node.removeEventListener('input', handleInput);
+			}
+		};
 	};
 </script>
 
 <fieldset>
 	<legend>{data.content}</legend>
 	<textarea
-		bind:this={textarea_}
-		on:input={textAreaAdjustHeight}
+		use:adjustTextareaHeight
 		name={data.name}
 		maxlength={data.maxLength}
 		minlength={data.minLength}
 		placeholder={data.placeholder}
 		required={data.required}
-		bind:value={data.value}
+		value={data.value}
 	/>
 </fieldset>
 
diff --git a/src/lib/components/time_question_input.svelte b/src/lib/components/time_question_input.svelte
index ef1c245..f3a32e5 100644
--- a/src/lib/components/time_question_input.svelte
+++ b/src/lib/components/time_question_input.svelte
@@ -1,22 +1,7 @@
 <script lang="ts">
-	import type { TimeQuestion } from '../form/form.js';
-	import { QuestionType } from '../form/form.js';
+	import type { TimeQuestion } from '$lib/form';
 
-	export let data: TimeQuestion = {
-		type: QuestionType.TIME,
-
-		name: 'Time Question',
-
-		content: 'Default?',
-
-		required: false,
-
-		min: 0,
-
-		max: 0,
-
-		value: 0.0
-	};
+	export let data: TimeQuestion;
 </script>
 
 <fieldset>
@@ -25,7 +10,7 @@
 		name={data.name}
 		type="time"
 		required={data.required}
-		bind:value={data.value}
+		value={data.value}
 		min={data.min}
 		max={data.max}
 	/>
diff --git a/src/lib/components/timezone_question_input.svelte b/src/lib/components/timezone_question_input.svelte
new file mode 100644
index 0000000..20986c6
--- /dev/null
+++ b/src/lib/components/timezone_question_input.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { TimezoneQuestion } from '$lib/form';
+	import { TIMEZONES } from '$lib/timezones';
+
+	export let data: TimezoneQuestion;
+
+	let localTimezoneID = '';
+	if (Intl.DateTimeFormat) {
+		localTimezoneID = Intl.DateTimeFormat().resolvedOptions().timeZone;
+	}
+</script>
+
+<label class="Question-Header" for={data.name}>{data.content}</label>
+<select name={data.name} required={data.required} value={data.default || localTimezoneID}>
+	{#each TIMEZONES as choice}
+		<option value={choice.id}>{choice.text}</option>
+	{/each}
+</select>
diff --git a/src/lib/discord/api.ts b/src/lib/discord/api.ts
new file mode 100644
index 0000000..4c96671
--- /dev/null
+++ b/src/lib/discord/api.ts
@@ -0,0 +1,151 @@
+import type { APIGuildMember, RESTPostAPIChannelMessageJSONBody } from 'discord-api-types/v10';
+
+export const API_URL = 'https://discord.com/api';
+
+export interface GetGuildMemberRequest {
+	guildID: string;
+	userID: string;
+	botToken: string;
+}
+
+function makeGetGuildMemberURL(r: GetGuildMemberRequest, apiURL = API_URL): string {
+	return `${apiURL}/guilds/${r.guildID}/members/${r.userID}`;
+}
+
+export async function getGuildMember(r: GetGuildMemberRequest): Promise<APIGuildMember> {
+	const response = await fetch(makeGetGuildMemberURL(r), {
+		headers: {
+			Authorization: `Bearer ${r.botToken}`
+		}
+	});
+	if (!response.ok) {
+		throw new Error(`Failed to get guild member: ${response.statusText}`);
+	}
+
+	return await response.json();
+}
+
+export interface CheckGuildMemberHasRoleRequest extends GetGuildMemberRequest {
+	roleID: string;
+}
+
+export async function checkGuildMemberHasRole(r: CheckGuildMemberHasRoleRequest): Promise<boolean> {
+	const member = await getGuildMember(r);
+	return member.roles.includes(r.roleID);
+}
+
+export interface CreateMessageRequest {
+	body: RESTPostAPIChannelMessageJSONBody;
+	channelID: string;
+	botToken: string;
+}
+
+function makeCreateMessageURL(r: CreateMessageRequest, apiURL = API_URL): string {
+	return `${apiURL}/channels/${r.channelID}/messages`;
+}
+
+// https://discord.com/developers/docs/resources/channel#create-message
+export async function createMessage(r: CreateMessageRequest): Promise<APIGuildMember> {
+	const response = await fetch(makeCreateMessageURL(r), {
+		method: 'POST',
+		headers: {
+			Authorization: `Bearer ${r.botToken}`
+		},
+		body: JSON.stringify(r.body)
+	});
+	if (!response.ok) {
+		throw new Error(`Failed to create message: ${response.statusText}`);
+	}
+
+	return await response.json();
+}
+
+export interface DiscordOAuth2URLData {
+	clientID: string;
+	redirectURI: string;
+	state?: string;
+	apiURL?: string;
+}
+
+export function makeOAuth2URL(data: DiscordOAuth2URLData) {
+	const url = new URL(`${data.apiURL || API_URL}/oauth2/authorize`);
+	url.searchParams.set('client_id', data.clientID);
+	url.searchParams.set('response_type', 'code');
+	url.searchParams.set('redirect_uri', data.redirectURI);
+	url.searchParams.set('scope', 'identify');
+	url.searchParams.set('state', data.state || '');
+	return url.toString();
+}
+
+// https://discord.com/developers/docs/topics/oauth2#authorization-code-grant-access-token-exchange-example
+export interface AccessTokenRequest {
+	clientID: string;
+	clientSecret: string;
+	code: string;
+	redirectURI: string;
+}
+
+// https://discord.com/developers/docs/topics/oauth2#authorization-code-grant-access-token-response
+export interface AccessTokenResponse {
+	access_token: string;
+	token_type: string;
+	expires_in: number;
+	refresh_token: string;
+	scope: string;
+}
+
+export async function exchangeCode(
+	r: AccessTokenRequest,
+	apiURL = API_URL
+): Promise<AccessTokenResponse> {
+	const response = await fetch(`${apiURL}/oauth2/token`, {
+		method: 'POST',
+		body: new URLSearchParams({
+			grant_type: 'authorization_code',
+			code: r.code,
+			redirect_uri: r.redirectURI
+		}),
+		headers: {
+			'Content-Type': 'application/x-www-form-urlencoded',
+			'Accept-Encoding': 'application/x-www-form-urlencoded',
+			Authorization: makeAuthorizationHeader(r.clientID, r.clientSecret)
+		}
+	});
+	if (!response.ok) {
+		throw new Error(response.statusText);
+	}
+
+	return await response.json();
+}
+
+export function makeAuthorizationHeader(clientID: string, clientSecret: string) {
+	return `Basic ${btoa(`${clientID}:${clientSecret}`)}`;
+}
+
+export interface DiscordUser {
+	id: string;
+	username: string;
+	avatar: string;
+	discriminator: string;
+	public_flags: number;
+	flags: number;
+}
+
+export async function getDiscordUser(accessToken: string, apiURL = API_URL): Promise<DiscordUser> {
+	const response = await fetch(`${apiURL}/users/@me`, {
+		headers: { Authorization: `Bearer ${accessToken}` }
+	});
+	if (!response.ok) {
+		throw new Error(response.statusText);
+	}
+
+	return await response.json();
+}
+
+export async function getDiscordUserFromCode(r: AccessTokenRequest): Promise<DiscordUser> {
+	// Exchange code for token.
+	const accessTokenResponse = await exchangeCode(r);
+
+	// Get user info from Discord.
+	return await getDiscordUser(accessTokenResponse.access_token);
+}
diff --git a/src/lib/discord/index.ts b/src/lib/discord/index.ts
new file mode 100644
index 0000000..b1c13e7
--- /dev/null
+++ b/src/lib/discord/index.ts
@@ -0,0 +1 @@
+export * from './api';
diff --git a/src/lib/form/form.ts b/src/lib/form/form.ts
index 2edb991..95edc8a 100644
--- a/src/lib/form/form.ts
+++ b/src/lib/form/form.ts
@@ -1,13 +1,11 @@
-/**
- * ID is a unique identifier.
- */
-export type ID = string;
+import type { ID } from './id';
 
 /**
- * Timestamp is a Unix timestamp. It is the number of milliseconds since
- * January 1, 1970, 00:00:00 UTC.
+ * Timestamp is a local timestamp. A date is represented as a string
+ * in the format YYYY-MM-DD. A datetime is represented as a string in the
+ * format YYYY-MM-DDTHH:MM:SS.
  */
-export type Timestamp = number;
+export type Timestamp = string;
 
 /**
  * Form is a form.
@@ -18,6 +16,24 @@ export interface Form {
 	 */
 	id: ID;
 
+	/**
+	 * permissions is the permissions data for the form.
+	 *
+	 * Status: Future work.
+	 */
+	// permissions: FormPermissions;
+
+	/**
+	 * title is the title of the form.
+	 */
+	title?: string;
+
+	/**
+	 * description is the markdown description of the form. This is displayed
+	 * in the Discord message.
+	 */
+	description?: string;
+
 	/**
 	 * questions is the list of questions for the form.
 	 */
@@ -29,10 +45,48 @@ export interface Form {
 	message?: DiscordMessage;
 
 	/**
-	 * allowMultipleSubmissions is whether or not the form allows multiple
+	 * schedule is the schedule for the form.
+	 *
+	 * If undefined, the form is always open and immediately posted to Discord when created.
+	 */
+	schedule?: FormSchedule;
+
+	/**
+	 * allowsMultipleSubmissions is whether or not the form allows multiple
 	 * submissions. Defaults to false.
 	 */
-	allowMultipleSubmissions?: boolean;
+	allowsMultipleSubmissions?: boolean;
+
+	/**
+	 * anonymized is whether or not the form's submissions are anonymized.
+	 *
+	 * Defaults to false.
+	 */
+	anonymized?: boolean;
+}
+
+/**
+ * FormSchedule is the schedule for a form.
+ */
+export interface FormSchedule {
+	/**
+	 * startDate is the start time for the form.
+	 *
+	 * This is also the time that the form will be posted to Discord.
+	 */
+	startDate: Timestamp;
+
+	/**
+	 * endDate is the end time for the form.
+	 *
+	 * This is when the form will be closed and may be edited.
+	 */
+	endDate: Timestamp | null;
+
+	/**
+	 * timezone is the timezone ID for the form. Defaults to UTC/GMT.
+	 */
+	timezone?: string;
 }
 
 /**
@@ -44,11 +98,6 @@ export interface DiscordMessage {
 	 */
 	id?: ID;
 
-	/**
-	 * content is the content of the Discord message.
-	 */
-	content?: string;
-
 	/**
 	 * channelID is the ID of the Discord channel that the message is in.
 	 */
@@ -59,10 +108,7 @@ export interface DiscordMessage {
 	 */
 	threadID?: ID;
 
-	/**
-	 * timestamp is the Discord message timestamp.
-	 */
-	timestamp: Timestamp;
+	// TODO: Add guild ID to target specific guild.
 }
 
 /**
@@ -78,7 +124,9 @@ export type Question =
 	| DateQuestion
 	| TimeQuestion
 	| DatetimeQuestion
-	| AvailablityQuestion;
+	| AvailablityQuestion
+	| TimezoneQuestion
+	| SelectQuestion;
 
 /**
  * QuestionValue is the value of a question.
@@ -93,7 +141,8 @@ export type QuestionValue =
 	| DateQuestionValue
 	| TimeQuestionValue
 	| DatetimeQuestionValue
-	| AvailabilityQuestionValue;
+	| AvailabilityQuestionValue
+	| TimezoneQuestionValue;
 
 /**
  * QuestionList is a list of questions.
@@ -106,8 +155,10 @@ export interface QuestionList {
 
 	/**
 	 * shuffled is whether or not the questions are shuffled.
+	 *
+	 * By default, questions are not shuffled.
 	 */
-	shuffled: boolean;
+	shuffled?: boolean;
 }
 
 /**
@@ -123,7 +174,9 @@ export enum QuestionType {
 	DATE = 'date',
 	TIME = 'time',
 	DATETIME = 'datetime',
-	AVAILABILITY = 'availability'
+	AVAILABILITY = 'availability',
+	TIMEZONE = 'timezone',
+	SELECT = 'select'
 }
 
 /**
@@ -147,8 +200,10 @@ export interface QuestionBase {
 
 	/**
 	 * required is whether or not the form field is required.
+	 *
+	 * By default, form fields are not required.
 	 */
-	required: boolean;
+	required?: boolean;
 }
 
 /**
@@ -166,6 +221,9 @@ export interface QuestionValueBase {
 	name: string;
 }
 
+/**
+ * SingleTextSelectQuestion is a traditional multiple choice question.
+ */
 export interface SingleTextSelectQuestion extends QuestionBase {
 	/**
 	 * type is the type of question.
@@ -174,6 +232,9 @@ export interface SingleTextSelectQuestion extends QuestionBase {
 
 	/**
 	 * choices is the list of choices for the question.
+	 *
+	 * TODO: Update to choices: { value: string; content: string; }[].
+	 * This will allow for custom choice values. Replace choiceIndex with value.
 	 */
 	choices: string[];
 
@@ -344,14 +405,14 @@ export interface BooleanQuestion extends QuestionBase {
 	type: QuestionType.BOOLEAN;
 
 	/**
-	 * style is the style of the boolean question.
+	 * style is the style of the boolean question. Defaults to checkbox.
 	 */
-	style: 'checkbox' | 'radio';
+	style?: 'checkbox' | 'radio';
 
 	/**
 	 * value is the value for the boolean question.
 	 */
-	value: boolean;
+	value?: boolean;
 }
 
 export interface BooleanQuestionValue extends QuestionValueBase {
@@ -492,7 +553,7 @@ export interface DatetimeQuestionValue extends QuestionValueBase {
 	value: Timestamp;
 }
 
-export const DEFAULT_MAX_DATE_RANGES = 10;
+export const DEFAULT_MAX_DATE_RANGES = 1;
 
 export interface AvailablityQuestion extends QuestionBase {
 	/**
@@ -516,9 +577,9 @@ export interface AvailablityQuestion extends QuestionBase {
 	maxEndDatetime?: Timestamp;
 
 	/**
-	 * maxDateRanges is the number of date input pairs that the user can enter.
+	 * maxDatetimeRanges is the number of date input pairs that the user can enter.
 	 */
-	maxDateRanges?: number;
+	maxDatetimeRanges?: number;
 }
 
 /**
@@ -535,3 +596,71 @@ export interface AvailabilityQuestionValue extends QuestionValueBase {
 	 */
 	value: [Timestamp, Timestamp][];
 }
+
+/**
+ * TimezoneQuestion is a timezone selection.
+ */
+export interface TimezoneQuestion extends QuestionBase {
+	/**
+	 * type is the type of question.
+	 */
+	type: QuestionType.TIMEZONE;
+
+	/**
+	 * default is the default value for the timezone question.
+	 */
+	default?: TimezoneQuestionValue['value'];
+}
+
+/**
+ * TimezoneQuestionValue is a timezone.
+ */
+export interface TimezoneQuestionValue extends QuestionValueBase {
+	/**
+	 * type is the type of question.
+	 */
+	type: QuestionType.TIMEZONE;
+
+	/**
+	 * value is the timezone ID.
+	 */
+	value: string;
+}
+
+/**
+ * SelectQuestion is a select question with a list of options.
+ */
+export interface SelectQuestion extends QuestionBase {
+	/**
+	 * type is the type of question.
+	 */
+	type: QuestionType.SELECT;
+
+	/**
+	 * options is the list of options for the select question.
+	 */
+	options: {
+		value: string;
+		content: string;
+	}[];
+
+	/**
+	 * default is the default value for the select question.
+	 */
+	default?: string;
+}
+
+/**
+ * SelectQuestionValue is a select question value.
+ */
+export interface SelectQuestionValue extends QuestionValueBase {
+	/**
+	 * type is the type of question.
+	 */
+	type: QuestionType.SELECT;
+
+	/**
+	 * value is the value of the question.
+	 */
+	value: string;
+}
diff --git a/src/lib/form/id.ts b/src/lib/form/id.ts
new file mode 100644
index 0000000..e84c68d
--- /dev/null
+++ b/src/lib/form/id.ts
@@ -0,0 +1,4 @@
+/**
+ * ID is a unique identifier.
+ */
+export type ID = string;
diff --git a/src/lib/form/permissions.ts b/src/lib/form/permissions.ts
new file mode 100644
index 0000000..b86c58d
--- /dev/null
+++ b/src/lib/form/permissions.ts
@@ -0,0 +1,27 @@
+import type { ID } from './id';
+
+/**
+ * UserIDs is a map of user IDs to empty objects to use as a set for
+ * fast lookups.
+ */
+export type UserIDs = Record<ID, never>;
+
+/**
+ * Permissions is a map of permission types to a set of user IDs.
+ */
+export type Permissions<T extends string> = Record<T, UserIDs>;
+
+/**
+ * FORM_PERMISSION_TYPES is a list of form permission types.
+ */
+export const FORM_PERMISSION_TYPES = ['edit', 'view'] as const;
+
+/**
+ * FormPermissionType is a union type of the supported form permission types.
+ */
+export type FormPermissionType = (typeof FORM_PERMISSION_TYPES)[number];
+
+/**
+ * FormPermissions represents the permissions for a form.
+ */
+export type FormPermissions = Permissions<FormPermissionType>;
diff --git a/src/lib/form/submission.ts b/src/lib/form/submission.ts
index f9fc62b..0619f50 100644
--- a/src/lib/form/submission.ts
+++ b/src/lib/form/submission.ts
@@ -1,6 +1,6 @@
+import type { ID } from './id';
 import type {
 	Form,
-	ID,
 	QuestionValue,
 	TextQuestionValue,
 	TextareaQuestionValue,
@@ -83,11 +83,10 @@ export function parse(formSchema: Form, formData: FormData): QuestionValue[] {
 					throw new Error('invalid form value');
 				}
 
-				const value = new Date(formValue).getTime();
 				data.push({
 					type: question.type,
 					name: question.name,
-					value
+					value: formValue
 				} satisfies DateQuestionValue | TimeQuestionValue | DatetimeQuestionValue);
 				break;
 			}
@@ -124,7 +123,7 @@ export function parse(formSchema: Form, formData: FormData): QuestionValue[] {
 
 			case QuestionType.AVAILABILITY: {
 				const value: AvailabilityQuestionValue['value'] = Array.from(
-					{ length: question.maxDateRanges ?? DEFAULT_MAX_DATE_RANGES },
+					{ length: question.maxDatetimeRanges ?? DEFAULT_MAX_DATE_RANGES },
 					(_, i) => {
 						const startDateFormValue = formData.get(`${question.name}-${i}-start`);
 						const endDateFormValue = formData.get(`${question.name}-${i}-end`);
@@ -132,9 +131,7 @@ export function parse(formSchema: Form, formData: FormData): QuestionValue[] {
 							throw new Error('invalid form value');
 						}
 
-						const startDatetime = new Date(startDateFormValue).getTime();
-						const endDatetime = new Date(endDateFormValue).getTime();
-						return [startDatetime, endDatetime];
+						return [startDateFormValue, endDateFormValue];
 					}
 				);
 				data.push({
diff --git a/src/lib/oauth2/index.ts b/src/lib/oauth2/index.ts
new file mode 100644
index 0000000..9177695
--- /dev/null
+++ b/src/lib/oauth2/index.ts
@@ -0,0 +1 @@
+export * from './oauth2';
diff --git a/src/lib/oauth2/oauth2.ts b/src/lib/oauth2/oauth2.ts
new file mode 100644
index 0000000..0438bbf
--- /dev/null
+++ b/src/lib/oauth2/oauth2.ts
@@ -0,0 +1,7 @@
+export const SESSION_ID_COOKIE_NAME = 'session_id';
+
+export function makeOAuth2URL(destination: string) {
+	const state = JSON.stringify({ destination });
+	const search = new URLSearchParams({ state });
+	return `/discord_oauth2?${search}`;
+}
diff --git a/src/lib/resources/store.ts b/src/lib/resources/store.ts
new file mode 100644
index 0000000..1ece1a6
--- /dev/null
+++ b/src/lib/resources/store.ts
@@ -0,0 +1,8 @@
+import { openKv } from '@deno/kv';
+import { KvStore } from '$lib/store/kv';
+import { DENO_KV_ACCESS_TOKEN, DENO_KV_CONNECT_URL } from '$env/static/private';
+
+const kvPath = DENO_KV_CONNECT_URL || './.denokv';
+const kv = await openKv(kvPath, { accessToken: DENO_KV_ACCESS_TOKEN });
+
+export const s = new KvStore(kv);
diff --git a/src/lib/store/index.ts b/src/lib/store/index.ts
new file mode 100644
index 0000000..d406816
--- /dev/null
+++ b/src/lib/store/index.ts
@@ -0,0 +1 @@
+export * from './store';
diff --git a/src/lib/store/kv/index.ts b/src/lib/store/kv/index.ts
new file mode 100644
index 0000000..6df12e8
--- /dev/null
+++ b/src/lib/store/kv/index.ts
@@ -0,0 +1 @@
+export * from './kv';
diff --git a/src/lib/store/kv/kv.ts b/src/lib/store/kv/kv.ts
new file mode 100644
index 0000000..c3927bc
--- /dev/null
+++ b/src/lib/store/kv/kv.ts
@@ -0,0 +1,190 @@
+import type { Kv, KvKey } from '@deno/kv';
+import type * as store from '$lib/store';
+
+export enum KvCollection {
+	USERS_BY_DISCORD_USER_ID = 'users_by_discord_user_id',
+	USERS_BY_SESSION_ID = 'users_by_session_id',
+	FORMS_BY_ID = 'forms_by_id',
+	SUBMISSIONS_BY_ID = 'submissions_by_id',
+	SUBMISSIONS_BY_FORM_ID = 'submissions_by_form_id'
+}
+
+export class KvStore implements store.Store {
+	constructor(private readonly kv: Kv, private readonly kvNamespace: KvKey = []) {}
+
+	public async getForms(): Promise<store.Form[]> {
+		const prefix = this.key(KvCollection.FORMS_BY_ID);
+		const forms: store.Form[] = [];
+		for await (const entry of this.kv.list<store.Form>({ prefix })) {
+			forms.push(entry.value);
+		}
+
+		return forms;
+	}
+
+	public async getFormByID(id: string): Promise<store.Form | null> {
+		const formKey = this.key(KvCollection.FORMS_BY_ID, id);
+		const formResult = await this.kv.get<store.Form>(formKey);
+		return formResult.value;
+	}
+
+	public async getUserByDiscordUserID(id: string) {
+		const userKey = this.key(KvCollection.USERS_BY_DISCORD_USER_ID, id);
+		const userResult = await this.kv.get<store.User>(userKey);
+		return userResult.value;
+	}
+
+	public async getUserBySessionID(id: string): Promise<store.User | null> {
+		const userKey = this.key(KvCollection.USERS_BY_SESSION_ID, id);
+		const userResult = await this.kv.get<store.User>(userKey);
+		return userResult.value;
+	}
+
+	public async getSubmissionByID(id: string): Promise<store.Submission | null> {
+		const submissionKey = this.key(KvCollection.SUBMISSIONS_BY_ID, id);
+		const submissionResult = await this.kv.get<store.Submission>(submissionKey);
+		return submissionResult.value;
+	}
+
+	public async getSubmissionsByFormID(id: string): Promise<store.Submission[]> {
+		const prefix = this.key(KvCollection.SUBMISSIONS_BY_FORM_ID, id);
+		const submissions: store.Submission[] = [];
+		for await (const entry of this.kv.list<store.Submission>({ prefix })) {
+			submissions.push(entry.value);
+		}
+
+		return submissions;
+	}
+
+	public async createForm(r: store.CreateFormRequest): Promise<store.Form> {
+		const formKey = this.key(KvCollection.FORMS_BY_ID, r.id);
+		const result = await this.kv.set(formKey, r);
+		if (!result.ok) {
+			throw new Error('Failed to create form.');
+		}
+
+		return r;
+	}
+
+	public async createUser(r: store.CreateUserRequest): Promise<store.User> {
+		const id: store.ID = crypto.randomUUID();
+		const user: store.User = {
+			id,
+			discordUserID: r.discordUserID,
+			discordUsername: r.discordUsername,
+			discordAvatar: r.discordAvatar
+		};
+
+		const usersByDiscordUserIDKey = this.key(
+			KvCollection.USERS_BY_DISCORD_USER_ID,
+			r.discordUserID
+		);
+		const usersBySessionIDKey = this.key(KvCollection.USERS_BY_SESSION_ID, r.sessionID);
+		const result = await this.kv
+			.atomic()
+			// I thought this check was necessary, but it causes an error.
+			// .check({ key: usersByDiscordUserIDKey, versionstamp: null })
+			.set(usersByDiscordUserIDKey, user)
+			.set(usersBySessionIDKey, user)
+			.commit();
+		if (!result.ok) {
+			throw new Error('Failed to create user.');
+		}
+
+		return user;
+	}
+
+	public async createSession(r: store.CreateSessionRequest): Promise<store.User> {
+		const usersByDiscordUserIDKey = this.key(
+			KvCollection.USERS_BY_DISCORD_USER_ID,
+			r.discordUserID
+		);
+		const userResult = await this.kv.get<store.User>(usersByDiscordUserIDKey);
+		if (!userResult.value) {
+			throw new Error(`User not found for discordUserID: ${r.discordUserID}`);
+		}
+
+		const updatedUser = {
+			...userResult.value,
+			discordUsername: r.discordUsername,
+			discordAvatar: r.discordAvatar
+		};
+
+		const usersBySessionIDKey = this.key(KvCollection.USERS_BY_SESSION_ID, r.sessionID);
+		const result = await this.kv
+			.atomic()
+			.check(userResult)
+			.set(usersByDiscordUserIDKey, updatedUser)
+			.set(usersBySessionIDKey, updatedUser)
+			.commit();
+		if (!result.ok) {
+			throw new Error('Failed to create session.');
+		}
+
+		return updatedUser;
+	}
+
+	public async createSubmission(r: store.CreateSubmissionRequest): Promise<store.Submission> {
+		const submissionsByIDKey = this.key(KvCollection.SUBMISSIONS_BY_ID, r.id);
+		const submissionsByFormIDKey = this.key(KvCollection.SUBMISSIONS_BY_FORM_ID, r.formID, r.id);
+		// https://docs.deno.com/kv/manual/secondary_indexes#non-unique-indexes-one-to-many
+		const result = await this.kv
+			.atomic()
+			.check({ key: submissionsByIDKey, versionstamp: null })
+			.set(submissionsByIDKey, r)
+			.set(submissionsByFormIDKey, r)
+			.commit();
+		if (!result.ok) {
+			throw new Error('Failed to create submission.');
+		}
+
+		return r;
+	}
+
+	public async deleteFormByID(id: string): Promise<void> {
+		const formKey = this.key(KvCollection.FORMS_BY_ID, id);
+		const submissions = await this.getSubmissionsByFormID(id);
+		const op = this.kv.atomic().delete(formKey);
+		for (const submission of submissions) {
+			const submissionKey = this.key(KvCollection.SUBMISSIONS_BY_ID, submission.id);
+			op.delete(submissionKey);
+		}
+
+		const result = await op.commit();
+		if (!result.ok) {
+			throw new Error('Failed to delete form.');
+		}
+	}
+
+	public async deleteSessionByID(id: string): Promise<void> {
+		const usersBySessionIDKey = this.key(KvCollection.USERS_BY_SESSION_ID, id);
+		await this.kv.delete(usersBySessionIDKey);
+	}
+
+	public async deleteSubmissionByID(id: string): Promise<void> {
+		const submissionsByIDKey = this.key(KvCollection.SUBMISSIONS_BY_ID, id);
+		const submissionResult = await this.kv.get<store.Submission>(submissionsByIDKey);
+		if (!submissionResult.value) {
+			throw new Error(`Submission not found for id: ${id}`);
+		}
+
+		const submissionsByFormIDKey = this.key(
+			KvCollection.SUBMISSIONS_BY_FORM_ID,
+			submissionResult.value.formID,
+			id
+		);
+		const result = await this.kv
+			.atomic()
+			.check(submissionResult)
+			.delete(submissionsByIDKey)
+			.delete(submissionsByFormIDKey)
+			.commit();
+		if (!result.ok) {
+			throw new Error('Failed to delete submission.');
+		}
+	}
+
+	private key(...key: KvKey) {
+		return [...this.kvNamespace, ...key];
+	}
+}
diff --git a/src/lib/store/store.ts b/src/lib/store/store.ts
new file mode 100644
index 0000000..3f33c18
--- /dev/null
+++ b/src/lib/store/store.ts
@@ -0,0 +1,60 @@
+import type { Form } from '$lib/form';
+
+export type { Form };
+
+export type ID = string;
+
+export interface Submission {
+	id: ID;
+	formID: ID;
+	userID: ID;
+	data: Record<string, unknown>;
+
+	/**
+	 * submittedAt is the submission timestamp in milliseconds since the Unix epoch.
+	 *
+	 * If submittedAt is null, the submission is a draft.
+	 */
+	submittedAt: number | null;
+}
+
+export interface User {
+	id: ID;
+	discordUserID: ID;
+	discordUsername: string;
+	discordAvatar: string;
+}
+
+export type CreateFormRequest = Form;
+
+export interface CreateSessionRequest {
+	sessionID: ID;
+	discordUserID: ID;
+	discordUsername: string;
+	discordAvatar: string;
+}
+
+export type CreateSubmissionRequest = Submission;
+
+export interface CreateUserRequest {
+	sessionID: ID;
+	discordUserID: ID;
+	discordUsername: string;
+	discordAvatar: string;
+}
+
+export interface Store {
+	createForm(r: CreateFormRequest): Promise<Form>;
+	createSession(r: CreateSessionRequest): Promise<User>;
+	createSubmission(r: CreateSubmissionRequest): Promise<Submission>;
+	createUser(r: CreateUserRequest): Promise<User>;
+	deleteFormByID(id: ID): Promise<void>;
+	deleteSessionByID(id: ID): Promise<void>;
+	deleteSubmissionByID(id: ID): Promise<void>;
+	getFormByID(id: ID): Promise<Form | null>;
+	getForms(): Promise<Form[]>;
+	getSubmissionByID(id: ID): Promise<Submission | null>;
+	getSubmissionsByFormID(id: ID): Promise<Submission[]>;
+	getUserByDiscordUserID(id: ID): Promise<User | null>;
+	getUserBySessionID(id: ID): Promise<User | null>;
+}
diff --git a/src/lib/timezones/data.ts b/src/lib/timezones/data.ts
new file mode 100644
index 0000000..66d7bed
--- /dev/null
+++ b/src/lib/timezones/data.ts
@@ -0,0 +1,2656 @@
+// https://github.com/burhanahmeed/time.ts/blob/a234709f887428c3e9aea3d582d45646abb8c23f/lib/new-api.ts
+export const TIMEZONES = [
+	{
+		id: 'Africa/Abidjan',
+		country_code: 'CI',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) Abidjan'
+	},
+	{
+		id: 'Africa/Accra',
+		country_code: 'GH',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) Accra'
+	},
+	{
+		id: 'Africa/Nairobi',
+		country_code: 'ET',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Nairobi'
+	},
+	{
+		id: 'Africa/Algiers',
+		country_code: 'DZ',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) Algiers'
+	},
+	{
+		id: 'Africa/Lagos',
+		country_code: 'CF',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) Lagos'
+	},
+	{
+		id: 'Africa/Bissau',
+		country_code: 'GW',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) Bissau'
+	},
+	{
+		id: 'Africa/Maputo',
+		country_code: 'MW',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Maputo'
+	},
+	{
+		id: 'Africa/Cairo',
+		country_code: 'EG',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Cairo'
+	},
+	{
+		id: 'Africa/Casablanca',
+		country_code: 'MA',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) Casablanca'
+	},
+	{
+		id: 'Africa/Ceuta',
+		country_code: 'ES',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) Ceuta'
+	},
+	{
+		id: 'Africa/El_Aaiun',
+		country_code: 'EH',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) El_Aaiun'
+	},
+	{
+		id: 'Africa/Johannesburg',
+		country_code: 'ZA',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Johannesburg'
+	},
+	{
+		id: 'Africa/Juba',
+		country_code: 'SS',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Juba'
+	},
+	{
+		id: 'Africa/Khartoum',
+		country_code: 'SD',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Khartoum'
+	},
+	{
+		id: 'Africa/Monrovia',
+		country_code: 'LR',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) Monrovia'
+	},
+	{
+		id: 'Africa/Ndjamena',
+		country_code: 'TD',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) Ndjamena'
+	},
+	{
+		id: 'Africa/Tripoli',
+		country_code: 'LY',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Tripoli'
+	},
+	{
+		id: 'Africa/Tunis',
+		country_code: 'TN',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) Tunis'
+	},
+	{
+		id: 'Africa/Windhoek',
+		country_code: 'NA',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Windhoek'
+	},
+	{
+		id: 'America/Adak',
+		country_code: 'US',
+		offset: '-10:00',
+		dst: '-09:00',
+		text: '(GMT -10:00) Adak'
+	},
+	{
+		id: 'America/Anchorage',
+		country_code: 'US',
+		offset: '-09:00',
+		dst: '-08:00',
+		text: '(GMT -09:00) Anchorage'
+	},
+	{
+		id: 'America/Port_of_Spain',
+		country_code: 'AI',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Port_of_Spain'
+	},
+	{
+		id: 'America/Araguaina',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Araguaina'
+	},
+	{
+		id: 'America/Argentina/Buenos_Aires',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Catamarca',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Cordoba',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Jujuy',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/La_Rioja',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Mendoza',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Rio_Gallegos',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Salta',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/San_Juan',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/San_Luis',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Tucuman',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Argentina/Ushuaia',
+		country_code: 'AR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Argentina'
+	},
+	{
+		id: 'America/Curacao',
+		country_code: 'AW',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Curacao'
+	},
+	{
+		id: 'America/Asuncion',
+		country_code: 'PY',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Asuncion'
+	},
+	{
+		id: 'America/Atikokan',
+		country_code: 'CA',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Atikokan'
+	},
+	{
+		id: 'America/Bahia',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Bahia'
+	},
+	{
+		id: 'America/Bahia_Banderas',
+		country_code: 'MX',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Bahia_Banderas'
+	},
+	{
+		id: 'America/Barbados',
+		country_code: 'BB',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Barbados'
+	},
+	{
+		id: 'America/Belem',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Belem'
+	},
+	{
+		id: 'America/Belize',
+		country_code: 'BZ',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Belize'
+	},
+	{
+		id: 'America/Blanc-Sablon',
+		country_code: 'CA',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Blanc-Sablon'
+	},
+	{
+		id: 'America/Boa_Vista',
+		country_code: 'BR',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Boa_Vista'
+	},
+	{
+		id: 'America/Bogota',
+		country_code: 'CO',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Bogota'
+	},
+	{
+		id: 'America/Boise',
+		country_code: 'US',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Boise'
+	},
+	{
+		id: 'America/Cambridge_Bay',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Cambridge_Bay'
+	},
+	{
+		id: 'America/Campo_Grande',
+		country_code: 'BR',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Campo_Grande'
+	},
+	{
+		id: 'America/Cancun',
+		country_code: 'MX',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Cancun'
+	},
+	{
+		id: 'America/Caracas',
+		country_code: 'VE',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Caracas'
+	},
+	{
+		id: 'America/Cayenne',
+		country_code: 'GF',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Cayenne'
+	},
+	{
+		id: 'America/Panama',
+		country_code: 'KY',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Panama'
+	},
+	{
+		id: 'America/Chicago',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Chicago'
+	},
+	{
+		id: 'America/Chihuahua',
+		country_code: 'MX',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Chihuahua'
+	},
+	{
+		id: 'America/Costa_Rica',
+		country_code: 'CR',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Costa_Rica'
+	},
+	{
+		id: 'America/Creston',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-07:00',
+		text: '(GMT -07:00) Creston'
+	},
+	{
+		id: 'America/Cuiaba',
+		country_code: 'BR',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Cuiaba'
+	},
+	{
+		id: 'America/Danmarkshavn',
+		country_code: 'GL',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) Danmarkshavn'
+	},
+	{
+		id: 'America/Dawson',
+		country_code: 'CA',
+		offset: '-08:00',
+		dst: '-07:00',
+		text: '(GMT -08:00) Dawson'
+	},
+	{
+		id: 'America/Dawson_Creek',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-07:00',
+		text: '(GMT -07:00) Dawson_Creek'
+	},
+	{
+		id: 'America/Denver',
+		country_code: 'US',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Denver'
+	},
+	{
+		id: 'America/Detroit',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Detroit'
+	},
+	{
+		id: 'America/Edmonton',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Edmonton'
+	},
+	{
+		id: 'America/Eirunepe',
+		country_code: 'BR',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Eirunepe'
+	},
+	{
+		id: 'America/El_Salvador',
+		country_code: 'SV',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) El_Salvador'
+	},
+	{
+		id: 'America/Tijuana',
+		country_code: '',
+		offset: '-08:00',
+		dst: '-07:00',
+		text: '(GMT -08:00) Tijuana'
+	},
+	{
+		id: 'America/Fort_Nelson',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-07:00',
+		text: '(GMT -07:00) Fort_Nelson'
+	},
+	{
+		id: 'America/Indiana/Indianapolis',
+		country_code: '',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Indiana'
+	},
+	{
+		id: 'America/Fortaleza',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Fortaleza'
+	},
+	{
+		id: 'America/Glace_Bay',
+		country_code: 'CA',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Glace_Bay'
+	},
+	{
+		id: 'America/Godthab',
+		country_code: 'GL',
+		offset: '-03:00',
+		dst: '-02:00',
+		text: '(GMT -03:00) Godthab'
+	},
+	{
+		id: 'America/Goose_Bay',
+		country_code: 'CA',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Goose_Bay'
+	},
+	{
+		id: 'America/Grand_Turk',
+		country_code: 'TC',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Grand_Turk'
+	},
+	{
+		id: 'America/Guatemala',
+		country_code: 'GT',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Guatemala'
+	},
+	{
+		id: 'America/Guayaquil',
+		country_code: 'EC',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Guayaquil'
+	},
+	{
+		id: 'America/Guyana',
+		country_code: 'GY',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Guyana'
+	},
+	{
+		id: 'America/Halifax',
+		country_code: 'CA',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Halifax'
+	},
+	{
+		id: 'America/Havana',
+		country_code: 'CU',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Havana'
+	},
+	{
+		id: 'America/Hermosillo',
+		country_code: 'MX',
+		offset: '-07:00',
+		dst: '-07:00',
+		text: '(GMT -07:00) Hermosillo'
+	},
+	{
+		id: 'America/Indiana/Knox',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Indiana'
+	},
+	{
+		id: 'America/Indiana/Marengo',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Indiana'
+	},
+	{
+		id: 'America/Indiana/Petersburg',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Indiana'
+	},
+	{
+		id: 'America/Indiana/Tell_City',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Indiana'
+	},
+	{
+		id: 'America/Indiana/Vevay',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Indiana'
+	},
+	{
+		id: 'America/Indiana/Vincennes',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Indiana'
+	},
+	{
+		id: 'America/Indiana/Winamac',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Indiana'
+	},
+	{
+		id: 'America/Inuvik',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Inuvik'
+	},
+	{
+		id: 'America/Iqaluit',
+		country_code: 'CA',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Iqaluit'
+	},
+	{
+		id: 'America/Jamaica',
+		country_code: 'JM',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Jamaica'
+	},
+	{
+		id: 'America/Juneau',
+		country_code: 'US',
+		offset: '-09:00',
+		dst: '-08:00',
+		text: '(GMT -09:00) Juneau'
+	},
+	{
+		id: 'America/Kentucky/Louisville',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Kentucky'
+	},
+	{
+		id: 'America/Kentucky/Monticello',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Kentucky'
+	},
+	{
+		id: 'America/La_Paz',
+		country_code: 'BO',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) La_Paz'
+	},
+	{
+		id: 'America/Lima',
+		country_code: 'PE',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Lima'
+	},
+	{
+		id: 'America/Los_Angeles',
+		country_code: 'US',
+		offset: '-08:00',
+		dst: '-07:00',
+		text: '(GMT -08:00) Los_Angeles'
+	},
+	{
+		id: 'America/Maceio',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Maceio'
+	},
+	{
+		id: 'America/Managua',
+		country_code: 'NI',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Managua'
+	},
+	{
+		id: 'America/Manaus',
+		country_code: 'BR',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Manaus'
+	},
+	{
+		id: 'America/Martinique',
+		country_code: 'MQ',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Martinique'
+	},
+	{
+		id: 'America/Matamoros',
+		country_code: 'MX',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Matamoros'
+	},
+	{
+		id: 'America/Mazatlan',
+		country_code: 'MX',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Mazatlan'
+	},
+	{
+		id: 'America/Menominee',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Menominee'
+	},
+	{
+		id: 'America/Merida',
+		country_code: 'MX',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Merida'
+	},
+	{
+		id: 'America/Metlakatla',
+		country_code: 'US',
+		offset: '-09:00',
+		dst: '-08:00',
+		text: '(GMT -09:00) Metlakatla'
+	},
+	{
+		id: 'America/Mexico_City',
+		country_code: 'MX',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Mexico_City'
+	},
+	{
+		id: 'America/Miquelon',
+		country_code: 'PM',
+		offset: '-03:00',
+		dst: '-02:00',
+		text: '(GMT -03:00) Miquelon'
+	},
+	{
+		id: 'America/Moncton',
+		country_code: 'CA',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Moncton'
+	},
+	{
+		id: 'America/Monterrey',
+		country_code: 'MX',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Monterrey'
+	},
+	{
+		id: 'America/Montevideo',
+		country_code: 'UY',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Montevideo'
+	},
+	{
+		id: 'America/Toronto',
+		country_code: '',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Toronto'
+	},
+	{
+		id: 'America/Nassau',
+		country_code: 'BS',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Nassau'
+	},
+	{
+		id: 'America/New_York',
+		country_code: 'US',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) New_York'
+	},
+	{
+		id: 'America/Nipigon',
+		country_code: 'CA',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Nipigon'
+	},
+	{
+		id: 'America/Nome',
+		country_code: 'US',
+		offset: '-09:00',
+		dst: '-08:00',
+		text: '(GMT -09:00) Nome'
+	},
+	{
+		id: 'America/Noronha',
+		country_code: 'BR',
+		offset: '-02:00',
+		dst: '-02:00',
+		text: '(GMT -02:00) Noronha'
+	},
+	{
+		id: 'America/North_Dakota/Beulah',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) North_Dakota'
+	},
+	{
+		id: 'America/North_Dakota/Center',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) North_Dakota'
+	},
+	{
+		id: 'America/North_Dakota/New_Salem',
+		country_code: 'US',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) North_Dakota'
+	},
+	{
+		id: 'America/Ojinaga',
+		country_code: 'MX',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Ojinaga'
+	},
+	{
+		id: 'America/Pangnirtung',
+		country_code: 'CA',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Pangnirtung'
+	},
+	{
+		id: 'America/Paramaribo',
+		country_code: 'SR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Paramaribo'
+	},
+	{
+		id: 'America/Phoenix',
+		country_code: 'US',
+		offset: '-07:00',
+		dst: '-07:00',
+		text: '(GMT -07:00) Phoenix'
+	},
+	{
+		id: 'America/Port-au-Prince',
+		country_code: 'HT',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Port-au-Prince'
+	},
+	{
+		id: 'America/Rio_Branco',
+		country_code: '',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) Rio_Branco'
+	},
+	{
+		id: 'America/Porto_Velho',
+		country_code: 'BR',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Porto_Velho'
+	},
+	{
+		id: 'America/Puerto_Rico',
+		country_code: 'PR',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Puerto_Rico'
+	},
+	{
+		id: 'America/Punta_Arenas',
+		country_code: 'CL',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Punta_Arenas'
+	},
+	{
+		id: 'America/Rainy_River',
+		country_code: 'CA',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Rainy_River'
+	},
+	{
+		id: 'America/Rankin_Inlet',
+		country_code: 'CA',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Rankin_Inlet'
+	},
+	{
+		id: 'America/Recife',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Recife'
+	},
+	{
+		id: 'America/Regina',
+		country_code: 'CA',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Regina'
+	},
+	{
+		id: 'America/Resolute',
+		country_code: 'CA',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Resolute'
+	},
+	{
+		id: 'America/Santarem',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Santarem'
+	},
+	{
+		id: 'America/Santiago',
+		country_code: 'CL',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Santiago'
+	},
+	{
+		id: 'America/Santo_Domingo',
+		country_code: 'DO',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) Santo_Domingo'
+	},
+	{
+		id: 'America/Sao_Paulo',
+		country_code: 'BR',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Sao_Paulo'
+	},
+	{
+		id: 'America/Scoresbysund',
+		country_code: 'GL',
+		offset: '-01:00',
+		dst: '+00:00',
+		text: '(GMT -01:00) Scoresbysund'
+	},
+	{
+		id: 'America/Sitka',
+		country_code: 'US',
+		offset: '-09:00',
+		dst: '-08:00',
+		text: '(GMT -09:00) Sitka'
+	},
+	{
+		id: 'America/St_Johns',
+		country_code: 'CA',
+		offset: '-03:30',
+		dst: '-02:30',
+		text: '(GMT -03:30) St_Johns'
+	},
+	{
+		id: 'America/Swift_Current',
+		country_code: 'CA',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Swift_Current'
+	},
+	{
+		id: 'America/Tegucigalpa',
+		country_code: 'HN',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Tegucigalpa'
+	},
+	{
+		id: 'America/Thule',
+		country_code: 'GL',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Thule'
+	},
+	{
+		id: 'America/Thunder_Bay',
+		country_code: 'CA',
+		offset: '-05:00',
+		dst: '-04:00',
+		text: '(GMT -05:00) Thunder_Bay'
+	},
+	{
+		id: 'America/Vancouver',
+		country_code: 'CA',
+		offset: '-08:00',
+		dst: '-07:00',
+		text: '(GMT -08:00) Vancouver'
+	},
+	{
+		id: 'America/Whitehorse',
+		country_code: 'CA',
+		offset: '-08:00',
+		dst: '-07:00',
+		text: '(GMT -08:00) Whitehorse'
+	},
+	{
+		id: 'America/Winnipeg',
+		country_code: 'CA',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Winnipeg'
+	},
+	{
+		id: 'America/Yakutat',
+		country_code: 'US',
+		offset: '-09:00',
+		dst: '-08:00',
+		text: '(GMT -09:00) Yakutat'
+	},
+	{
+		id: 'America/Yellowknife',
+		country_code: 'CA',
+		offset: '-07:00',
+		dst: '-06:00',
+		text: '(GMT -07:00) Yellowknife'
+	},
+	{
+		id: 'Antarctica/Casey',
+		country_code: 'AQ',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Casey'
+	},
+	{
+		id: 'Antarctica/Davis',
+		country_code: 'AQ',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Davis'
+	},
+	{
+		id: 'Antarctica/DumontDUrville',
+		country_code: 'AQ',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) DumontDUrville'
+	},
+	{
+		id: 'Antarctica/Macquarie',
+		country_code: 'AU',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Macquarie'
+	},
+	{
+		id: 'Antarctica/Mawson',
+		country_code: 'AQ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Mawson'
+	},
+	{
+		id: 'Pacific/Auckland',
+		country_code: 'AQ',
+		offset: '+12:00',
+		dst: '+13:00',
+		text: '(GMT +12:00) Auckland'
+	},
+	{
+		id: 'Antarctica/Palmer',
+		country_code: 'AQ',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Palmer'
+	},
+	{
+		id: 'Antarctica/Rothera',
+		country_code: 'AQ',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Rothera'
+	},
+	{
+		id: 'Antarctica/Syowa',
+		country_code: 'AQ',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Syowa'
+	},
+	{
+		id: 'Antarctica/Troll',
+		country_code: 'AQ',
+		offset: '+00:00',
+		dst: '+02:00',
+		text: '(GMT +00:00) Troll'
+	},
+	{
+		id: 'Antarctica/Vostok',
+		country_code: 'AQ',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Vostok'
+	},
+	{
+		id: 'Europe/Oslo',
+		country_code: 'SJ',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Oslo'
+	},
+	{
+		id: 'Asia/Riyadh',
+		country_code: 'YE',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Riyadh'
+	},
+	{
+		id: 'Asia/Almaty',
+		country_code: 'KZ',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Almaty'
+	},
+	{
+		id: 'Asia/Amman',
+		country_code: 'JO',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Amman'
+	},
+	{
+		id: 'Asia/Anadyr',
+		country_code: 'RU',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Anadyr'
+	},
+	{
+		id: 'Asia/Aqtau',
+		country_code: 'KZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Aqtau'
+	},
+	{
+		id: 'Asia/Aqtobe',
+		country_code: 'KZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Aqtobe'
+	},
+	{
+		id: 'Asia/Ashgabat',
+		country_code: 'TM',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Ashgabat'
+	},
+	{
+		id: 'Asia/Atyrau',
+		country_code: 'KZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Atyrau'
+	},
+	{
+		id: 'Asia/Baghdad',
+		country_code: 'IQ',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Baghdad'
+	},
+	{
+		id: 'Asia/Qatar',
+		country_code: 'BH',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Qatar'
+	},
+	{
+		id: 'Asia/Baku',
+		country_code: 'AZ',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Baku'
+	},
+	{
+		id: 'Asia/Bangkok',
+		country_code: 'TH',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Bangkok'
+	},
+	{
+		id: 'Asia/Barnaul',
+		country_code: 'RU',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Barnaul'
+	},
+	{
+		id: 'Asia/Beirut',
+		country_code: 'LB',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Beirut'
+	},
+	{
+		id: 'Asia/Bishkek',
+		country_code: 'KG',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Bishkek'
+	},
+	{
+		id: 'Asia/Brunei',
+		country_code: 'BN',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Brunei'
+	},
+	{
+		id: 'Asia/Kolkata',
+		country_code: '',
+		offset: '+05:30',
+		dst: '+05:30',
+		text: '(GMT +05:30) Kolkata'
+	},
+	{
+		id: 'Asia/Chita',
+		country_code: 'RU',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Chita'
+	},
+	{
+		id: 'Asia/Choibalsan',
+		country_code: 'MN',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Choibalsan'
+	},
+	{
+		id: 'Asia/Shanghai',
+		country_code: '',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Shanghai'
+	},
+	{
+		id: 'Asia/Colombo',
+		country_code: 'LK',
+		offset: '+05:30',
+		dst: '+05:30',
+		text: '(GMT +05:30) Colombo'
+	},
+	{
+		id: 'Asia/Dhaka',
+		country_code: '',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Dhaka'
+	},
+	{
+		id: 'Asia/Damascus',
+		country_code: 'SY',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Damascus'
+	},
+	{
+		id: 'Asia/Dili',
+		country_code: 'TL',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Dili'
+	},
+	{
+		id: 'Asia/Dubai',
+		country_code: 'AE',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Dubai'
+	},
+	{
+		id: 'Asia/Dushanbe',
+		country_code: 'TJ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Dushanbe'
+	},
+	{
+		id: 'Asia/Famagusta',
+		country_code: 'CY',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Famagusta'
+	},
+	{
+		id: 'Asia/Gaza',
+		country_code: 'PS',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Gaza'
+	},
+	{
+		id: 'Asia/Hebron',
+		country_code: 'PS',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Hebron'
+	},
+	{
+		id: 'Asia/Ho_Chi_Minh',
+		country_code: 'VN',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Ho_Chi_Minh'
+	},
+	{
+		id: 'Asia/Hong_Kong',
+		country_code: 'HK',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Hong_Kong'
+	},
+	{
+		id: 'Asia/Hovd',
+		country_code: 'MN',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Hovd'
+	},
+	{
+		id: 'Asia/Irkutsk',
+		country_code: 'RU',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Irkutsk'
+	},
+	{
+		id: 'Europe/Istanbul',
+		country_code: '',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Istanbul'
+	},
+	{
+		id: 'Asia/Jakarta',
+		country_code: 'ID',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Jakarta'
+	},
+	{
+		id: 'Asia/Jayapura',
+		country_code: 'ID',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Jayapura'
+	},
+	{
+		id: 'Asia/Jerusalem',
+		country_code: 'IL',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Jerusalem'
+	},
+	{
+		id: 'Asia/Kabul',
+		country_code: 'AF',
+		offset: '+04:30',
+		dst: '+04:30',
+		text: '(GMT +04:30) Kabul'
+	},
+	{
+		id: 'Asia/Kamchatka',
+		country_code: 'RU',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Kamchatka'
+	},
+	{
+		id: 'Asia/Karachi',
+		country_code: 'PK',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Karachi'
+	},
+	{
+		id: 'Asia/Urumqi[note 1]',
+		country_code: '',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Urumqi[note 1]'
+	},
+	{
+		id: 'Asia/Kathmandu',
+		country_code: 'NP',
+		offset: '+05:45',
+		dst: '+05:45',
+		text: '(GMT +05:45) Kathmandu'
+	},
+	{
+		id: 'Asia/Khandyga',
+		country_code: 'RU',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Khandyga'
+	},
+	{
+		id: 'Asia/Krasnoyarsk',
+		country_code: 'RU',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Krasnoyarsk'
+	},
+	{
+		id: 'Asia/Kuala_Lumpur',
+		country_code: 'MY',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Kuala_Lumpur'
+	},
+	{
+		id: 'Asia/Kuching',
+		country_code: 'MY',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Kuching'
+	},
+	{
+		id: 'Asia/Macau',
+		country_code: '',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Macau'
+	},
+	{
+		id: 'Asia/Magadan',
+		country_code: 'RU',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Magadan'
+	},
+	{
+		id: 'Asia/Makassar',
+		country_code: 'ID',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Makassar'
+	},
+	{
+		id: 'Asia/Manila',
+		country_code: 'PH',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Manila'
+	},
+	{
+		id: 'Asia/Novokuznetsk',
+		country_code: 'RU',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Novokuznetsk'
+	},
+	{
+		id: 'Asia/Novosibirsk',
+		country_code: 'RU',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Novosibirsk'
+	},
+	{
+		id: 'Asia/Omsk',
+		country_code: 'RU',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Omsk'
+	},
+	{
+		id: 'Asia/Oral',
+		country_code: 'KZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Oral'
+	},
+	{
+		id: 'Asia/Pontianak',
+		country_code: 'ID',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Pontianak'
+	},
+	{
+		id: 'Asia/Pyongyang',
+		country_code: 'KP',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Pyongyang'
+	},
+	{
+		id: 'Asia/Qyzylorda',
+		country_code: 'KZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Qyzylorda'
+	},
+	{
+		id: 'Asia/Yangon',
+		country_code: 'MM',
+		offset: '+06:30',
+		dst: '+06:30',
+		text: '(GMT +06:30) Yangon'
+	},
+	{
+		id: 'Asia/Sakhalin',
+		country_code: 'RU',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Sakhalin'
+	},
+	{
+		id: 'Asia/Samarkand',
+		country_code: 'UZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Samarkand'
+	},
+	{
+		id: 'Asia/Seoul',
+		country_code: 'KR',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Seoul'
+	},
+	{
+		id: 'Asia/Singapore',
+		country_code: 'SG',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Singapore'
+	},
+	{
+		id: 'Asia/Srednekolymsk',
+		country_code: 'RU',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Srednekolymsk'
+	},
+	{
+		id: 'Asia/Taipei',
+		country_code: 'TW',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Taipei'
+	},
+	{
+		id: 'Asia/Tashkent',
+		country_code: 'UZ',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Tashkent'
+	},
+	{
+		id: 'Asia/Tbilisi',
+		country_code: 'GE',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Tbilisi'
+	},
+	{
+		id: 'Asia/Tehran',
+		country_code: 'IR',
+		offset: '+03:30',
+		dst: '+04:30',
+		text: '(GMT +03:30) Tehran'
+	},
+	{
+		id: 'Asia/Thimphu',
+		country_code: '',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Thimphu'
+	},
+	{
+		id: 'Asia/Tokyo',
+		country_code: 'JP',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Tokyo'
+	},
+	{
+		id: 'Asia/Tomsk',
+		country_code: 'RU',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Tomsk'
+	},
+	{
+		id: 'Asia/Ulaanbaatar',
+		country_code: 'MN',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Ulaanbaatar'
+	},
+	{
+		id: 'Asia/Urumqi',
+		country_code: 'CN',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Urumqi'
+	},
+	{
+		id: 'Asia/Ust-Nera',
+		country_code: 'RU',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Ust-Nera'
+	},
+	{
+		id: 'Asia/Vladivostok',
+		country_code: 'RU',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Vladivostok'
+	},
+	{
+		id: 'Asia/Yakutsk',
+		country_code: 'RU',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Yakutsk'
+	},
+	{
+		id: 'Asia/Yekaterinburg',
+		country_code: 'RU',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Yekaterinburg'
+	},
+	{
+		id: 'Asia/Yerevan',
+		country_code: 'AM',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Yerevan'
+	},
+	{
+		id: 'Atlantic/Azores',
+		country_code: 'PT',
+		offset: '-01:00',
+		dst: '+00:00',
+		text: '(GMT -01:00) Azores'
+	},
+	{
+		id: 'Atlantic/Bermuda',
+		country_code: 'BM',
+		offset: '-04:00',
+		dst: '-03:00',
+		text: '(GMT -04:00) Bermuda'
+	},
+	{
+		id: 'Atlantic/Canary',
+		country_code: 'ES',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) Canary'
+	},
+	{
+		id: 'Atlantic/Cape_Verde',
+		country_code: 'CV',
+		offset: '-01:00',
+		dst: '-01:00',
+		text: '(GMT -01:00) Cape_Verde'
+	},
+	{
+		id: 'Atlantic/Faroe',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) Faroe'
+	},
+	{
+		id: 'Atlantic/Madeira',
+		country_code: 'PT',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) Madeira'
+	},
+	{
+		id: 'Atlantic/Reykjavik',
+		country_code: 'IS',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) Reykjavik'
+	},
+	{
+		id: 'Atlantic/South_Georgia',
+		country_code: 'GS',
+		offset: '-02:00',
+		dst: '-02:00',
+		text: '(GMT -02:00) South_Georgia'
+	},
+	{
+		id: 'Atlantic/Stanley',
+		country_code: 'FK',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) Stanley'
+	},
+	{
+		id: 'Australia/Sydney',
+		country_code: '',
+		offset: '+10:00',
+		dst: '+11:00',
+		text: '(GMT +10:00) Sydney'
+	},
+	{
+		id: 'Australia/Adelaide',
+		country_code: 'AU',
+		offset: '+09:30',
+		dst: '+10:30',
+		text: '(GMT +09:30) Adelaide'
+	},
+	{
+		id: 'Australia/Brisbane',
+		country_code: 'AU',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Brisbane'
+	},
+	{
+		id: 'Australia/Broken_Hill',
+		country_code: 'AU',
+		offset: '+09:30',
+		dst: '+10:30',
+		text: '(GMT +09:30) Broken_Hill'
+	},
+	{
+		id: 'Australia/Currie',
+		country_code: 'AU',
+		offset: '+10:00',
+		dst: '+11:00',
+		text: '(GMT +10:00) Currie'
+	},
+	{
+		id: 'Australia/Darwin',
+		country_code: 'AU',
+		offset: '+09:30',
+		dst: '+09:30',
+		text: '(GMT +09:30) Darwin'
+	},
+	{
+		id: 'Australia/Eucla',
+		country_code: 'AU',
+		offset: '+08:45',
+		dst: '+08:45',
+		text: '(GMT +08:45) Eucla'
+	},
+	{
+		id: 'Australia/Hobart',
+		country_code: 'AU',
+		offset: '+10:00',
+		dst: '+11:00',
+		text: '(GMT +10:00) Hobart'
+	},
+	{
+		id: 'Australia/Lord_Howe',
+		country_code: '',
+		offset: '+10:30',
+		dst: '+11:00',
+		text: '(GMT +10:30) Lord_Howe'
+	},
+	{
+		id: 'Australia/Lindeman',
+		country_code: 'AU',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Lindeman'
+	},
+	{
+		id: 'Australia/Melbourne',
+		country_code: 'AU',
+		offset: '+10:00',
+		dst: '+11:00',
+		text: '(GMT +10:00) Melbourne'
+	},
+	{
+		id: 'Australia/Perth',
+		country_code: 'AU',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) Perth'
+	},
+	{
+		id: 'Pacific/Easter',
+		country_code: '',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Easter'
+	},
+	{
+		id: 'merica/Chicago',
+		country_code: '',
+		offset: '-06:00',
+		dst: '-05:00',
+		text: '(GMT -06:00) Chicago.'
+	},
+	{
+		id: 'Europe/Dublin',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) Dublin'
+	},
+	{
+		id: 'Etc/GMT',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) GMT'
+	},
+	{
+		id: 'Etc/GMT+1',
+		country_code: '',
+		offset: '-01:00',
+		dst: '-01:00',
+		text: '(GMT -01:00) GMT+1'
+	},
+	{
+		id: 'Etc/GMT+10',
+		country_code: '',
+		offset: '-10:00',
+		dst: '-10:00',
+		text: '(GMT -10:00) GMT+10'
+	},
+	{
+		id: 'Etc/GMT+11',
+		country_code: '',
+		offset: '-11:00',
+		dst: '-11:00',
+		text: '(GMT -11:00) GMT+11'
+	},
+	{
+		id: 'Etc/GMT+12',
+		country_code: '',
+		offset: '-12:00',
+		dst: '-12:00',
+		text: '(GMT -12:00) GMT+12'
+	},
+	{
+		id: 'Etc/GMT+2',
+		country_code: '',
+		offset: '-02:00',
+		dst: '-02:00',
+		text: '(GMT -02:00) GMT+2'
+	},
+	{
+		id: 'Etc/GMT+3',
+		country_code: '',
+		offset: '-03:00',
+		dst: '-03:00',
+		text: '(GMT -03:00) GMT+3'
+	},
+	{
+		id: 'Etc/GMT+4',
+		country_code: '',
+		offset: '-04:00',
+		dst: '-04:00',
+		text: '(GMT -04:00) GMT+4'
+	},
+	{
+		id: 'Etc/GMT+5',
+		country_code: '',
+		offset: '-05:00',
+		dst: '-05:00',
+		text: '(GMT -05:00) GMT+5'
+	},
+	{
+		id: 'Etc/GMT+6',
+		country_code: '',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) GMT+6'
+	},
+	{
+		id: 'Etc/GMT+7',
+		country_code: '',
+		offset: '-07:00',
+		dst: '-07:00',
+		text: '(GMT -07:00) GMT+7'
+	},
+	{
+		id: 'Etc/GMT+8',
+		country_code: '',
+		offset: '-08:00',
+		dst: '-08:00',
+		text: '(GMT -08:00) GMT+8'
+	},
+	{
+		id: 'Etc/GMT+9',
+		country_code: '',
+		offset: '-09:00',
+		dst: '-09:00',
+		text: '(GMT -09:00) GMT+9'
+	},
+	{
+		id: 'Etc/GMT-1',
+		country_code: '',
+		offset: '+01:00',
+		dst: '+01:00',
+		text: '(GMT +01:00) GMT-1'
+	},
+	{
+		id: 'Etc/GMT-10',
+		country_code: '',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) GMT-10'
+	},
+	{
+		id: 'Etc/GMT-11',
+		country_code: '',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) GMT-11'
+	},
+	{
+		id: 'Etc/GMT-12',
+		country_code: '',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) GMT-12'
+	},
+	{
+		id: 'Etc/GMT-13',
+		country_code: '',
+		offset: '+13:00',
+		dst: '+13:00',
+		text: '(GMT +13:00) GMT-13'
+	},
+	{
+		id: 'Etc/GMT-14',
+		country_code: '',
+		offset: '+14:00',
+		dst: '+14:00',
+		text: '(GMT +14:00) GMT-14'
+	},
+	{
+		id: 'Etc/GMT-2',
+		country_code: '',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) GMT-2'
+	},
+	{
+		id: 'Etc/GMT-3',
+		country_code: '',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) GMT-3'
+	},
+	{
+		id: 'Etc/GMT-4',
+		country_code: '',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) GMT-4'
+	},
+	{
+		id: 'Etc/GMT-5',
+		country_code: '',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) GMT-5'
+	},
+	{
+		id: 'Etc/GMT-6',
+		country_code: '',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) GMT-6'
+	},
+	{
+		id: 'Etc/GMT-7',
+		country_code: '',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) GMT-7'
+	},
+	{
+		id: 'Etc/GMT-8',
+		country_code: '',
+		offset: '+08:00',
+		dst: '+08:00',
+		text: '(GMT +08:00) GMT-8'
+	},
+	{
+		id: 'Etc/GMT-9',
+		country_code: '',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) GMT-9'
+	},
+	{
+		id: '',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) undefined'
+	},
+	{
+		id: 'Etc/UTC',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) UTC'
+	},
+	{
+		id: 'Europe/Amsterdam',
+		country_code: 'NL',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Amsterdam'
+	},
+	{
+		id: 'Europe/Andorra',
+		country_code: 'AD',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Andorra'
+	},
+	{
+		id: 'Europe/Astrakhan',
+		country_code: 'RU',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Astrakhan'
+	},
+	{
+		id: 'Europe/Athens',
+		country_code: 'GR',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Athens'
+	},
+	{
+		id: 'Europe/London',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) London'
+	},
+	{
+		id: 'Europe/Belgrade',
+		country_code: 'RS',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Belgrade'
+	},
+	{
+		id: 'Europe/Berlin',
+		country_code: 'DE',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Berlin'
+	},
+	{
+		id: 'Europe/Prague',
+		country_code: 'SK',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Prague'
+	},
+	{
+		id: 'Europe/Brussels',
+		country_code: 'BE',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Brussels'
+	},
+	{
+		id: 'Europe/Bucharest',
+		country_code: 'RO',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Bucharest'
+	},
+	{
+		id: 'Europe/Budapest',
+		country_code: 'HU',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Budapest'
+	},
+	{
+		id: 'Europe/Zurich',
+		country_code: 'DE',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Zurich'
+	},
+	{
+		id: 'Europe/Chisinau',
+		country_code: 'MD',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Chisinau'
+	},
+	{
+		id: 'Europe/Copenhagen',
+		country_code: 'DK',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Copenhagen'
+	},
+	{
+		id: 'Europe/Gibraltar',
+		country_code: 'GI',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Gibraltar'
+	},
+	{
+		id: 'Europe/Helsinki',
+		country_code: 'FI',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Helsinki'
+	},
+	{
+		id: 'Europe/Kaliningrad',
+		country_code: 'RU',
+		offset: '+02:00',
+		dst: '+02:00',
+		text: '(GMT +02:00) Kaliningrad'
+	},
+	{
+		id: 'Europe/Kiev',
+		country_code: 'UA',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Kiev'
+	},
+	{
+		id: 'Europe/Kirov',
+		country_code: 'RU',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Kirov'
+	},
+	{
+		id: 'Europe/Luxembourg',
+		country_code: 'LU',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Luxembourg'
+	},
+	{
+		id: 'Europe/Madrid',
+		country_code: 'ES',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Madrid'
+	},
+	{
+		id: 'Europe/Malta',
+		country_code: 'MT',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Malta'
+	},
+	{
+		id: 'Europe/Minsk',
+		country_code: 'BY',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Minsk'
+	},
+	{
+		id: 'Europe/Monaco',
+		country_code: 'MC',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Monaco'
+	},
+	{
+		id: 'Europe/Moscow',
+		country_code: 'RU',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Moscow'
+	},
+	{
+		id: 'Asia/Nicosia',
+		country_code: 'CY',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Nicosia'
+	},
+	{
+		id: 'Europe/Paris',
+		country_code: 'FR',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Paris'
+	},
+	{
+		id: 'Europe/Riga',
+		country_code: 'LV',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Riga'
+	},
+	{
+		id: 'Europe/Rome',
+		country_code: 'IT',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Rome'
+	},
+	{
+		id: 'Europe/Samara',
+		country_code: 'RU',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Samara'
+	},
+	{
+		id: 'Europe/Saratov',
+		country_code: 'RU',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Saratov'
+	},
+	{
+		id: 'Europe/Simferopol',
+		country_code: 'UA',
+		offset: '+03:00',
+		dst: '+03:00',
+		text: '(GMT +03:00) Simferopol'
+	},
+	{
+		id: 'Europe/Sofia',
+		country_code: 'BG',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Sofia'
+	},
+	{
+		id: 'Europe/Stockholm',
+		country_code: 'SE',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Stockholm'
+	},
+	{
+		id: 'Europe/Tallinn',
+		country_code: 'EE',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Tallinn'
+	},
+	{
+		id: 'Europe/Tirane',
+		country_code: 'AL',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Tirane'
+	},
+	{
+		id: 'Europe/Ulyanovsk',
+		country_code: 'RU',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Ulyanovsk'
+	},
+	{
+		id: 'Europe/Uzhgorod',
+		country_code: 'UA',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Uzhgorod'
+	},
+	{
+		id: 'Europe/Vienna',
+		country_code: 'AT',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Vienna'
+	},
+	{
+		id: 'Europe/Vilnius',
+		country_code: 'LT',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Vilnius'
+	},
+	{
+		id: 'Europe/Volgograd',
+		country_code: 'RU',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Volgograd'
+	},
+	{
+		id: 'Europe/Warsaw',
+		country_code: 'PL',
+		offset: '+01:00',
+		dst: '+02:00',
+		text: '(GMT +01:00) Warsaw'
+	},
+	{
+		id: 'Europe/Zaporozhye',
+		country_code: 'UA',
+		offset: '+02:00',
+		dst: '+03:00',
+		text: '(GMT +02:00) Zaporozhye'
+	},
+	{
+		id: 'Indian/Chagos',
+		country_code: 'IO',
+		offset: '+06:00',
+		dst: '+06:00',
+		text: '(GMT +06:00) Chagos'
+	},
+	{
+		id: 'Indian/Christmas',
+		country_code: 'CX',
+		offset: '+07:00',
+		dst: '+07:00',
+		text: '(GMT +07:00) Christmas'
+	},
+	{
+		id: 'Indian/Cocos',
+		country_code: 'CC',
+		offset: '+06:30',
+		dst: '+06:30',
+		text: '(GMT +06:30) Cocos'
+	},
+	{
+		id: 'Indian/Kerguelen',
+		country_code: 'TF',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Kerguelen'
+	},
+	{
+		id: 'Indian/Mahe',
+		country_code: 'SC',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Mahe'
+	},
+	{
+		id: 'Indian/Maldives',
+		country_code: 'MV',
+		offset: '+05:00',
+		dst: '+05:00',
+		text: '(GMT +05:00) Maldives'
+	},
+	{
+		id: 'Indian/Mauritius',
+		country_code: 'MU',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Mauritius'
+	},
+	{
+		id: 'Indian/Reunion',
+		country_code: 'RE',
+		offset: '+04:00',
+		dst: '+04:00',
+		text: '(GMT +04:00) Reunion'
+	},
+	{
+		id: 'Pacific/Kwajalein',
+		country_code: '',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Kwajalein'
+	},
+	{
+		id: 'Pacific/Chatham',
+		country_code: '',
+		offset: '+12:45',
+		dst: '+13:45',
+		text: '(GMT +12:45) Chatham'
+	},
+	{
+		id: 'Pacific/Apia',
+		country_code: 'WS',
+		offset: '+13:00',
+		dst: '+14:00',
+		text: '(GMT +13:00) Apia'
+	},
+	{
+		id: 'Pacific/Bougainville',
+		country_code: 'PG',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Bougainville'
+	},
+	{
+		id: 'Pacific/Chuuk',
+		country_code: 'FM',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Chuuk'
+	},
+	{
+		id: 'Pacific/Efate',
+		country_code: 'VU',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Efate'
+	},
+	{
+		id: 'Pacific/Enderbury',
+		country_code: 'KI',
+		offset: '+13:00',
+		dst: '+13:00',
+		text: '(GMT +13:00) Enderbury'
+	},
+	{
+		id: 'Pacific/Fakaofo',
+		country_code: 'TK',
+		offset: '+13:00',
+		dst: '+13:00',
+		text: '(GMT +13:00) Fakaofo'
+	},
+	{
+		id: 'Pacific/Fiji',
+		country_code: 'FJ',
+		offset: '+12:00',
+		dst: '+13:00',
+		text: '(GMT +12:00) Fiji'
+	},
+	{
+		id: 'Pacific/Funafuti',
+		country_code: 'TV',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Funafuti'
+	},
+	{
+		id: 'Pacific/Galapagos',
+		country_code: 'EC',
+		offset: '-06:00',
+		dst: '-06:00',
+		text: '(GMT -06:00) Galapagos'
+	},
+	{
+		id: 'Pacific/Gambier',
+		country_code: 'PF',
+		offset: '-09:00',
+		dst: '-09:00',
+		text: '(GMT -09:00) Gambier'
+	},
+	{
+		id: 'Pacific/Guadalcanal',
+		country_code: 'SB',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Guadalcanal'
+	},
+	{
+		id: 'Pacific/Guam',
+		country_code: 'GU',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Guam'
+	},
+	{
+		id: 'Pacific/Honolulu',
+		country_code: 'US',
+		offset: '-10:00',
+		dst: '-10:00',
+		text: '(GMT -10:00) Honolulu'
+	},
+	{
+		id: 'Pacific/Kiritimati',
+		country_code: 'KI',
+		offset: '+14:00',
+		dst: '+14:00',
+		text: '(GMT +14:00) Kiritimati'
+	},
+	{
+		id: 'Pacific/Kosrae',
+		country_code: 'FM',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Kosrae'
+	},
+	{
+		id: 'Pacific/Majuro',
+		country_code: 'MH',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Majuro'
+	},
+	{
+		id: 'Pacific/Marquesas',
+		country_code: 'PF',
+		offset: '-09:30',
+		dst: '-09:30',
+		text: '(GMT -09:30) Marquesas'
+	},
+	{
+		id: 'Pacific/Pago_Pago',
+		country_code: 'UM',
+		offset: '-11:00',
+		dst: '-11:00',
+		text: '(GMT -11:00) Pago_Pago'
+	},
+	{
+		id: 'Pacific/Nauru',
+		country_code: 'NR',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Nauru'
+	},
+	{
+		id: 'Pacific/Niue',
+		country_code: 'NU',
+		offset: '-11:00',
+		dst: '-11:00',
+		text: '(GMT -11:00) Niue'
+	},
+	{
+		id: 'Pacific/Norfolk',
+		country_code: 'NF',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Norfolk'
+	},
+	{
+		id: 'Pacific/Noumea',
+		country_code: 'NC',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Noumea'
+	},
+	{
+		id: 'Pacific/Palau',
+		country_code: 'PW',
+		offset: '+09:00',
+		dst: '+09:00',
+		text: '(GMT +09:00) Palau'
+	},
+	{
+		id: 'Pacific/Pitcairn',
+		country_code: 'PN',
+		offset: '-08:00',
+		dst: '-08:00',
+		text: '(GMT -08:00) Pitcairn'
+	},
+	{
+		id: 'Pacific/Pohnpei',
+		country_code: 'FM',
+		offset: '+11:00',
+		dst: '+11:00',
+		text: '(GMT +11:00) Pohnpei'
+	},
+	{
+		id: 'Pacific/Port_Moresby',
+		country_code: 'PG',
+		offset: '+10:00',
+		dst: '+10:00',
+		text: '(GMT +10:00) Port_Moresby'
+	},
+	{
+		id: 'Pacific/Rarotonga',
+		country_code: 'CK',
+		offset: '-10:00',
+		dst: '-10:00',
+		text: '(GMT -10:00) Rarotonga'
+	},
+	{
+		id: 'Pacific/Tahiti',
+		country_code: 'PF',
+		offset: '-10:00',
+		dst: '-10:00',
+		text: '(GMT -10:00) Tahiti'
+	},
+	{
+		id: 'Pacific/Tarawa',
+		country_code: 'KI',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Tarawa'
+	},
+	{
+		id: 'Pacific/Tongatapu',
+		country_code: 'TO',
+		offset: '+13:00',
+		dst: '+14:00',
+		text: '(GMT +13:00) Tongatapu'
+	},
+	{
+		id: 'Pacific/Wake',
+		country_code: 'UM',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Wake'
+	},
+	{
+		id: 'Pacific/Wallis',
+		country_code: 'WF',
+		offset: '+12:00',
+		dst: '+12:00',
+		text: '(GMT +12:00) Wallis'
+	},
+	{
+		id: 'America/PST',
+		country_code: '',
+		offset: '-08:00',
+		dst: '-07:00',
+		text: '(GMT -08:00) Pacific Time'
+	},
+	{
+		id: 'Etc/UCT',
+		country_code: '',
+		offset: '+00:00',
+		dst: '+00:00',
+		text: '(GMT +00:00) UCT'
+	},
+	{
+		id: 'Europe/Lisbon',
+		country_code: 'PT',
+		offset: '+00:00',
+		dst: '+01:00',
+		text: '(GMT +00:00) Lisbon.'
+	}
+];
diff --git a/src/lib/timezones/index.ts b/src/lib/timezones/index.ts
new file mode 100644
index 0000000..60d325a
--- /dev/null
+++ b/src/lib/timezones/index.ts
@@ -0,0 +1,2 @@
+export * from './data';
+export * from './timezones';
diff --git a/src/lib/timezones/timezones.ts b/src/lib/timezones/timezones.ts
new file mode 100644
index 0000000..4c670ae
--- /dev/null
+++ b/src/lib/timezones/timezones.ts
@@ -0,0 +1,5 @@
+import { TIMEZONES } from './data';
+
+export function getTimezoneByID(id: string) {
+	return TIMEZONES.find((timezone) => timezone.id === id);
+}
diff --git a/src/lib/urls/index.ts b/src/lib/urls/index.ts
new file mode 100644
index 0000000..ec4ce46
--- /dev/null
+++ b/src/lib/urls/index.ts
@@ -0,0 +1 @@
+export * from './urls';
diff --git a/src/lib/urls/urls.ts b/src/lib/urls/urls.ts
new file mode 100644
index 0000000..db003b6
--- /dev/null
+++ b/src/lib/urls/urls.ts
@@ -0,0 +1,23 @@
+export function makeFormsURL() {
+	return '/forms';
+}
+
+export function makeFormNewURL() {
+	return `${makeFormsURL()}/new`;
+}
+
+export function makeFormURL(formID: string) {
+	return `${makeFormsURL()}/${formID}`;
+}
+
+export function makeSubmissionsURL(formID: string) {
+	return `${makeFormURL(formID)}/submissions`;
+}
+
+export function makeSubmissionNewURL(formID: string) {
+	return `${makeSubmissionsURL(formID)}/new`;
+}
+
+export function makeSubmissionURL(formID: string, submissionID: string) {
+	return `${makeSubmissionsURL(formID)}/${submissionID}`;
+}
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
new file mode 100644
index 0000000..37e1300
--- /dev/null
+++ b/src/routes/+layout.server.ts
@@ -0,0 +1,17 @@
+import type { LayoutServerLoad } from './$types';
+import { s } from '$lib/resources/store';
+import { SESSION_ID_COOKIE_NAME } from '$lib/oauth2';
+
+export const load: LayoutServerLoad = async ({ cookies, locals }) => {
+	const session = cookies.get(SESSION_ID_COOKIE_NAME);
+	if (!session) {
+		return;
+	}
+
+	const user = await s.getUserBySessionID(session);
+	if (!user) {
+		return;
+	}
+
+	locals.user = user;
+};
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..7736dec
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,7 @@
+<slot />
+
+<style>
+	:global(body) {
+		background-color: #ebf8ff;
+	}
+</style>
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
new file mode 100644
index 0000000..e42b995
--- /dev/null
+++ b/src/routes/+page.server.ts
@@ -0,0 +1,7 @@
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	return {
+		user: locals.user
+	};
+};
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1c25158..c160522 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,16 +1,29 @@
-<script>
-	import Form from '$lib/components/form.svelte';
+<script lang="ts">
+	import type { PageData } from './$types';
+
+	export let data: PageData;
 </script>
 
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<h1>Form</h1>
+
+<p>
+	Form is a platform managing authenticated Discord form submissions within Discord servers. Give us
+	a star <a href="https://github.com/acmcsufoss/form">on GitHub</a>.
+</p>
 
-<Form />
+<p>
+	{#if data.user}
+		Hello, {data.user.discordUsername}!{' '}
+		View <a href="/forms">your forms</a>?{' '}
+		<a href="/discord_oauth2/logout">Log out</a>?
+	{:else}
+		<a href="/discord_oauth2">Log in with Discord</a> to get started.
+	{/if}
+</p>
 
 <style>
+	h1,
 	p {
 		text-align: center;
 	}
-	:global(body) {
-		background-color: #ebf8ff;
-	}
 </style>
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
new file mode 100644
index 0000000..0ee5802
--- /dev/null
+++ b/src/routes/+page.ts
@@ -0,0 +1,3 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ data }) => data;
diff --git a/src/routes/demo/+page.svelte b/src/routes/demo/+page.svelte
new file mode 100644
index 0000000..82692e1
--- /dev/null
+++ b/src/routes/demo/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	import DemoForm from './demo_form.svelte';
+</script>
+
+<DemoForm />
diff --git a/src/routes/demo/demo_form.svelte b/src/routes/demo/demo_form.svelte
new file mode 100644
index 0000000..462a8fe
--- /dev/null
+++ b/src/routes/demo/demo_form.svelte
@@ -0,0 +1,6 @@
+<script lang="ts">
+	import Form from '$lib/components/form.svelte';
+	import { demoForm } from './demo_form';
+</script>
+
+<Form data={demoForm} />
diff --git a/src/routes/demo/demo_form.ts b/src/routes/demo/demo_form.ts
new file mode 100644
index 0000000..bc1e0be
--- /dev/null
+++ b/src/routes/demo/demo_form.ts
@@ -0,0 +1,59 @@
+import type { Form } from '$lib/form';
+import { QuestionType } from '$lib/form';
+
+export const demoForm: Form = {
+	id: 'demo_form_id',
+	questions: {
+		data: [
+			{
+				type: QuestionType.BOOLEAN,
+				name: 'Age Check',
+				content: 'Are you over 18 years old?',
+				required: false,
+				value: true,
+				style: 'checkbox'
+			},
+			{
+				type: QuestionType.TEXT,
+				name: 'FRQ',
+				content: 'How do you feel about this form?',
+				required: false,
+				value: 'Sample Text'
+			},
+			{
+				type: QuestionType.SINGLE_TEXT_SELECT,
+				name: 'multiple choice',
+				content: 'please pick one',
+				required: false,
+				allowCustomChoice: false,
+				choices: ['choice 1', 'choice 2', 'choice 3', 'choice 4']
+			},
+			{
+				type: QuestionType.COLOR,
+				name: 'Color Question',
+				content: 'Pick a color',
+				required: false,
+				value: '#000000'
+			},
+			{
+				type: QuestionType.NUMBER,
+				name: 'Number Question',
+				content: 'Pick a number',
+				required: false,
+				min: 0,
+				max: 100,
+				placeholder: 'select a number'
+			},
+			{
+				type: QuestionType.TEXTAREA,
+				name: 'Text Area Question',
+				content: 'text area?',
+				required: false,
+				minLength: 0,
+				maxLength: 1_000,
+				placeholder: 'write here',
+				value: ''
+			}
+		]
+	}
+};
diff --git a/src/routes/discord_oauth2/+server.ts b/src/routes/discord_oauth2/+server.ts
new file mode 100644
index 0000000..159ff1b
--- /dev/null
+++ b/src/routes/discord_oauth2/+server.ts
@@ -0,0 +1,96 @@
+import type { RequestHandler } from './$types';
+import type { CreateUserRequest } from '$lib/store';
+import {
+	DISCORD_REDIRECT_URI,
+	DISCORD_CLIENT_ID,
+	DISCORD_CLIENT_SECRET,
+	DISCORD_GUILD_ID,
+	DISCORD_ROLE_ID,
+	DISCORD_BOT_TOKEN
+} from '$env/static/private';
+import { SESSION_ID_COOKIE_NAME } from '$lib/oauth2';
+import { s } from '$lib/resources/store';
+import {
+	makeOAuth2URL,
+	getDiscordUserFromCode,
+	checkGuildMemberHasRole,
+	type DiscordUser
+} from '$lib/discord';
+
+export const GET: RequestHandler = async ({ url, locals }) => {
+	// Decode the state.
+	const state = JSON.parse(url.searchParams.get('state') || '{}');
+	const redirect = makeRedirect(state.destination || '/');
+
+	// Check if user is already logged in.
+	if (locals.user) {
+		return redirect;
+	}
+
+	// Check if the user has a code.
+	const code = url.searchParams.get('code');
+	if (!code) {
+		// Redirect to Discord OAuth2 URL.
+		return makeRedirect(
+			makeOAuth2URL({
+				clientID: DISCORD_CLIENT_ID,
+				redirectURI: DISCORD_REDIRECT_URI
+			})
+		);
+	}
+
+	// Get Discord user from code.
+	const discordUser = await getDiscordUserFromCode({
+		code,
+		clientID: DISCORD_CLIENT_ID,
+		clientSecret: DISCORD_CLIENT_SECRET,
+		redirectURI: DISCORD_REDIRECT_URI
+	});
+	if (!discordUser) {
+		throw new Error('Failed to get user from code.');
+	}
+
+	// Check if user has the required role.
+	if (DISCORD_GUILD_ID && DISCORD_ROLE_ID) {
+		const hasRole = await checkGuildMemberHasRole({
+			botToken: DISCORD_BOT_TOKEN,
+			guildID: DISCORD_GUILD_ID,
+			roleID: DISCORD_ROLE_ID,
+			userID: discordUser.id
+		});
+		if (!hasRole) {
+			throw new Error('User does not have the required role.');
+		}
+	}
+
+	// Make a session ID.
+	const sessionID = crypto.randomUUID();
+	const query = fromDiscordUser(sessionID, discordUser);
+
+	// If user does not exist, create user.
+	// Otherwise, create session for user.
+	const user = await s.getUserByDiscordUserID(discordUser.id);
+	await (user !== null ? s.createSession(query) : s.createUser(query));
+
+	// Set session cookie with 1 week expiry.
+	// Redirect the user to their destination.
+	redirect.headers.set(
+		'Set-Cookie',
+		`${SESSION_ID_COOKIE_NAME}=${sessionID}; HttpOnly; Max-Age=${60 * 60 * 24 * 7}`
+	);
+	return redirect;
+};
+
+function fromDiscordUser(sessionID: string, discordUser: DiscordUser): CreateUserRequest {
+	return {
+		sessionID,
+		discordUserID: discordUser.id,
+		discordUsername: discordUser.username,
+		discordAvatar: discordUser.avatar
+	};
+}
+
+function makeRedirect(destination: string, headers = new Headers()) {
+	headers.set('Location', destination);
+	return new Response(null, { status: 302, headers });
+}
diff --git a/src/routes/discord_oauth2/logout/+server.ts b/src/routes/discord_oauth2/logout/+server.ts
new file mode 100644
index 0000000..b8ce557
--- /dev/null
+++ b/src/routes/discord_oauth2/logout/+server.ts
@@ -0,0 +1,28 @@
+import type { RequestHandler } from './$types';
+import { SESSION_ID_COOKIE_NAME } from '$lib/oauth2';
+import { s } from '$lib/resources/store';
+
+export const GET: RequestHandler = async ({ cookies, url }) => {
+	const redirectURL = url.searchParams.get('destination') || '/';
+	const sessionID = cookies.get(SESSION_ID_COOKIE_NAME);
+	if (!sessionID) {
+		return makeRedirect('Already logged out.', redirectURL);
+	}
+
+	const user = await s.getUserBySessionID(sessionID);
+	if (!user) {
+		return makeRedirect('Already logged out.', redirectURL);
+	}
+
+	await s.deleteSessionByID(sessionID);
+	return makeRedirect('Logged out.', '/');
+};
+
+function makeRedirect(message: string, destination: string) {
+	return new Response(message, {
+		status: 302,
+		headers: {
+			Location: destination
+		}
+	});
+}
diff --git a/src/routes/forms/+layout.server.ts b/src/routes/forms/+layout.server.ts
new file mode 100644
index 0000000..6b22e84
--- /dev/null
+++ b/src/routes/forms/+layout.server.ts
@@ -0,0 +1,22 @@
+import type { LayoutServerLoad } from './$types';
+import { redirect } from '@sveltejs/kit';
+import { makeOAuth2URL } from '$lib/oauth2';
+
+// Note:
+//
+// > In SvelteKit 1.x you had to throw the redirect yourself
+//
+// Usage of the following redirect pattern is not using the `throw new Error`
+// pattern because it is not supported by the SvelteKit compiler.
+//
+// ```ts
+// redirect(303, '/login');
+// return;
+// ```
+//
+
+export const load: LayoutServerLoad = async ({ locals, url }) => {
+	if (!locals.user) {
+		redirect(303, makeOAuth2URL(url.toString()));
+	}
+};
diff --git a/src/routes/forms/+page.server.ts b/src/routes/forms/+page.server.ts
new file mode 100644
index 0000000..688dc08
--- /dev/null
+++ b/src/routes/forms/+page.server.ts
@@ -0,0 +1,15 @@
+import type { PageServerLoad } from './$types';
+import { s } from '$lib/resources/store';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	const forms = await getFormsByUser();
+	return {
+		forms,
+		user: locals.user
+	};
+};
+
+async function getFormsByUser() {
+	// TODO: Get forms by user.
+	return await s.getForms();
+}
diff --git a/src/routes/forms/+page.svelte b/src/routes/forms/+page.svelte
index ade4ee0..a61130e 100644
--- a/src/routes/forms/+page.svelte
+++ b/src/routes/forms/+page.svelte
@@ -1 +1,13 @@
-<!-- Form List Page -->
+<script lang="ts">
+	import type { PageData } from './$types';
+	import { makeFormNewURL } from '$lib/urls';
+	import FormPreviewList from './form_preview_list.svelte';
+
+	export let data: PageData;
+</script>
+
+<h1>Forms</h1>
+
+<FormPreviewList data={data.forms} />
+
+<a href={makeFormNewURL()}>Create a form</a>
diff --git a/src/routes/forms/+page.ts b/src/routes/forms/+page.ts
new file mode 100644
index 0000000..0ee5802
--- /dev/null
+++ b/src/routes/forms/+page.ts
@@ -0,0 +1,3 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ data }) => data;
diff --git a/src/routes/forms/[form_id]/+page.server.ts b/src/routes/forms/[form_id]/+page.server.ts
new file mode 100644
index 0000000..61aa323
--- /dev/null
+++ b/src/routes/forms/[form_id]/+page.server.ts
@@ -0,0 +1,10 @@
+import type { PageServerLoad } from './$types';
+import { s } from '$lib/resources/store';
+
+export const load: PageServerLoad = async ({ locals, params }) => {
+	const form = await s.getFormByID(params.form_id);
+	return {
+		form,
+		user: locals.user
+	};
+};
diff --git a/src/routes/forms/[form_id]/+page.svelte b/src/routes/forms/[form_id]/+page.svelte
new file mode 100644
index 0000000..7763431
--- /dev/null
+++ b/src/routes/forms/[form_id]/+page.svelte
@@ -0,0 +1,13 @@
+<!-- TODO: Editor page -->
+<script lang="ts">
+	import type { PageData } from './$types';
+	import FormEditor from '$lib/components/form_editor.svelte';
+
+	export let data: PageData;
+</script>
+
+{#if data.form}
+	<FormEditor action="" method="POST" data={data.form} />
+{:else}
+	<p>Form not found</p>
+{/if}
diff --git a/src/routes/forms/[form_id]/+page.ts b/src/routes/forms/[form_id]/+page.ts
new file mode 100644
index 0000000..0ee5802
--- /dev/null
+++ b/src/routes/forms/[form_id]/+page.ts
@@ -0,0 +1,3 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ data }) => data;
diff --git a/src/routes/forms/[form_id]/submissions.csv/+server.ts b/src/routes/forms/[form_id]/submissions.csv/+server.ts
new file mode 100644
index 0000000..9f2d3d1
--- /dev/null
+++ b/src/routes/forms/[form_id]/submissions.csv/+server.ts
@@ -0,0 +1,29 @@
+import type { RequestHandler } from './$types';
+import * as exportToCSV from 'export-to-csv';
+import { s } from '$lib/resources/store';
+import type { Submission } from '$lib/store';
+
+export const GET: RequestHandler = async ({ params }) => {
+	const submissions = await s.getSubmissionsByFormID(params.form_id);
+	const csv = submissionsToCSV(submissions);
+	return new Response(csv, {
+		headers: {
+			'Content-Type': 'text/csv'
+		}
+	});
+};
+
+// TODO: Submissions to JSON.
+function submissionsToCSV(submissions: Submission[]): string {
+	const config = exportToCSV.mkConfig({ useKeysAsHeaders: true });
+	const data = exportToCSV.generateCsv(config)(
+		submissions.map((submission) => ({
+			...submission.data,
+			id: submission.id,
+			formID: submission.formID,
+			userID: submission.userID,
+			submittedAt: submission.submittedAt
+		}))
+	);
+	return exportToCSV.asString(data);
+}
diff --git a/src/routes/forms/[form_id]/submissions/+page.svelte b/src/routes/forms/[form_id]/submissions/+page.svelte
new file mode 100644
index 0000000..07c6c3d
--- /dev/null
+++ b/src/routes/forms/[form_id]/submissions/+page.svelte
@@ -0,0 +1,14 @@
+<!-- Submissions List Page -->
+
+<script lang="ts">
+	import type { PageData } from './$types';
+
+	export let data: PageData;
+</script>
+
+<!-- {#if data.submissions} -->
+<code>{JSON.stringify(data)}</code>
+<!-- <SubmissionsList data={data.form} /> -->
+<!-- {:else} -->
+<!-- <p>Form not found</p> -->
+<!-- {/if} -->
diff --git a/src/routes/forms/[form_id]/submissions/[submission_id]/+page.server.ts b/src/routes/forms/[form_id]/submissions/[submission_id]/+page.server.ts
new file mode 100644
index 0000000..1170354
--- /dev/null
+++ b/src/routes/forms/[form_id]/submissions/[submission_id]/+page.server.ts
@@ -0,0 +1,10 @@
+import type { PageServerLoad } from './$types';
+import { s } from '$lib/resources/store';
+
+export const load: PageServerLoad = async ({ locals, params }) => {
+	const submission = await s.getSubmissionByID(params.submission_id);
+	return {
+		submission,
+		user: locals.user
+	};
+};
diff --git a/src/routes/forms/[form_id]/submissions/[submission_id]/+page.svelte b/src/routes/forms/[form_id]/submissions/[submission_id]/+page.svelte
new file mode 100644
index 0000000..94072ba
--- /dev/null
+++ b/src/routes/forms/[form_id]/submissions/[submission_id]/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+
+	export let data: PageData;
+</script>
+
+{#if data.submission}
+	<!-- <Submission data={data.submission} /> -->
+	<code>{'<Submission />'}</code>
+{:else}
+	<p>Submission not found</p>
+{/if}
diff --git a/src/routes/forms/[form_id]/submissions/[submission_id]/+page.ts b/src/routes/forms/[form_id]/submissions/[submission_id]/+page.ts
new file mode 100644
index 0000000..0ee5802
--- /dev/null
+++ b/src/routes/forms/[form_id]/submissions/[submission_id]/+page.ts
@@ -0,0 +1,3 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ data }) => data;
diff --git a/src/routes/forms/[form_id]/submissions/new/+server.ts b/src/routes/forms/[form_id]/submissions/new/+server.ts
new file mode 100644
index 0000000..718c92d
--- /dev/null
+++ b/src/routes/forms/[form_id]/submissions/new/+server.ts
@@ -0,0 +1,33 @@
+import type { RequestHandler } from './$types';
+import { ulid } from 'ulid';
+import { s } from '$lib/resources/store';
+import { makeSubmissionURL } from '$lib/urls';
+
+export const GET: RequestHandler = async ({ params, locals }) => {
+	// Create a new empty submission.
+	if (!locals.user) {
+		return new Response('Unauthorized', { status: 401 });
+	}
+
+	const submission = await createEmptySubmission(locals.user?.id, params.form_id);
+
+	// Redirect to the new form.
+	return new Response(null, {
+		status: 303,
+		headers: {
+			Location: makeSubmissionURL(params.form_id, submission.id)
+		}
+	});
+};
+
+async function createEmptySubmission(userID: string, formID: string) {
+	// TODO: Throw an error if the form does not exist.
+	// TODO: Throw an error if the user has already submitted the form.
+	return await s.createSubmission({
+		id: ulid(),
+		formID,
+		userID,
+		data: {},
+		submittedAt: null
+	});
+}
diff --git a/src/routes/forms/[id]/+page.svelte b/src/routes/forms/[id]/+page.svelte
deleted file mode 100644
index 64fbccf..0000000
--- a/src/routes/forms/[id]/+page.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<!-- Editor page -->
diff --git a/src/routes/forms/form_preview.svelte b/src/routes/forms/form_preview.svelte
new file mode 100644
index 0000000..41e253c
--- /dev/null
+++ b/src/routes/forms/form_preview.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+	import type { Form } from '$lib/form';
+	import { makeFormURL } from '$lib/urls';
+
+	export let data: Form;
+</script>
+
+<article>
+	<h2>
+		<a href={makeFormURL(data.id)} title={JSON.stringify(data)}>
+			{#if data.title}
+				{data.title}
+			{:else}
+				Untitled
+			{/if}
+		</a>
+	</h2>
+
+	<p>
+		ID: {data.id}
+	</p>
+
+	<hr />
+
+	<p>
+		{#if data.description}
+			{data.description}
+		{:else}
+			No description
+		{/if}
+	</p>
+</article>
+
+<style>
+	article {
+		--color: purple;
+		padding: 1rem;
+		margin: 1rem;
+		outline: 3px solid var(--color);
+		border-radius: 1rem;
+		overflow: hidden;
+	}
+
+	h2,
+	p {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	h2 {
+		margin: 0;
+		padding: 0;
+	}
+
+	p,
+	hr {
+		margin: 0.4rem 0;
+	}
+</style>
diff --git a/src/routes/forms/form_preview_list.svelte b/src/routes/forms/form_preview_list.svelte
new file mode 100644
index 0000000..7079ec6
--- /dev/null
+++ b/src/routes/forms/form_preview_list.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { Form } from '$lib/form';
+	import FormPreview from './form_preview.svelte';
+
+	export let data: Form[];
+</script>
+
+<div class="form-list">
+	{#if data.length > 0}
+		<ul>
+			{#each data as form (form.id)}
+				<li>
+					<FormPreview data={form} />
+				</li>
+			{/each}
+		</ul>
+	{/if}
+</div>
diff --git a/src/routes/forms/new/+server.ts b/src/routes/forms/new/+server.ts
new file mode 100644
index 0000000..6ba4601
--- /dev/null
+++ b/src/routes/forms/new/+server.ts
@@ -0,0 +1,27 @@
+import type { RequestHandler } from './$types';
+import { ulid } from 'ulid';
+import { s } from '$lib/resources/store';
+import { makeFormURL } from '$lib/urls';
+
+export const GET: RequestHandler = async () => {
+	// Create a new empty form.
+	const form = await createEmptyForm();
+
+	// Redirect to the new form.
+	return new Response(null, {
+		status: 303,
+		headers: {
+			Location: makeFormURL(form.id)
+		}
+	});
+};
+
+async function createEmptyForm() {
+	return await s.createForm({
+		id: ulid(),
+		questions: {
+			shuffled: false,
+			data: []
+		}
+	});
+}
diff --git a/src/routes/invites/[invite_id]/+page.svelte b/src/routes/invites/[invite_id]/+page.svelte
new file mode 100644
index 0000000..b5fdba8
--- /dev/null
+++ b/src/routes/invites/[invite_id]/+page.svelte
@@ -0,0 +1 @@
+<!-- TODO: Use code from authenticated form submission. -->
diff --git a/src/routes/responses/[id]/+page.svelte b/src/routes/responses/[id]/+page.svelte
deleted file mode 100644
index 261b9d6..0000000
--- a/src/routes/responses/[id]/+page.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<!-- Form Response Page -->
diff --git a/static/global.css b/static/global.css
new file mode 100644
index 0000000..cf5206e
--- /dev/null
+++ b/static/global.css
@@ -0,0 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+:global(*) {
+	font-family: 'Poppins';
+	font-size: 11px;
+}