557305db5d
Some checks failed
ci/woodpecker/push/integration Pipeline failed
ci/woodpecker/push/main Pipeline failed
CI/CD Pipeline / Go Tests (push) Has been cancelled
CI/CD Pipeline / Python Tests (push) Has been cancelled
CI/CD Pipeline / Website Tests (push) Has been cancelled
CI/CD Pipeline / Linting (push) Has been cancelled
CI/CD Pipeline / Security Scan (push) Has been cancelled
CI/CD Pipeline / Docker Build & Push (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Deploy to Staging (push) Has been cancelled
CI/CD Pipeline / Deploy to Production (push) Has been cancelled
CI/CD Pipeline / CI Summary (push) Has been cancelled
Security Scanning / Secret Scanning (push) Has been cancelled
Security Scanning / Dependency Vulnerability Scan (push) Has been cancelled
Security Scanning / Go Security Scan (push) Has been cancelled
Security Scanning / Python Security Scan (push) Has been cancelled
Security Scanning / Node.js Security Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
Tests / Go Tests (push) Has been cancelled
Tests / Python Tests (push) Has been cancelled
Tests / Integration Tests (push) Has been cancelled
Tests / Go Lint (push) Has been cancelled
Tests / Python Lint (push) Has been cancelled
Tests / Security Scan (push) Has been cancelled
Tests / All Checks Passed (push) Has been cancelled
- Academy, Whistleblower, Incidents frontend pages with API proxies and types - Vendor compliance API proxy route - Go backend handlers and models for all new SDK modules - Investor pitch-deck app with interactive slides - Blog section with DSGVO, AI Act, NIS2, glossary articles - MkDocs documentation site - CI/CD pipelines (Woodpecker, GitHub Actions), security scanning config - Planning and implementation documentation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
84 lines
1.9 KiB
TypeScript
84 lines
1.9 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect, useRef } from 'react'
|
|
|
|
interface Particle {
|
|
x: number
|
|
y: number
|
|
size: number
|
|
speed: number
|
|
opacity: number
|
|
}
|
|
|
|
export default function ParticleBackground() {
|
|
const canvasRef = useRef<HTMLCanvasElement>(null)
|
|
const particlesRef = useRef<Particle[]>([])
|
|
const frameRef = useRef<number>(0)
|
|
|
|
useEffect(() => {
|
|
const canvas = canvasRef.current
|
|
if (!canvas) return
|
|
|
|
const ctx = canvas.getContext('2d')
|
|
if (!ctx) return
|
|
|
|
function resize() {
|
|
canvas!.width = window.innerWidth
|
|
canvas!.height = window.innerHeight
|
|
}
|
|
|
|
function initParticles() {
|
|
const count = Math.min(150, Math.floor((window.innerWidth * window.innerHeight) / 8000))
|
|
particlesRef.current = Array.from({ length: count }, () => ({
|
|
x: Math.random() * canvas!.width,
|
|
y: Math.random() * canvas!.height,
|
|
size: Math.random() * 1.5 + 0.5,
|
|
speed: Math.random() * 0.3 + 0.1,
|
|
opacity: Math.random() * 0.5 + 0.1,
|
|
}))
|
|
}
|
|
|
|
function animate() {
|
|
if (!ctx || !canvas) return
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height)
|
|
|
|
for (const p of particlesRef.current) {
|
|
p.y -= p.speed
|
|
if (p.y < -10) {
|
|
p.y = canvas.height + 10
|
|
p.x = Math.random() * canvas.width
|
|
}
|
|
|
|
ctx.beginPath()
|
|
ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2)
|
|
ctx.fillStyle = `rgba(255, 255, 255, ${p.opacity})`
|
|
ctx.fill()
|
|
}
|
|
|
|
frameRef.current = requestAnimationFrame(animate)
|
|
}
|
|
|
|
resize()
|
|
initParticles()
|
|
animate()
|
|
|
|
window.addEventListener('resize', () => {
|
|
resize()
|
|
initParticles()
|
|
})
|
|
|
|
return () => {
|
|
cancelAnimationFrame(frameRef.current)
|
|
window.removeEventListener('resize', resize)
|
|
}
|
|
}, [])
|
|
|
|
return (
|
|
<canvas
|
|
ref={canvasRef}
|
|
className="fixed inset-0 pointer-events-none z-0"
|
|
style={{ opacity: 0.6 }}
|
|
/>
|
|
)
|
|
}
|