diff --git a/.github/workflows/publish-course-app.yml b/.github/workflows/publish-course-app.yml index 5b2f53eb..86b15033 100644 --- a/.github/workflows/publish-course-app.yml +++ b/.github/workflows/publish-course-app.yml @@ -1,8 +1,9 @@ name: Publish @classroomio/course-app to NPM + on: workflow_dispatch jobs: - build: + publish: runs-on: ubuntu-latest permissions: packages: write @@ -16,10 +17,11 @@ jobs: - uses: pnpm/action-setup@v4 - - name: Install dependencies & publish + - name: Install, Build & Publish working-directory: packages/course-app run: | pnpm i + pnpm build pnpm publish --no-git-checks env: NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}} diff --git a/apps/course-app/src/app.css b/apps/course-app/src/app.css index 6662813b..b215c946 100644 --- a/apps/course-app/src/app.css +++ b/apps/course-app/src/app.css @@ -1,73 +1,78 @@ @tailwind base; @tailwind components; @tailwind utilities; - + +@font-face { + font-family: 'Virgil'; + src: url('/fonts/Virgil.woff2'); +} + @layer base { :root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; - + --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; - + --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; - + --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; - + --border: 240 5.9% 90%; --input: 240 5.9% 90%; - + --primary: 240 5.9% 10%; --primary-foreground: 0 0% 98%; - + --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; - + --accent: 240 4.8% 95.9%; --accent-foreground: 240 5.9% 10%; - + --destructive: 0 72.2% 50.6%; --destructive-foreground: 0 0% 98%; - + --ring: 240 10% 3.9%; - + --radius: 0.5rem; } - + .dark { --background: 240 10% 3.9%; --foreground: 0 0% 98%; - + --muted: 240 3.7% 15.9%; --muted-foreground: 240 5% 64.9%; - + --popover: 240 10% 3.9%; --popover-foreground: 0 0% 98%; - + --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; - + --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; - + --primary: 0 0% 98%; --primary-foreground: 240 5.9% 10%; - + --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; - + --accent: 240 3.7% 15.9%; --accent-foreground: 0 0% 98%; - + --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; - + --ring: 240 4.9% 83.9%; } } - + @layer base { * { @apply border-border; @@ -75,4 +80,4 @@ body { @apply bg-background text-foreground; } -} \ No newline at end of file +} diff --git a/apps/course-app/src/app.html b/apps/course-app/src/app.html index d91e6d06..3e50f7ae 100644 --- a/apps/course-app/src/app.html +++ b/apps/course-app/src/app.html @@ -15,7 +15,7 @@ - + @@ -24,8 +24,7 @@ - + @@ -33,7 +32,7 @@ - + %sveltekit.head% diff --git a/apps/course-app/src/lib/components/animation/shimmerbutton/shimmerbutton.svelte b/apps/course-app/src/lib/components/animation/shimmerbutton/shimmerbutton.svelte index 67fe6ba4..55c26526 100644 --- a/apps/course-app/src/lib/components/animation/shimmerbutton/shimmerbutton.svelte +++ b/apps/course-app/src/lib/components/animation/shimmerbutton/shimmerbutton.svelte @@ -1,17 +1,19 @@ - + diff --git a/apps/course-app/src/lib/components/animation/sparkle/index.ts b/apps/course-app/src/lib/components/animation/sparkle/index.ts new file mode 100644 index 00000000..dd954a4e --- /dev/null +++ b/apps/course-app/src/lib/components/animation/sparkle/index.ts @@ -0,0 +1 @@ +export { default as Sparkle } from './sparkle-text.svelte'; diff --git a/apps/course-app/src/lib/components/animation/sparkle/sparkle-text.svelte b/apps/course-app/src/lib/components/animation/sparkle/sparkle-text.svelte new file mode 100644 index 00000000..e3b64e30 --- /dev/null +++ b/apps/course-app/src/lib/components/animation/sparkle/sparkle-text.svelte @@ -0,0 +1,73 @@ + + +
+ + {#each sparkles as item, _} + + {/each} + {text} + +
diff --git a/apps/course-app/src/lib/components/animation/sparkle/sparkle.svelte b/apps/course-app/src/lib/components/animation/sparkle/sparkle.svelte new file mode 100644 index 00000000..7f7033d0 --- /dev/null +++ b/apps/course-app/src/lib/components/animation/sparkle/sparkle.svelte @@ -0,0 +1,35 @@ + + + + + + + \ No newline at end of file diff --git a/apps/course-app/src/lib/components/navigation/navigation.svelte b/apps/course-app/src/lib/components/navigation/navigation.svelte index 4206d9f9..881d7389 100644 --- a/apps/course-app/src/lib/components/navigation/navigation.svelte +++ b/apps/course-app/src/lib/components/navigation/navigation.svelte @@ -1,11 +1,12 @@ @@ -36,10 +37,10 @@

- + Course App {' '} - courseapp + ourseapp {' '}