(isMouseOver = true)}
@@ -87,20 +92,22 @@
}}
class:purpleGradient={color === 'purple'}
role="contentinfo"
+ on:mouseenter
+ on:mouseleave
>
-
-
{title}
-
+
Nothing in the slot here
-
+
-
+ {#if enableBorders}
+
+ {/if}
diff --git a/src/lib/components/DiscordProfilePicture.svelte b/src/lib/components/DiscordProfilePicture.svelte
index ba9d453..a7197d3 100644
--- a/src/lib/components/DiscordProfilePicture.svelte
+++ b/src/lib/components/DiscordProfilePicture.svelte
@@ -2,7 +2,7 @@
import clsx from 'clsx'
import { createEventDispatcher, getContext, onDestroy, onMount } from 'svelte'
import { spring } from 'svelte/motion'
- import { contextId as ctxId } from '../../routes/CommunitySlice.svelte'
+ import { contextId as ctxId } from '../../routes/home-slices/CommunitySlice.svelte'
import { lerp } from '$lib/Helper.mjs'
import { inview } from 'svelte-inview'
@@ -33,7 +33,7 @@
const dispatch = createEventDispatcher()
const relativeSize = size / biggestSize
- const delay = (biggestSize - size) * 5
+ const delay = Math.pow(1 - size / biggestSize, 4) * 4654
const dragCoordinates = spring([0, 0], {
damping: lerp(0.2, 0.03, relativeSize),
stiffness: lerp(0.2, 0.01, relativeSize),
@@ -48,6 +48,8 @@
let interactionjs
function onViewEnter() {
+ if (imageElement.__error) return
+
setTimeout(() => (hasEnteredView = true), 550)
// Only load the library if the element entered the view, to improve performance
@@ -106,7 +108,7 @@
)}
style:translate={`calc( ${$dragCoordinates[0]}px ) ${$dragCoordinates[1]}px`}
use:inview={{ unobserveOnEnter: true, threshold: 0.2 }}
- class:_animate={isAnimating && hasEnteredView}
+ class:_animate={hasImageLoaded && isAnimating && hasEnteredView}
on:inview_enter={onViewEnter}
>
@@ -120,6 +122,11 @@
on:mouseenter={(event) => dispatch('hover', event)}
class:hover:scale-125={!!quote}
loading="lazy"
+ referrerpolicy="no-referrer"
+ crossorigin="anonymous"
+ width={size}
+ height={size}
+ onerror="this.__error = true"
/>
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index a694cbd..92555b4 100755
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -8,8 +8,7 @@
let team = [
['Fufexan', 'Supporting Developer', 'cyan', 'https://github.com/fufexan'],
['NotAShelf', 'Real Chad', 'teal', 'https://github.com/NotAShelf'],
- ['VDawg', 'Webdesign-and dev', 'emerald', 'https://github.com/Visual-Dawg'],
- ['System-x64', 'Webdev', 'green', 'https://github.com/System-x64']
+ ['VDawg', 'Webdesign-and dev', 'emerald', 'https://github.com/Visual-Dawg']
]
function createRole(role, color) {
return `
[ ${role} ]`
@@ -20,7 +19,7 @@
class="max-w-screen relative mt-16 flex items-center justify-center border-t border-blue-400/50 bg-black/50 md:mt-24 lg:mt-32"
>