LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-06 04:22:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

more structure for animation

Browse Source
This commit is contained in:
Jesse Winton
2024-06-13 14:11:39 -04:00
parent 50bed5cae0
commit 42aa55a321
5 changed files with 324 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/animations/Products/Products.svelte
View File

@@ -146,9 +146,12 @@
import { Storage, storageController } from './storage';
import { Functions, functionsController } from './functions';
import { Realtime, realtimeController } from './realtime';
import { Messaging as MessagingAnimation, messagingController } from './messaging'
import { postController } from './post';
import Post from './post/post.svelte';
import { anyify } from '$lib/utils/anyify';
import Messaging from '$routes/init/(animations)/Messaging.svelte';
import Code from '../CodeWindow/Code.svelte';
/* Basic Animation setup */
let scrollInfo = {
@@ -187,6 +190,7 @@
databases: databasesController,
storage: storageController,
functions: functionsController,
messaging: messagingController,
realtime: realtimeController,
post: postController
};
@@ -305,6 +309,8 @@
Tasks
{:else if active.product === 'storage'}
Files
{:else if active.product === 'messaging'}
Messages
{:else if active.product === 'functions'}
<!-- oblivion -->
{:else if active.product === 'realtime'}
@@ -315,6 +321,8 @@
{#if active.product === 'auth'}
<Auth.Box />
{:else if active.product === 'messaging'}
<MessagingAnimation.Box />
{:else if active.product === 'databases'}
<Databases.Box />
{:else if active.product === 'storage'}
@@ -333,6 +341,8 @@
<Storage.Code />
{:else if active.product === 'functions'}
<Functions.Code />
{:else if active.product === 'messaging'}
<MessagingAnimation.Code />
{/if}
</CodeWindow>
</div>
@@ -352,6 +362,8 @@
<Databases.Phone />
{:else if active.product === 'storage'}
<Storage.Phone />
{:else if active.product === 'messaging'}
<MessagingAnimation.Phone />
{:else if active.product === 'functions'}
<Functions.Phone />
{:else if !['auth', 'databases', 'storage', 'functions'].includes(anyify(active.product))}