From 7f6704261ceb1d9ffa4f39d5084ac85e5ad55295 Mon Sep 17 00:00:00 2001 From: Frank Noirot Date: Sun, 17 Dec 2023 23:24:45 -0500 Subject: [PATCH] Prep site for go-live (#68) * Swap out colors and logos * JB style feedback --- src/app.html | 8 ++- src/components/AccountMenu.svelte | 8 +-- src/components/DownloadButton.svelte | 10 +-- src/components/GenerationList.svelte | 10 +-- src/components/GenerationListItem.svelte | 4 +- .../GenerationalListItemSkeleton.svelte | 2 +- src/components/Logo.svelte | 42 +++-------- src/components/LogoMLephant.svelte | 51 ++++++++++++++ src/components/Nav.svelte | 10 ++- src/routes/+page.svelte | 35 ++++++---- src/routes/dashboard/+page.svelte | 8 +-- src/routes/view/[modelId]/+page.svelte | 10 +-- src/styles/app.css | 12 ++-- src/styles/fonts.css | 65 +++++++----------- static/android-chrome-192x192.png | Bin 0 -> 8543 bytes static/android-chrome-512x512.png | Bin 0 -> 29803 bytes static/apple-touch-icon.png | Bin 0 -> 7786 bytes static/favicon-16x16.png | Bin 0 -> 378 bytes static/favicon-32x32.png | Bin 0 -> 870 bytes static/favicon.ico | Bin 0 -> 15406 bytes static/fonts/ocr-a-tribute/bold.woff | Bin 0 -> 26748 bytes static/fonts/ocr-a-tribute/bold.woff2 | Bin 0 -> 26248 bytes static/fonts/ocr-a-tribute/regular.woff | Bin 0 -> 26800 bytes static/fonts/ocr-a-tribute/regular.woff2 | Bin 0 -> 26356 bytes static/fonts/visby-cf/VisbyCF-Bold.otf | Bin 64748 -> 0 bytes static/fonts/visby-cf/VisbyCF-BoldOblique.otf | Bin 65072 -> 0 bytes static/fonts/visby-cf/VisbyCF-DemiBold.otf | Bin 63992 -> 0 bytes .../visby-cf/VisbyCF-DemiBoldOblique.otf | Bin 65356 -> 0 bytes static/fonts/visby-cf/VisbyCF-ExtraBold.otf | Bin 65384 -> 0 bytes .../visby-cf/VisbyCF-ExtraBoldOblique.otf | Bin 65448 -> 0 bytes static/fonts/visby-cf/VisbyCF-Heavy.otf | Bin 66780 -> 0 bytes .../fonts/visby-cf/VisbyCF-HeavyOblique.otf | Bin 66700 -> 0 bytes static/fonts/visby-cf/VisbyCF-Light.otf | Bin 63332 -> 0 bytes .../fonts/visby-cf/VisbyCF-LightOblique.otf | Bin 65348 -> 0 bytes static/fonts/visby-cf/VisbyCF-Medium.otf | Bin 62472 -> 0 bytes .../fonts/visby-cf/VisbyCF-MediumOblique.otf | Bin 64340 -> 0 bytes static/fonts/visby-cf/VisbyCF-Regular.otf | Bin 62712 -> 0 bytes .../fonts/visby-cf/VisbyCF-RegularOblique.otf | Bin 64920 -> 0 bytes static/fonts/visby-cf/VisbyCF-Thin.otf | Bin 62152 -> 0 bytes static/fonts/visby-cf/VisbyCF-ThinOblique.otf | Bin 64540 -> 0 bytes static/ml-ephant.svg | 18 +++++ static/site.webmanifest | 11 +++ static/zoo-logo.svg | 7 ++ tailwind.config.js | 36 ++++++---- 44 files changed, 206 insertions(+), 141 deletions(-) create mode 100644 src/components/LogoMLephant.svelte create mode 100644 static/android-chrome-192x192.png create mode 100644 static/android-chrome-512x512.png create mode 100644 static/apple-touch-icon.png create mode 100644 static/favicon-16x16.png create mode 100644 static/favicon-32x32.png create mode 100644 static/favicon.ico create mode 100644 static/fonts/ocr-a-tribute/bold.woff create mode 100644 static/fonts/ocr-a-tribute/bold.woff2 create mode 100644 static/fonts/ocr-a-tribute/regular.woff create mode 100644 static/fonts/ocr-a-tribute/regular.woff2 delete mode 100644 static/fonts/visby-cf/VisbyCF-Bold.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-BoldOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-DemiBold.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-DemiBoldOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-ExtraBold.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-ExtraBoldOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-Heavy.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-HeavyOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-Light.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-LightOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-Medium.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-MediumOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-Regular.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-RegularOblique.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-Thin.otf delete mode 100644 static/fonts/visby-cf/VisbyCF-ThinOblique.otf create mode 100644 static/ml-ephant.svg create mode 100644 static/site.webmanifest create mode 100644 static/zoo-logo.svg diff --git a/src/app.html b/src/app.html index bcaf951..8e84db7 100644 --- a/src/app.html +++ b/src/app.html @@ -3,8 +3,12 @@ - - + + + + + + %sveltekit.head% diff --git a/src/components/AccountMenu.svelte b/src/components/AccountMenu.svelte index bb5512d..2d1799e 100644 --- a/src/components/AccountMenu.svelte +++ b/src/components/AccountMenu.svelte @@ -27,14 +27,14 @@

{user?.name || 'Unnamed User'}

-

+

{user?.email || 'someone@somewhere.com'}

Sign Out @@ -47,8 +47,8 @@ .menu { @apply absolute top-full -right-4; @apply z-10 mt-1 mr-0; - @apply text-chalkboard-100 dark:text-chalkboard-20; - @apply bg-chalkboard-10 dark:bg-chalkboard-90; + @apply text-chalkboard-120 dark:text-chalkboard-10; + @apply bg-white dark:bg-chalkboard-90; @apply border-solid border-2 border-chalkboard-100; @apply border border-chalkboard-100 dark:border-chalkboard-20; @apply flex flex-col gap-5; diff --git a/src/components/DownloadButton.svelte b/src/components/DownloadButton.svelte index 5237612..2d87485 100644 --- a/src/components/DownloadButton.svelte +++ b/src/components/DownloadButton.svelte @@ -78,7 +78,7 @@ diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0e4b107..6c41cd3 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,6 +2,7 @@ import { page } from '$app/stores' import { paths } from '$lib/paths' import { Canvas } from '@threlte/core' + import LogoMLephant from 'components/LogoMLephant.svelte' import ModelPreviewer from 'components/ModelPreviewer.svelte' const examples = [ @@ -13,17 +14,15 @@
-
+

- Text to CAD + Text-to-CAD UI

@@ -32,7 +31,7 @@
{examples[0].prompt}
-
-

- Create B-Rep CAD files and meshes from natural language prompts. Powered by KittyCAD. +

+

+ Create B-Rep CAD files and meshes from natural language prompts.{' '}
Powered by the + ML-ephant + API from Zoo.

Sign in to get started
@@ -69,7 +78,7 @@ .typing-animation::before { content: ''; position: absolute; - @apply bg-chalkboard-10 dark:bg-chalkboard-100; + @apply bg-white dark:bg-chalkboard-120; @apply absolute inset-0; --_final-width: 100%; animation: typewriter calc(var(--step-timing) * calc(var(--steps, 20) - 1)) @@ -82,7 +91,7 @@ right: -1ch; left: 1ch; border-left: solid 1ch; - @apply border-l-energy-10 dark:border-l-energy-60; + @apply border-l-green dark:border-l-green; --_final-width: calc(100% - 1ch); animation: typewriter calc(var(--step-timing) * calc(var(--steps, 20) - 1)) steps(var(--steps, 20), end) forwards, diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte index 3818e08..31ce168 100644 --- a/src/routes/dashboard/+page.svelte +++ b/src/routes/dashboard/+page.svelte @@ -38,9 +38,7 @@

- Text to CAD + Text-to-CAD