diff --git a/.dockerignorefile b/.dockerignorefile
index 3e8021f8..9143b06b 100644
--- a/.dockerignorefile
+++ b/.dockerignorefile
@@ -1 +1,3 @@
-servers
\ No newline at end of file
+servers
+compose.yml
+node_modules
\ No newline at end of file
diff --git a/packages/website/src/lib/Hero.svelte b/packages/website/src/lib/Hero.svelte
new file mode 100644
index 00000000..dbcca1d6
--- /dev/null
+++ b/packages/website/src/lib/Hero.svelte
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+ Jade
+
+
+ Finally, a website!
+
+
+
\ No newline at end of file
diff --git a/packages/website/src/lib/logo.svg b/packages/website/src/lib/logo.svg
new file mode 100644
index 00000000..771b016a
--- /dev/null
+++ b/packages/website/src/lib/logo.svg
@@ -0,0 +1,387 @@
+
+
\ No newline at end of file
diff --git a/packages/website/src/lib/styles.css b/packages/website/src/lib/styles.css
new file mode 100644
index 00000000..b33fa581
--- /dev/null
+++ b/packages/website/src/lib/styles.css
@@ -0,0 +1,57 @@
+:root {
+ color-scheme: light;
+ --spacing: 24px;
+ --theme: #242424;
+ --background-color: #f8f8f8;
+ --surface-color: #fff;
+ --backdrop-color: rgba(247, 247, 247, .54);
+ --shadow-color: rgba(0, 0, 0, .12);
+ --font-color: rgba(0, 0, 0, .87);
+ --font-color-contrast: rgba(255, 255, 255, 1);
+ --font-color-secondary: rgba(0, 0, 0, .6);
+ --font-family-base: Roboto, sans-serif;
+ --font-family-heading: "Sen", Roboto, sans-serif;
+ --border-radius: 8px
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ color-scheme: dark;
+ --theme: #eee;
+ --background-color: #141414;
+ --backdrop-color: rgba(20, 20, 20, .54);
+ --shadow-color: rgba(255, 255, 255, .12);
+ --surface-color: #242424;
+ --font-color: rgba(255, 255, 255, .87);
+ --font-color-contrast: rgba(0, 0, 0, .87);
+ --font-color-secondary: rgba(255, 255, 255, .6)
+ }
+}
+
+
+html {
+ font-family: var(--font-family-base);
+ background-color: var(--background-color);
+ color: var(--font-color);
+ font-size: 16px;
+ line-height: 1.5
+}
+
+body {
+ padding: 0;
+ margin: 0
+}
+
+iframe,
+img,
+svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+}
+
+.main {
+ max-width: 1056px;
+ margin: 0 auto;
+ padding: 0 var(--spacing);
+}
\ No newline at end of file
diff --git a/packages/website/src/routes/+layout.svelte b/packages/website/src/routes/+layout.svelte
new file mode 100644
index 00000000..ea10c5fc
--- /dev/null
+++ b/packages/website/src/routes/+layout.svelte
@@ -0,0 +1,8 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/website/src/routes/+page.svelte b/packages/website/src/routes/+page.svelte
index ba01d4d5..0dcb8842 100644
--- a/packages/website/src/routes/+page.svelte
+++ b/packages/website/src/routes/+page.svelte
@@ -1,5 +1,5 @@
-hi
\ No newline at end of file
+
\ No newline at end of file
diff --git a/packages/website/src/routes/style.css b/packages/website/src/routes/style.css
new file mode 100644
index 00000000..4521ed99
--- /dev/null
+++ b/packages/website/src/routes/style.css
@@ -0,0 +1,3 @@
+:root {
+ color-scheme: dark;
+}
\ No newline at end of file