From fd813b8b33212531cc5a3ff39e4895ace14bb62a Mon Sep 17 00:00:00 2001 From: Jade Ellis Date: Wed, 14 Feb 2024 12:52:52 +0000 Subject: [PATCH] MVP website --- .dockerignorefile | 4 +- packages/website/src/lib/Hero.svelte | 63 ++++ packages/website/src/lib/logo.svg | 387 +++++++++++++++++++++ packages/website/src/lib/styles.css | 57 +++ packages/website/src/routes/+layout.svelte | 8 + packages/website/src/routes/+page.svelte | 4 +- packages/website/src/routes/style.css | 3 + 7 files changed, 523 insertions(+), 3 deletions(-) create mode 100644 packages/website/src/lib/Hero.svelte create mode 100644 packages/website/src/lib/logo.svg create mode 100644 packages/website/src/lib/styles.css create mode 100644 packages/website/src/routes/+layout.svelte create mode 100644 packages/website/src/routes/style.css 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