Add visitor tracker with Three.js globe visualization

[Copilot]

Adds unique visitor tracking with a subtle UI indicator and an interactive 3D globe showing visitor locations worldwide.

Changes

Tracker Indicator

• Pulsing green dot (10px) fixed to bottom-left corner of all pages
• Links to /globe/ visualization page

Globe Page (/globe/)

• Three.js wireframe globe with visitor location markers
• Military/tactical HUD aesthetic: glass panels, scan lines, targeting reticle
• Shows demo locations when no real data exists
• Graceful fallback if Three.js fails to load

Visitor Tracking

• Browser fingerprinting + localStorage for unique visitor detection
• IP geolocation via ipapi.co free tier
• Stores city, country, coordinates for globe markers

Files

• assets/css/tracker.css - Tracker dot + globe page styles
• assets/js/visitor-tracker.js - Tracking logic
• assets/js/globe.js - Three.js visualization
• pages/globe.html - Globe page (excluded from navbar)
• _includes/tracker.html - Tracker dot component
• Modified head.html, default.html, _config.yml for integration

Screenshots

Tracker Dot

Globe Page

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdnjs.cloudflare.com
  • Triggering command: /usr/bin/curl curl -s REDACTED (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

add a tracker to show how many unique visits/vistors thatvisit my personal website.

details:

• try to have it blend in nicely with the current theme (l Like my current theme I don't want it to break)
• have it look kind of stealth, like a subtle glowing green dot or something
• when you click on it, have it take you to a subpage that uses three.js to make a cool globe that saves points where people around the world have vistied my website from.
• be creative on the three.js view, make it look modern/ advanced. almost advanced warfare/military looking and have it be dark theme/ glass type themed as well.

note: make a new branch for this feature

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.