15 |
37 |
38 | 24 | Lanyard 25 | 26 | Visualizer 27 | 28 |
29 | 30 |31 | A proof-of-concept example to show what you can build with Lanyard 32 | API. 33 |
34 | 35 | 36 |8 | Page not found 9 |
10 | 14 | Return Home 15 | 16 |31 | A proof-of-concept example to show what you can build with Lanyard 32 | API. 33 |
34 | 35 | 36 |24 | Make sure you entered a valid Discord user ID and make sure the user 25 | is in{" "} 26 | 31 | Lanyard's Discord server 32 | 33 | . Reload the page after you join the Discord server or try with an 34 | user ID who is already in Discord. 35 |
36 | 40 | Return Home 41 | 42 |{getActivity(activity)}
57 | 62 |{song}
63 | 64 |by {artist}
65 | 66 |{getActivity(activity)}
84 | 85 |{details}
86 |{state}
87 | 88 |Loading...
16 |18 | {type === "domain" ? name : type} 19 |
20 | ))} 21 |{time.start}
31 |{time.end}
32 |{time.start} elapsed
; 38 | if (time.end && !time.start) return{time.end} left
; 39 | 40 | return null; 41 | } 42 | -------------------------------------------------------------------------------- /src/components/ui/background-noise.tsx: -------------------------------------------------------------------------------- 1 | export function Noise() { 2 | return ( 3 | 12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /src/components/ui/evervault-card.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import { cn } from "@/utils/cn"; 4 | import { motion, useMotionTemplate, useMotionValue } from "framer-motion"; 5 | import Image from "next/image"; 6 | import { useEffect, useState } from "react"; 7 | 8 | export const EvervaultCard = ({ 9 | userAvatar, 10 | status, 11 | className, 12 | }: { 13 | userAvatar: string; 14 | status: string; 15 | className?: string; 16 | }) => { 17 | let mouseX = useMotionValue(0); 18 | let mouseY = useMotionValue(0); 19 | 20 | const [randomString, setRandomString] = useState(""); 21 | 22 | useEffect(() => { 23 | let str = generateRandomString(1500); 24 | setRandomString(str); 25 | }, []); 26 | 27 | function onMouseMove({ currentTarget, clientX, clientY }: any) { 28 | let { left, top } = currentTarget.getBoundingClientRect(); 29 | mouseX.set(clientX - left); 30 | mouseY.set(clientY - top); 31 | 32 | const str = generateRandomString(1500); 33 | setRandomString(str); 34 | } 35 | 36 | return ( 37 |92 | {randomString} 93 |
94 |