Janady13/thatdeveloperguy-website / app/experience/CybersecurityAtmosphere.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/thatdeveloperguy-website / app/experience/CybersecurityAtmosphere.tsx
Date	Not specified in source
Repository	Janady13/thatdeveloperguy-website
Revision	2bea2ebdff0e34494bff597d4fa9c8422a0c3a94
Branch	main
Path or archive member	app/experience/CybersecurityAtmosphere.tsx
Original SHA-256	8b60cac18b9ee1bc30c90d69213f37e683a2240d8e3e20e364c8c8501d9a7b82
Git blob SHA	c3e2fe8b603df22843cc2c13a57c6efb04e19df5
Reading-copy SHA-256	8b60cac18b9ee1bc30c90d69213f37e683a2240d8e3e20e364c8c8501d9a7b82

Original source ↗

Recovered source transcript

Download complete source text ↓15 lines · 0.6 KB

import { CYBERSECURITY_HOTSPOTS, toCyberRect } from './cybersecurity-scene-graph';

export function CybersecurityAtmosphere({ motion }: { motion: boolean }) {
  return (
    <div className="cyber-atmosphere" aria-hidden="true" data-motion={motion ? 'on' : 'reduced'}>
      <span className="cyber-ceiling-bloom" />
      <span className="cyber-floor-bloom" />
      <span className="cyber-pointer-light" />
      {CYBERSECURITY_HOTSPOTS.map(hotspot => (
        <span key={hotspot.id} className={`cyber-focus-wash cyber-focus-${hotspot.id}`} data-cyber-focus={hotspot.id} style={toCyberRect(hotspot.hit)} />
      ))}
    </div>
  );
}