Add OSINT and scrolly-sveltekit skills

- OSINT: 150+ tools from Bellingcat, IDI Follow The Money, and DigitalDigging
for geolocation, social media analysis, corporate research, and more
- scrolly-sveltekit: Scroll-driven narrative components for SvelteKit 5
including image, video, map scrolly patterns

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

index.html

@@ -159,6 +159,14 @@
             <td><a href="https://huggingface.co/spaces/fdaudens/ai-journalism-skills/tree/main/skills/fact-checker" target="_blank"><code>fact-checker</code></a></td>
             <td>Verify claims using multiple sources</td>
         </tr>
+        <tr>
+            <td><a href="https://huggingface.co/spaces/fdaudens/ai-journalism-skills/tree/main/skills/osint" target="_blank"><code>osint</code></a></td>
+            <td>150+ OSINT tools for investigations (Bellingcat, IDI, DigitalDigging)</td>
+        </tr>
+        <tr>
+            <td><a href="https://huggingface.co/spaces/fdaudens/ai-journalism-skills/tree/main/skills/scrolly-sveltekit" target="_blank"><code>scrolly-sveltekit</code></a></td>
+            <td>Scroll-driven narratives with SvelteKit 5</td>
+        </tr>
     </table>
 
     <h2>Examples of what we could add</h2>

skills/osint/SKILL.md

@@ -0,0 +1,161 @@
+---
+name: OSINT
+description: Comprehensive OSINT (Open Source Intelligence) toolkit combining Bellingcat investigation tools, IDI Follow The Money resources, and country-specific OSINT databases. Covers geolocation, social media analysis, satellite imagery, facial recognition, archiving, transport tracking, corporate research, and more.
+---
+
+# OSINT Skill
+
+Comprehensive assistance with Open Source Intelligence investigations, generated from Bellingcat's toolkit, Inclusive Development International's Follow The Money resources, and DigitalDigging country-specific databases.
+
+## When to Use This Skill
+
+This skill should be triggered when:
+- Conducting open source investigations
+- Geolocating images or videos
+- Analyzing social media content (Facebook, Instagram, Telegram, TikTok, Twitter/X, YouTube)
+- Verifying images or detecting manipulations
+- Tracking aircraft, ships, or vehicles
+- Researching companies, finances, or sanctions
+- Investigating environmental or wildlife crimes
+- Archiving web content for preservation
+- Finding country-specific OSINT resources
+- Following the money in development finance investigations
+
+## Tool Categories
+
+### AI-Powered Tools (NEW)
+- **AI Geolocation**: GeoSpy, Picarta, GeoFinder, EarthKit, Planet
+- **AI Face Search**: FaceSeek, Lenso.ai, ProFace Finder, Raugen
+- **AI Infrastructure Search**: CensysGPT, ZoomEye GPT, ShodanGPT
+- **Deepfake Detection**: Sensity.ai, DeepWare, AI Detector
+- **AI Platforms**: Ubikron, Cyclect (475+ tools), Taranis AI
+- **ChatGPT Assistants**: OSINT GPT, Intel Sourcing Agent, Analyst's Co-Pilot
+
+### Maps & Geolocation
+- **Maps**: Google Maps, Bing Maps, Apple Maps, Yandex Maps, Baidu Maps, OpenStreetMap
+- **Satellite Imagery**: Planet Labs, Sentinel Hub, Google Earth Pro, NASA Worldview
+- **Street View**: Google Street View, Mapillary, KartaView
+- **Geolocation Helpers**: GeoHints, SunCalc, Shadow Finder, PeakVisor
+
+### Image & Video Analysis
+- **Reverse Image Search**: Google Lens, TinEye, Search by Image
+- **Facial Recognition**: PimEyes, FaceCheck.ID, Search4Faces
+- **Metadata**: ExifTool, xIFr, Forensically
+- **Video Tools**: InVID, Azure AI Video Indexer
+
+### Social Media
+- **Facebook**: Who Posted What?, Meta Content Library
+- **Instagram**: InstaLoader, Instagram Location Search
+- **Telegram**: Telepathy, TGStat, Telemetrio, TelegramDB
+- **TikTok**: Zeeschuimer
+- **Twitter/X**: Advanced Search, Location Search
+- **YouTube**: MW Geofind
+- **Username Search**: Sherlock, Maigret, Blackbird, WhatsMyName
+
+### People & Identity
+- **Username Search**: Namechk, Blackbird, Sherlock
+- **Data Breach Search**: Have I Been Pwned, DeHashed, Leak-Lookup
+- **Google Accounts**: GHunt
+
+### Companies & Finance
+- **Corporate Registries**: OpenCorporates, Companies House, OCCRP Aleph
+- **Sanctions**: OpenSanctions, EU Sanctions Map, SanctionsExplorer
+- **US Politics**: OpenSecrets, EDGAR, 527 Explorer
+- **Beneficial Ownership**: Open Ownership, ICIJ Offshore Leaks
+
+### Transport Tracking
+- **Aircraft**: Flightradar24, FlightAware, ADS-B Exchange
+- **Ships**: MarineTraffic, VesselFinder, Global Fishing Watch
+- **Vehicles**: License Plate Maps
+
+### Conflict & Weapons
+- **Conflict Data**: ACLED, Liveuamap
+- **Weapons ID**: Bulletpicker, CAT UXO, Open Source Munitions Portal
+- **Radar**: Radar Interference Tracker
+
+### Environment & Wildlife
+- **Deforestation**: Global Forest Watch
+- **Wildlife Trade**: CITES Database, Wildlife Trade Portal, WildEye
+- **Fishing**: Global Fishing Watch
+
+### Archiving
+- **Web Archives**: Wayback Machine, Archive.today, Web Archives extension
+- **Auto Archiving**: Auto Archiver, Hunchly
+
+### Data & Analysis
+- **Visualization**: Gephi, Datawrapper, RAWGraphs
+- **Knowledge Management**: Obsidian, Logseq, Zotero
+- **Investigation Platforms**: Maltego, Atlos
+
+## Reference Files
+
+This skill includes comprehensive documentation in `references/`:
+
+- **ai-tools.md** - AI-powered OSINT tools (geolocation, facial recognition, deepfakes, platforms)
+- **llms.md** - Complete Bellingcat toolkit with 150+ tools and descriptions
+- **maps-satellites.md** - Maps and satellite imagery tools
+- **country-resources.md** - Country-specific OSINT databases and global resources
+
+## Country-Specific Resources
+
+For investigations in specific countries, see `references/country-resources.md` which includes:
+
+- **Individual Countries**: Armenia, Australia, Azerbaijan, Belarus, Bulgaria, China, India, Iran, Israel, Kazakhstan, Kyrgyzstan, Netherlands, Poland, Russia, Syria, Taiwan, Tajikistan, UAE, UK, Uzbekistan
+- **Regional Collections**: Middle East, Africa (BBC Africa Eye), UK/Europe, Asia/Pacific, North America
+- **Global Resources**: OSINT Map, OhShINT Web Resources (80+ countries)
+
+## Follow The Money Resources
+
+For financial and development investigations (from IDI toolkit):
+- Development Finance Institution databases
+- Chinese financial actor identification
+- Follow the Money investigative methods
+
+Contact: annie@inclusivedevelopment.net or alexla@inclusivedevelopment.net
+
+## Quick Reference
+
+### Geolocation Workflow
+1. Extract metadata with ExifTool
+2. Reverse image search with Google Lens/TinEye
+3. Analyze shadows with SunCalc
+4. Cross-reference with street view (Google/Mapillary)
+5. Verify with satellite imagery
+
+### Social Media Archiving
+1. Use Auto Archiver for automated preservation
+2. Archive.today for quick snapshots
+3. Wayback Machine for long-term storage
+4. Download videos before deletion
+
+### Username Investigation
+1. Search with Sherlock/Maigret across 400+ sites
+2. Check data breaches with Have I Been Pwned
+3. Cross-reference with social media platforms
+4. Build network graph with Maltego
+
+### AI-Powered Geolocation (No Metadata)
+1. Upload to GeoSpy for pixel-based location estimation
+2. Cross-reference with Picarta for additional predictions
+3. Verify candidates using Google Street View/Mapillary
+4. Confirm with satellite imagery from Planet/Sentinel Hub
+
+### Deepfake Detection
+1. Use Sensity.ai for comprehensive multilayer analysis
+2. Check for pixel-level manipulation artifacts
+3. Analyze audio for voice cloning indicators
+4. Generate forensic report with confidence scores
+
+## External Resources
+
+- **Bellingcat Toolkit**: https://bellingcat.gitbook.io/toolkit
+- **Stay Safe Guide**: Online security and privacy best practices
+- **Guides & Handbooks**: Training materials for OSINT research
+
+## Notes
+
+- This skill combines multiple authoritative OSINT sources
+- Tools may require accounts or have usage limits
+- Always verify findings through multiple sources
+- Follow ethical guidelines for OSINT research
+- Respect privacy laws and platform terms of service

skills/osint/references/ai-tools.md

@@ -0,0 +1,303 @@
+# AI-Powered OSINT Tools
+
+Reference for AI-powered tools that enhance OSINT investigations. These tools leverage machine learning and large language models for geolocation, facial recognition, infrastructure discovery, deepfake detection, and investigation automation.
+
+**Source:** https://github.com/ubikron/Awesome-AI-OSINT
+
+---
+
+## AI Geolocation (GEOINT)
+
+### GeoSpy
+**URL:** https://geospy.ai/
+**Capabilities:**
+- Geo-estimation from low-context images using only pixel data (no metadata required)
+- Meter-level accuracy for enterprise/law enforcement
+- Property targeting and precision location identification
+- Used by law enforcement to locate suspects from photos
+- Enterprise API for qualified government/enterprise organizations
+
+### Picarta
+**URL:** https://picarta.ai/
+**Capabilities:**
+- AI-powered GPS coordinate prediction from photos
+- Supports ground-level and aerial imagery
+- Country-specific or worldwide search options
+- Focus search on specific geographic areas
+- Extracts and displays EXIF metadata
+
+### GeoFinder
+**URL:** https://geofinderai.com/
+**Capabilities:**
+- Photo location identification without EXIF data
+- Analyzes visual elements (architecture, vegetation, signage)
+
+### EarthKit
+**URL:** https://earthkit.app/
+**Capabilities:**
+- AI-powered geospatial analysis
+- Satellite and aerial imagery interpretation
+
+### FindLocation
+**URL:** https://findpiclocation.com/
+**Capabilities:**
+- Find photo locations using environmental clue analysis
+
+### Planet
+**URL:** https://www.planet.com/products/
+**Capabilities:**
+- AI satellite object detection
+- Daily global imagery capture
+- Change detection and monitoring
+- Maritime vessel tracking
+
+---
+
+## AI Image Search
+
+### Lenso.ai
+**URL:** https://lenso.ai/en
+**Capabilities:**
+- Multi-category AI search: faces, places, duplicates, similar images
+- Facial recognition search across the web
+- Copyright/duplicate detection to trace original sources
+- Research Mode for deeper investigation
+- Alerts for new matches on tracked images
+- API access and Chrome extension
+
+### Vehicle Identifier
+**URL:** https://vehicle-ai.vercel.app/
+**Capabilities:**
+- Identify vehicle make, model, and year from photos
+- Works with partial vehicle images
+
+---
+
+## AI Face Search & Analysis
+
+### FaceSeek
+**URL:** https://www.faceseek.online/
+**Capabilities:**
+- AI-powered reverse face search across the internet
+- Verify dating profiles and detect catfishing
+- Spot fake accounts using stolen photos
+- Identity verification and online safety
+
+### Lenso.ai Face Search
+**URL:** https://lenso.ai/en/page/face-search
+**Capabilities:**
+- Find where photos of a specific face appear online
+- High precision facial detail matching
+
+### ProFace Finder
+**URL:** https://profacefinder.com/face-comparison/
+**Capabilities:**
+- Compare two faces to determine if same person
+- Similarity scoring
+
+### Raugen Face Comparison
+**URL:** https://raugen.com/ai-tools/face-comparison
+**Capabilities:**
+- Side-by-side face comparison with AI similarity analysis
+
+### The Flux Train Face Score
+**URL:** https://thefluxtrain.com/tools/ai-face-score
+**Capabilities:**
+- Calculate percentage similarity between faces
+
+### Ethnicity Analysis Tools
+- **Ethnicity Guesser GPT:** https://chatgpt.com/g/g-ckfCaNtJt-ethnicity-guesser
+- **Ethnicity Analysis:** https://justbuildthings.com/ai-image-analysis/ethnicity-analysis
+- **Galaxy AI Face Analyzer:** https://image.galaxy.ai/ai-face-analyzer
+
+---
+
+## IP/Infrastructure Search with AI
+
+### CensysGPT
+**URL:** https://gpt.censys.io/
+**Capabilities:**
+- Natural language queries to Censys search syntax
+- Find hosts, services, and vulnerabilities
+- Translate queries from Shodan, ZoomEye, BinaryEdge
+- Proactive threat hunting and attack surface management
+
+### ZoomEye GPT
+**URL:** https://www.zoomeye.ai/gpt
+**Capabilities:**
+- Natural language queries for internet-connected devices
+- Search IoT devices, servers, network infrastructure
+- Historical data access
+
+### ShodanGPT
+**URL:** https://chatgpt.com/g/g-JwmZilzME-shodan-gpt
+**Capabilities:**
+- Generate Shodan queries from natural language
+- Find exposed devices and services
+
+---
+
+## ChatGPT-Based OSINT Assistants
+
+| Tool | URL | Purpose |
+|------|-----|---------|
+| OSINT GPT | https://chatgpt.com/g/g-ysjJG1VjM-osint-gpt | General OSINT guidance |
+| AI OSINT by Cyclect | https://chatgpt.com/g/g-aZQ1x6vqB-ai-osint | Investigation assistance |
+| OSINT AI | https://chatgpt.com/g/g-bTltYNKUJ-osint-ai | Research methodology |
+| Intel Sourcing Agent | https://chatgpt.com/g/g-HcFHDwAdM-intel-sourcing-agent | Intelligence sourcing |
+| Analyst's Co-Pilot | https://theee.ai/tools/analyst-s-co-pilot-2OToA2Irnq | Intelligence analysis |
+
+---
+
+## Google Dorks AI
+
+### The Dorker
+**URL:** https://www.yeschat.ai/ru/gpts-2OToO2th4j-The-Dorker
+**Capabilities:**
+- Generate advanced Google search queries (dorks)
+- Find exposed files, directories, sensitive information
+
+### Advanced Dorks Generator
+**URL:** https://syntax.goldenowl.ai/
+**Capabilities:**
+- Create complex search engine queries
+- Support for multiple search engines
+
+---
+
+## AI Contact/Lead Discovery
+
+### Neuralead
+**URL:** https://neuralead.ai/
+**Capabilities:**
+- Find business leads based on reference company profiles
+- Discover contact info for decision makers
+- Search millions of records across databases
+- Chrome extension, web app, and API
+- Integration with CRMs (Salesforce, HubSpot, Zoho)
+
+### Prospectrin
+**URL:** https://prospectrin.com/
+**Capabilities:**
+- Lead discovery and enrichment
+- Business intelligence gathering
+
+---
+
+## Deepfake & AI Content Detection
+
+### Sensity.ai
+**URL:** https://sensity.ai/
+**Capabilities:**
+- Multilayer detection: pixel analysis, voice analysis, file forensics
+- Detect deepfake videos, images, and audio
+- Court-ready forensic reports with audit trails
+- 98% accuracy on public datasets
+- API, SDK, and web app access
+- Heatmap visualization of manipulated regions
+
+### AI Detector
+**URL:** https://aidetector.com/
+**Capabilities:**
+- Detect AI-generated text and images
+- Content authenticity verification
+
+### DeepWare
+**URL:** https://deepware.ai/
+**Capabilities:**
+- Analyze videos for deepfake manipulation
+- Face swap and audio deepfake detection
+
+---
+
+## Multi-Tool AI Platforms
+
+### Ubikron
+**URL:** https://www.ubikron.com/
+**Type:** Chrome extension OSINT workbench
+**Capabilities:**
+- Automatic capture of every visited page (screenshots, text, structure)
+- Visual browser history timeline
+- Clip, tag, and annotate web content
+- AI assistant that summarizes and remembers research context
+- RAG-powered Q&A about browsing history
+- Full-text search across all captured content
+- Entity extraction with enrichment lookups
+
+### Cyclect
+**URL:** https://cylect.io/
+**Type:** OSINT search engine aggregator
+**Capabilities:**
+- 475+ integrated OSINT tools in one interface
+- Categories: AI, username, domain, IP, email, people, face, maps, phone, vehicles, files, crypto, Tor
+- Dark web search engines
+- Blockchain explorers
+- No query logging on server side
+
+### Taranis AI
+**URL:** https://github.com/taranis-ai/taranis-ai
+**Capabilities:**
+- Open source intelligence collection
+- News aggregation and monitoring
+- Automated report generation
+- Self-hosted deployment
+
+### Research Pilot v2.5
+**URL:** https://digitaldigging.org/research/
+**Capabilities:**
+- AI-assisted research workflows
+- Source discovery and organization
+
+---
+
+## Command Line / Self-Hosted Tools
+
+| Tool | URL | Purpose |
+|------|-----|---------|
+| OSINTGPT | https://github.com/estebanpdl/osintgpt | GPT-based OSINT CLI |
+| Robin | https://github.com/apurvsinghgautam/robin | Dark web OSINT |
+| Perplexity Sonar OSINT | https://github.com/AXRoux/OSINT-Assistant | Perplexity-based assistant |
+| DarkGPT | https://github.com/binaco/DarkGPT | Dark web intelligence |
+| Maigret LLM | https://github.com/BurtTheCoder/mcp-maigret | Username OSINT via MCP |
+| Sherlock Mail | https://github.com/Hamed233/Sherlock-Mail-AI-Powered-Email-Intelligence | Email intelligence |
+| OSINT AI CLI | https://github.com/Mawgaming/osint-ai-cli | CLI with AI |
+| AI Security Analyzer | https://github.com/Armaan29-09-2005/AI-OSINT-Security-Analyzer | Security analysis |
+
+---
+
+## Quick Reference by Use Case
+
+### Geolocate a Photo (No Metadata)
+1. **GeoSpy** - Most accurate, meter-level for law enforcement
+2. **Picarta** - Good for aerial imagery
+3. **GeoFinder** - Analyzes environmental clues
+
+### Find Where a Face Appears Online
+1. **FaceSeek** - Comprehensive face search
+2. **Lenso.ai** - Multi-category including faces
+3. **PimEyes** (see main toolkit) - Premium face search
+
+### Discover Internet Infrastructure
+1. **CensysGPT** - Natural language Censys queries
+2. **ZoomEye GPT** - IoT and device discovery
+3. **ShodanGPT** - Exposed services
+
+### Detect Deepfakes
+1. **Sensity.ai** - Enterprise-grade, court-ready
+2. **DeepWare** - Video analysis
+3. **AI Detector** - Text and image detection
+
+### Comprehensive Investigation Platform
+1. **Ubikron** - Browser-based capture and analysis
+2. **Cyclect** - 475+ tools aggregated
+3. **Taranis AI** - Self-hosted intelligence platform
+
+---
+
+## Notes
+
+- Many tools have free tiers with limited searches
+- Enterprise/law enforcement features often require verification
+- Always cross-reference AI results with traditional methods
+- AI geolocation works best with distinctive visual features
+- Facial recognition may be restricted in some jurisdictions

skills/osint/references/country-resources.md

@@ -0,0 +1,75 @@
+# Supplementary OSINT Resources
+
+## IDI Follow The Money Toolkit
+
+Inclusive Development International's publicly available online Follow the Money toolkit includes:
+
+- **Open-source intelligence (OSINT) tools** for financial investigations
+- **Development Finance Institution databases** for tracking project funding
+- **Chinese financial actor identification databases** for tracing investments
+- **Follow the Money investigative methods** for civil society organizations
+
+Contact: annie@inclusivedevelopment.net or alexla@inclusivedevelopment.net
+Website: https://www.inclusivedevelopment.net/
+
+---
+
+## Country-Specific OSINT Resources (DigitalDigging.org)
+
+### Individual Country Resources
+
+| Country | Repository |
+|---------|------------|
+| Armenia | https://github.com/paulpogoda/OSINT-Tools-Armenia/ |
+| Australia | https://github.com/paulpogoda/OSINT-Tools-Australia/ |
+| Azerbaijan | https://github.com/paulpogoda/OSINT-Tools-Azerbaijan/ |
+| Belarus | https://github.com/int-sector/OSINT-Tools-Belarus/ |
+| Bulgaria | https://github.com/paulpogoda/OSINT-Tools-Bulgaria/ |
+| China | https://github.com/paulpogoda/OSINT-Tools-China |
+| India | https://github.com/paulpogoda/OSINT-Tools-India |
+| Iran | https://github.com/paulpogoda/OSINT-Tools-Iran |
+| Israel | https://github.com/paulpogoda/OSINT-Tools-Israel |
+| Kazakhstan | https://github.com/paulpogoda/OSINT-Tools-Kazakhstan |
+| Kyrgyzstan | https://github.com/paulpogoda/OSINT-Tools-Kyrgyzstan |
+| Netherlands | https://github.com/paulpogoda/OSINT-Tools-Netherlands/ |
+| Poland | https://github.com/paulpogoda/OSINT-Tools-Poland |
+| Russia | https://github.com/paulpogoda/OSINT-Tools-Russia |
+| Syria | https://github.com/paulpogoda/OSINT-Tools-Syria |
+| Taiwan | https://github.com/paulpogoda/OSINT-Tools-Taiwan |
+| Tajikistan | https://github.com/paulpogoda/OSINT-Tools-Tajikistan |
+| UAE | https://github.com/paulpogoda/OSINT-Tools-Emirates |
+| United Kingdom | https://github.com/paulpogoda/OSINT-Tools-UK |
+| Uzbekistan | https://github.com/paulpogoda/OSINT-Tools-Uzbekistan |
+
+### Multi-Country & Global Resources
+
+| Resource | Coverage | URL |
+|----------|----------|-----|
+| OSINT Map | Global | https://cybdetective.com/osintmap/ |
+| OSINT International | 50+ Countries | https://start.me/p/7kDabv/osint-international |
+| Middle East OSINT | Middle East | https://start.me/p/jj8Y9a/middle-east-osint |
+| World (start.me) | Multiple Regions | https://start.me/p/lLaoXv/07-world |
+| BBC Africa Eye | Africa | https://start.me/p/m6OJgv/the-bbc-africa-eye-forensics-dashboard |
+| OhShINT Web Resources | 80+ Countries | https://github.com/OhShINT/ohshint.gitbook.io/blob/main/Lists_of_OSINT_Web_Resources/1-Complete-List-of-OSINT-Web-Resources.md |
+| CNTY WORLD | 80+ Countries | https://start.me/p/kxNv55/cnty-world |
+| OSINT by Country | 70+ Countries | https://start.me/p/kvAQBk/osint-resources-by-country |
+| HBG UK/Europe | UK/Europe | https://start.me/p/VRMpYm/hbg-ukeurope-research-resources |
+| HBG Asia/Pacific | Asia/Pacific | https://start.me/p/3KMwaw/hbg-asia-pacific-prospect-research-resources |
+| HBG North America | North America | https://start.me/p/ZQdorV/hbg-north-america-prospect-research-links |
+| HBG Middle East | Middle East | https://start.me/p/ZYaxaJ/hbg-middle-east-prospect-research-links |
+
+### Country Resource Categories
+
+Each country-specific repository typically includes:
+
+- **Open databases and statistics** - Government data, census, public records
+- **Company/legal/tax searches** - Business registries, court records
+- **Maps and property records** - Cadastral maps, satellite imagery, property ownership
+- **Vehicle information** - License plate lookups, registration databases
+- **People search** - Names, social media, phone directories, public records
+- **Government contracts** - Procurement databases, tender information
+- **WHOIS lookups** - Domain registration, website ownership
+
+### Template for New Countries
+
+Create new country resources using: https://github.com/paulpogoda/OSINT-for-countries-V2.0/blob/main/Country%20Template

skills/osint/references/index.md

@@ -0,0 +1,11 @@
+# OSINT Documentation Index
+
+## Categories
+
+### AI-Tools
+**File:** `ai-tools.md`
+**Description:** AI-powered OSINT tools including geolocation (GeoSpy, Picarta), facial recognition (FaceSeek, Lenso.ai), infrastructure search (CensysGPT, ZoomEye GPT), deepfake detection (Sensity.ai), and multi-tool platforms (Ubikron, Cyclect).
+
+### Maps-Satellites
+**File:** `maps-satellites.md`
+**Description:** Maps and satellite imagery tools

skills/osint/references/llms.md

@@ -0,0 +1,222 @@
+# Bellingcat's Online Investigation Toolkit
+
+## Production
+
+- [Home](/toolkit/pages.md): A toolkit for open source researchers
+- [New Tools](/toolkit/new-tools.md): These tools were added to the toolkit within the last four weeks.
+- [Maps & Satellites](/toolkit/categories/maps-and-satellites.md)
+- [Maps](/toolkit/categories/maps-and-satellites/maps.md)
+- [Satellite Imagery](/toolkit/categories/maps-and-satellites/satellite-imagery.md)
+- [Street View](/toolkit/categories/maps-and-satellites/street-view.md)
+- [Geolocation](/toolkit/categories/geolocation.md)
+- [Image/Video](/toolkit/categories/image-video.md)
+- [Reverse Image Search](/toolkit/categories/image-video/reverse-image-search.md)
+- [Facial Recognition](/toolkit/categories/image-video/facial-recognition.md)
+- [Metadata](/toolkit/categories/image-video/metadata.md)
+- [Misc](/toolkit/categories/image-video/image-misc.md)
+- [Social Media](/toolkit/categories/social-media.md): Tools for one or more social media platforms
+- [Facebook](/toolkit/categories/social-media/facebook.md)
+- [Instagram](/toolkit/categories/social-media/instagram.md)
+- [Telegram](/toolkit/categories/social-media/telegram.md)
+- [Tiktok](/toolkit/categories/social-media/tiktok.md)
+- [Twitter/X](/toolkit/categories/social-media/twitter.md)
+- [Youtube](/toolkit/categories/social-media/youtube.md)
+- [Other Platforms](/toolkit/categories/social-media/other-platforms.md): Tools for other platforms including Bluesky, Discord, Linkedin, Reddit, and Vkontakte.
+- [Multiple Platforms](/toolkit/categories/social-media/multiple-platforms.md)
+- [People](/toolkit/categories/people.md)
+- [Websites](/toolkit/categories/websites.md)
+- [Companies & Finance](/toolkit/categories/companies-and-finance.md)
+- [Conflict](/toolkit/categories/conflict.md)
+- [Transport](/toolkit/categories/transport.md)
+- [Environment & Wildlife](/toolkit/categories/environment-and-wildlife.md)
+- [Archiving](/toolkit/categories/archiving.md)
+- [Data Organization & Analysis](/toolkit/categories/data.md)
+- [Guides & Handbooks](/toolkit/resources/guides-and-handbooks.md)
+- [Newsletters & Toolkits](/toolkit/resources/newsletters-and-toolkits.md)
+- [Stay Safe](/toolkit/resources/stay-safe.md): Online security and privacy
+- [All Tools](/toolkit/more/all-tools.md)
+- [4plebs](/toolkit/more/all-tools/4plebs.md): Searchable archive of specific 4chan boards that makes it possible to read threads after they are purged from 4chan.
+- [527 Explorer](/toolkit/more/all-tools/527-explorer.md): ProPublica's 527 Explorer is a database that allows users to examine the finances of organizations known as 527s in the United States, which can raise unlimited sums for political purposes.
+- [About Maps and Satellites](/toolkit/more/all-tools/about-maps-and-satellites.md): A guide to using map and satellite tools.
+- [ACLED](/toolkit/more/all-tools/acled.md): ACLED provides data and analysis on political violence and protest around the world, facilitating research, policy making, and journalistic reporting.
+- [AllTrails](/toolkit/more/all-tools/alltrails.md): AllTrails.com is a tool for discovering hiking, biking, and running trails worldwide, providing detailed trail maps, user reviews, and navigation support for outdoor enthusiasts.
+- [Apollo Mapping](/toolkit/more/all-tools/apollo-mapping.md): Image Hunter is a search engine for finding and purchasing commercial satellite imagery (including Planet, Airbus, Maxar, and many Chinese satellite companies) without a subscription.
+- [Apple Maps](/toolkit/more/all-tools/apple-maps.md): Apple Maps is a digital mapping service with detailed, interactive maps, satellite imagery, and location-based information.
+- [Archive.today](/toolkit/more/all-tools/archive.today.md): Archive any webpage, including Facebook and search for archived pages.
+- [Atlos](/toolkit/more/all-tools/atlos.md): ATLOS is a platform for collaborative and large-scale open source investigations.
+- [Auto Archiver](/toolkit/more/all-tools/auto-archiver.md): Bellingcat's tool to automatically archive social media posts, videos, and images. Free and Open-Source.
+- [AutoStitch](/toolkit/more/all-tools/autostitch.md): Autostitch is a free tool for seamlessly combining multiple photos into a single panoramic image, making it ideal for creating wide-angle photography without needing specialized equipment.
+- [Azure AI Video Indexer](/toolkit/more/all-tools/azure-ai-video-indexer.md): AI video tool for facial detection and other types of insights.
+- [Baidu Maps](/toolkit/more/all-tools/baidu-maps.md): A mapping application provided by Chinese technology company Baidu Inc.
+- [Bellingcat OpenStreetMap Search](/toolkit/more/all-tools/openstreetmap-search-tool.md): A user interface to search OpenStreetMap data for features in proximity to each other.
+- [Bing Maps](/toolkit/more/all-tools/bing-maps.md): Bing Maps is a web mapping service provided by Microsoft that offers detailed geographical information and tools for route planning, location search, and satellite imagery.
+- [Blackbird](/toolkit/more/all-tools/blackbird.md): Check usernames and email addresses on websites and social networks
+- [Blender](/toolkit/more/all-tools/blender.md): Blender is an open-source 3D creation suite supporting the 3D pipeline—modeling, rigging, animation, simulation, rendering, compositing, and motion tracking, even video editing.
+- [Bluesky Insights](/toolkit/more/all-tools/bluesky-insights.md): Bluesky Insights is a free web-based analytics tool for the Bluesky social network.
+- [BskyFollowFinder/Bluesky network analyzer](/toolkit/more/all-tools/bluesky-network-analyzer.md): A tool that identifies which Bluesky accounts are followed by a profile’s contacts but not by that profile. Can be used for expanding networks and social graph analysis.
+- [BskyThreadReader](/toolkit/more/all-tools/bskythreadreader.md): BskyThreadReader is a web-based Bluesky thread viewer that allows anyone to read and share Bluesky threads without logging in.
+- [Bulletpicker.com](/toolkit/more/all-tools/bulletpicker.com.md): Bulletpicker.com is a collection of ammunition guidebooks and manuals from several different armed forces.
+- [CAT UXO](/toolkit/more/all-tools/cat-uxo.md): A repository for professionals working in the explosive ordnance disposal (EOD) space.
+- [China-related resources](/toolkit/more/all-tools/china-related-resources.md): Resources for research on companies in China.
+- [Chronotrains](/toolkit/more/all-tools/chronotrains.md): Chronotrains is a free interactive map designed to explore the reach of Europe’s extensive rail network. Enter a starting point and travel time to see reachable destinations by train.
+- [CITES Trade Database](/toolkit/more/all-tools/cites-trade-database.md): Around 23 million records of trade in wildlife since 1975.
+- [Companies House](/toolkit/more/all-tools/companies-house.md): Search companies and individuals in the United Kingdom.
+- [Convert Geographic Units](/toolkit/more/all-tools/convert-geographic-units.md): A tool that converts various geographic coordinates to support diverse mapping and spatial analysis needs.
+- [Datawrapper](/toolkit/more/all-tools/datawrapper.md): A tool for creating interactive charts, maps, and tables from your data, offering a user-friendly interface for visualizing information.
+- [DeHashed](/toolkit/more/all-tools/dehashed.md): A platform that maintains a database of compromised credentials, with a newly-launched web domain registration search tool.
+- [Discord Chat Exporter](/toolkit/more/all-tools/discord-chat-exporter.md): A tool for exporting Discord chat logs in multiple formats.
+- [DiscordLeaks](/toolkit/more/all-tools/discordleaks.md): Search hundreds of thousands of messages leaked from 290+ white-supremacist / nazi discord servers.
+- [Distill.io](/toolkit/more/all-tools/distill.md): Distill.io is a website change monitoring tool that allows users to track changes on web pages.
+- [DomainTools Whois Lookup](/toolkit/more/all-tools/domaintools-whois-lookup.md): DomainTools Whois provides detailed domain name registration information, and can be used to investigate details about domains or IP addresses.
+- [Earth Explorer](/toolkit/more/all-tools/earth-explorer.md): "Query and order satellite images, aerial photographs, and cartographic products"
+- [Earth Online](/toolkit/more/all-tools/earth-online.md): The ESA's Earth Online product offers a portal for accessing satellite imagery and environmental data, supporting a range of applications from climate monitoring to natural disaster assessment.
+- [EDGAR Suite](/toolkit/more/all-tools/edgar-suite.md): Tool for the retrieval of corporate and financial data from SEC's EDGAR (Electronic Data Gathering, Analysis, and Retrieval) database.
+- [EDGAR](/toolkit/more/all-tools/edgar.md): Database of corporate filings for the US
+- [EIA Global Environmental Crime Tracker](/toolkit/more/all-tools/eia-global-environmental-crime-tracker.md): Map/tracking of environmental crimes including trade in ivory, rhino, big cats, and other exotic animals.
+- [Environmental Justice Atlas](/toolkit/more/all-tools/environmental-justice-atlas.md): Maps environmental conflicts around the world to provide information about who is involved, their impact and other information.
+- [Equasis](/toolkit/more/all-tools/equasis.md): Equasis provides vessel ownership and safety records, as well as shipping company fleet information.
+- [Etherscan](/toolkit/more/all-tools/etherscan.md): An explorer that allows researchers to track wallets, transactions and more on the Ethereum blockchain.
+- [EU consolidated corporate registers](/toolkit/more/all-tools/eu-consolidated-corporate-registers.md): Consolidated company registers covering most of the EU, Iceland, Liechtenstein and Norway.
+- [EU Sanctions Map](/toolkit/more/all-tools/eu-sanctions-map.md): Database of sanctions imposed by the European Union
+- [ExifTool](/toolkit/more/all-tools/exiftool.md): ExifTool is a command-line application for reading, writing, and editing meta information in files.
+- [F4Map](/toolkit/more/all-tools/f4map.md): F4Map is an interactive 3D map visualization tool that provides detailed rendering of urban landscapes and geographical features.
+- [Face Comparison by ToolPie](/toolkit/more/all-tools/face-comparison-toolpie.md): Compares two human face photos to determine similarity.
+- [FaceCheck.ID](/toolkit/more/all-tools/facecheck.id.md): A facial recognition search engine that tries to find photos of people that look similar to a person of interest.
+- [FlightAware](/toolkit/more/all-tools/flightaware.md): FlightAware is a global flight-tracking platform that provides real-time data on aircraft movements. It offers live tracking, historical data, and predictive analytics via its website and apps.
+- [Flightradar24](/toolkit/more/all-tools/flightradar24.md): Flightradar24, a real-time flight tracking service, that provides comprehensive information about aircraft positions, flight numbers, routes, historical data, detailed aircraft specifications.
+- [Forensically](/toolkit/more/all-tools/forensically.md): A collection of web-based image forensics tools. Can identify fake or doctored images.
+- [Gaode Maps](/toolkit/more/all-tools/gaode-maps.md): Gaode Maps (also known as AMap) is a mapping application and technology from the Chinese company Alibaba.
+- [Geo Data Tool](/toolkit/more/all-tools/geo-data-tool.md): IP geolocation service to identify the location and other technical information associated to IP addresses.
+- [GeoHints](/toolkit/more/all-tools/geohints.md): GeoHints is a website that provides information about things like traffic lights, utility poles, bollards etc. for different regions of the world to help geolocate a location.
+- [Gephi](/toolkit/more/all-tools/gephi.md): Open-source network analysis and visualization software
+- [Ghunt](/toolkit/more/all-tools/ghunt.md): A command line tool for obtaining information about Google accounts.
+- [Global Fishing Watch Map](/toolkit/more/all-tools/global-fishing-watch-map.md): The Global Fishing Watch Map is a digital platform for investigating fishing activities worldwide by utilising satellite and AIS data.
+- [Global Forest Watch](/toolkit/more/all-tools/global-forest-watch.md): Explore tree cover loss and gain data, recent deforestation and fire alerts, land use designations, carbon emissions, biodiversity metrics and more.
+- [Global Monitoring System - ECOSOLVE](/toolkit/more/all-tools/global-monitoring-system.md): Illicit online wildlife markets data from Brazil, South Africa and Thailand.
+- [Global Suppliers Online](/toolkit/more/all-tools/global-suppliers-online.md): A site dedicated to connect suppliers and buyers of goods from all over the world.
+- [Google Earth Engine](/toolkit/more/all-tools/google-earth-engine.md): Google Earth Engine is a platform for environmental monitoring and analysis through satellite imagery and geospatial data.
+- [Google Earth Pro](/toolkit/more/all-tools/google-earth-pro.md): Google Earth is a geospatial tool that provides detailed, global satellite imagery, maps, 3D terrain models, and the ability to explore geographic data interactively.
+- [Google Flood Hub](/toolkit/more/all-tools/google-flood-hub.md): A visual tool to monitor river levels and forecast floods based on AI models developed by Google Research.
+- [Google Lens](/toolkit/more/all-tools/google-lens.md): Google Lens is an image recognition tool which can be used to identify locations or objects in photographs.
+- [Google Maps](/toolkit/more/all-tools/google-maps.md): Google Maps provides mapping information, satellite imagery and Google Street View imagery including historical Street View images.
+- [GovMap](/toolkit/more/all-tools/govmap.md): GovMap provides an interactive map of Israel, offering users a wide range of data including property boundaries, planning information, and infrastructure details.
+- [GPSJam](/toolkit/more/all-tools/gpsjam.md): GPSJam.org is a daily map that visualizes the GPS/GNSS disruptions on aircraft worldwide. It collects and presents 24-hour data showing areas experiencing interference.
+- [Have I Been Pwned](/toolkit/more/all-tools/have-i-been-pwned.md): Does an email or a phone number appear in data breaches?
+- [Hitta.se](/toolkit/more/all-tools/hitta.se.md): Hitta.se is a comprehensive Swedish search engine and map that provides detailed information and contact details for businesses and individuals across Sweden.
+- [Hoaxy](/toolkit/more/all-tools/hoaxy.md): Hoaxy is a web-based search and visualization tool. It helps visualize the spread of information on Bluesky and X (Twitter).
+- [Hugin](/toolkit/more/all-tools/hugin.md): Hugin is a free and open-source panorama photo stitching and HDR (High Dynamic Range imaging) merging software that helps users create seamless panoramic images from multiple photographs.
+- [Hunchly](/toolkit/more/all-tools/hunchly.md): An archiving tool that tracks online activities and preserves essential information about the web pages researchers visit.
+- [ICANN Lookup](/toolkit/more/all-tools/icann-lookup.md): This tool allows you to search for the current registration data of internet domain names.
+- [ICIJ Offshore Leaks Database](/toolkit/more/all-tools/icij-offshore-leaks-database.md): A database providing otherwise secret information about more than 810k offshore companies, foundations, and trusts based on leaks like the Panama Papers or the Paradise Papers.
+- [IDN Checker](/toolkit/more/all-tools/idn-checker.md): IDN Checker detects visually similar versions of a domain.
+- [ImportGenius](/toolkit/more/all-tools/importgenius.md): Commercial supplier of trade data for 23 countries. Paid service but journalists can ask for free access.
+- [ImportYeti](/toolkit/more/all-tools/importyeti.md): Search US customs inbound sea shipment records, find company suppliers.
+- [Index Database](/toolkit/more/all-tools/index-database.md): A database of remote sensing indices and satellite imaging sensors
+- [Instagram Location Search](/toolkit/more/all-tools/instagram-location-search.md): A command line tool that allows users to find location tags near a specified latitude and longitude.
+- [InstaLoader](/toolkit/more/all-tools/instaloader.md): Download pictures or videos (with metadata) from Instagram.
+- [Instant Data Scraper](/toolkit/more/all-tools/instant-data-scraper.md): Browser extension for simple web scraping, with table output.
+- [Intelx.io](/toolkit/more/all-tools/intelx.io.md): Find user details in data breaches
+- [InVID](/toolkit/more/all-tools/invid.md): A toolkit that supports the verification of videos and images.
+- [KartaView](/toolkit/more/all-tools/kartaview.md): KartaView is a crowdsourced platform for street view imagery.
+- [Leak-Lookup](/toolkit/more/all-tools/leak-lookup.md): An online tool that allows you to search across public data breaches to surface credentials that may have been compromised.
+- [License Plate Maps](/toolkit/more/all-tools/license-plate-maps.md): Collection of tools and maps for discerning license plates by country
+- [LinkdTime](/toolkit/more/all-tools/linkdtime.md): Build a clean timeline of any LinkedIn activity from a single URL or a whole list of links.
+- [LittleSis](/toolkit/more/all-tools/littlesis.md): Connects dots between influential / wealthy individuals in (mostly US) politics and business.
+- [Liveuamap](/toolkit/more/all-tools/liveuamap.md): LiveUAMap is a mapping tool that provides up-to-date information on global geopolitical events, conflicts, and crises.
+- [Locust Hub](/toolkit/more/all-tools/locust-hub.md): A repository for desert locust data with maps and other resources for tracking movements, early detection and planning locust control interventions.
+- [Logseq](/toolkit/more/all-tools/logseq.md): Logseq is an open-source knowledge management tool that enables users to organize their notes, tasks, and projects.
+- [Lumen](/toolkit/more/all-tools/lumen.md): A research project collecting and publishing legal takedown notices for online content transparency
+- [Maigret](/toolkit/more/all-tools/maigret.md): Maigret is a Python script that retrieves user information by searching for usernames across various websites and social media platforms.
+- [Maltego Graph](/toolkit/more/all-tools/maltego.md): Maltego Graph is an investigation platform that combines two things at once: (1) It acts as a search tool, and (2) It creates a graph establishing links between data you uncover from your search.
+- [MapChecking](/toolkit/more/all-tools/mapchecking.md): This tool helps you estimate and fact-check the maximum number of people standing in a given area.
+- [Mapillary](/toolkit/more/all-tools/mapillary.md): Mapillary is a crowdsourced street-level imagery platform.
+- [MapSwitcher](/toolkit/more/all-tools/mapswitcher.md): Chrome extension switches  between online map apps, maintaining (as far as possible) the map centre, zoom level, & directions of the source map.
+- [MarineTraffic](/toolkit/more/all-tools/marinetraffic.md): An open, community-based project, providing (near) real-time information on the movements of ships and their locations in harbours and ports.
+- [Merlin](/toolkit/more/all-tools/merlin.md): Identify birds (visually), through an app.
+- [Meta Content Library](/toolkit/more/all-tools/meta-content-library.md): Meta Content Library is a controlled-access tool that lets approved academic and non-profit researchers search the full public archive of Facebook, Instagram, and Threads posts, in near-real-time.
+- [MW Geofind](/toolkit/more/all-tools/mw-geofind.md): MW Geofind is a tool for finding geotagged YouTube videos.
+- [Name Variant Search](/toolkit/more/all-tools/name-variant-search.md): Simple tool to help search for different ways of writing a name.
+- [Namechk](/toolkit/more/all-tools/namechk.md): A username and domain search tool that checks on which platforms or domain a given username is registered.
+- [NASA Firms](/toolkit/more/all-tools/nasa-firms.md): Displays a world map overlaid with infra-red data from one or more satellites, some, but not all of which may represent heat from fires and explosions.
+- [NASA Worldview](/toolkit/more/all-tools/nasa-worldview.md): NASA Worldview is an online tool for visualizing and downloading near real-time satellite imagery and scientific data of Earth's atmosphere, land, and oceans.
+- [Navtex](/toolkit/more/all-tools/navtex.md): A historical database providing vital navigational and meteorological warnings, forecasts, and urgent maritime safety information to ships.
+- [NeutrOSINT](/toolkit/more/all-tools/neutrosint.md): A tool for investigating Proton Mail addresses.
+- [North Data](/toolkit/more/all-tools/north-data.md): Search for people and companies in EU corporate and trade registers + visualize relationships
+- [Obsidian](/toolkit/more/all-tools/obsidian.md): A knowledge management and note-taking app with extensive customization options.
+- [OCCRP Aleph](/toolkit/more/all-tools/occrp-aleph.md): Aleph offers a way to research sanctions lists, corporate registries, leaks, and more
+- [Open Measures](/toolkit/more/all-tools/open-measures.md): Open Measures helps open source researchers investigate harmful online activity such as extremism and disinformation.
+- [Open Ownership](/toolkit/more/all-tools/open-ownership.md): Links to beneficial ownership registers.
+- [Open Source Munitions Portal](/toolkit/more/all-tools/open-source-munitions-portal.md): A searchable library of verified images for researchers, journalists, and practitioners trying to learn more about munitions and their use and impact in conflict.
+- [OpenCorporates](/toolkit/more/all-tools/opencorporates.md): Comprehensive repository of company registries around the world
+- [OpenSanctions](/toolkit/more/all-tools/opensanctions.md): Open-source international database of sanctions data, persons of interest and politically exposed persons.
+- [OpenSecrets](/toolkit/more/all-tools/opensecrets.md): Data on campaign finance, lobbying, and spending in U.S. politics
+- [OrbTrack](/toolkit/more/all-tools/orbtrack.md): Predicts & describes the position & path of >10K satellites in Earth orbit, relative to points on the earth's surface input by the user, for 5 days ahead, + International Space Station video feed.
+- [Osint Tools Map](/toolkit/more/all-tools/osint-tools-map.md): An interactive worldwide map, showcasing business registries, court records, and other publicly available information to aid OSINT investigations and research.
+- [Overpass Turbo](/toolkit/more/all-tools/overpass-turbo.md): Overpass Turbo is a web-based tool for querying and visualizing OpenStreetMap crowd sourced data, aiding in extracting specific information like locations of amenities e.g.hospitals.
+- [PeakVisor](/toolkit/more/all-tools/peakvisor.md): Dual window views for any global location: (1) a 2-D map & (2) a 3-D rendered terrain model, with photo fitting, shade/slope mapping, sun trails & weather data. In active development for OS research.
+- [PimEyes](/toolkit/more/all-tools/pimeyes.md): An AI-powered facial recognition reverse image search tool.
+- [Pinpoint](/toolkit/more/all-tools/pinpoint.md): A tool by Google to catalogue uploaded documents and files, providing OCR, indexing, and other services. Full access only granted to journalists, academic researchers and university students.
+- [PixPlot](/toolkit/more/all-tools/pixplot.md): PixPlot is a tool that utilizes machine learning and WebGL to provide an interactive visualization of large image collections, allowing users to explore patterns and outliers within image datasets.
+- [Planet Labs](/toolkit/more/all-tools/planet-labs.md): Planet Labs PBC is an American optical satellite imagery company that sells access to imagery.
+- [Police Records Access Project](/toolkit/more/all-tools/police-records-access-project.md): A database providing searchable access to California law enforcement records including police use-of-force incidents, shootings, and misconduct cases.
+- [PublicWWW](/toolkit/more/all-tools/publicwww.md): PublicWWW is a source code search engine that allows you to search for any alphanumeric snippet, signature, or keyword within the HTML, JavaScript, and CSS code of millions of web pages.
+- [QGIS](/toolkit/more/all-tools/qgis.md): QGIS is a free Open Source Geographic Information System (GIS).
+- [Quick geolocation search](/toolkit/more/all-tools/quick-geolocation-search.md): A tool that brings several maps into one place for easy location search.
+- [Radar Interference Tracker](/toolkit/more/all-tools/radar-interference-tracker.md): Bellingcat's radar interference tracker can be used to locate and monitor active military radar systems.
+- [RAMMB SLIDER](/toolkit/more/all-tools/rammb-slider.md): Real-time weather satellites of the entire globe
+- [RAWGraphs](/toolkit/more/all-tools/rawgraphs.md): RAWGraphs is an open-source data visualization tool designed for non-technical users, enabling the creation of customizable, editable charts without coding skills.
+- [RootAbout](/toolkit/more/all-tools/rootabout.md): RootAbout is a reverse image search tool that pulls indexed images from the Internet Archive.
+- [RuPEP](/toolkit/more/all-tools/rupep.md): Online database of politically exposed persons in Russia, Belarus and Kazakhstan.
+- [SanctionsExplorer](/toolkit/more/all-tools/sanctionsexplorer.md): A comprehensive database of current and historical OFAC/UN/EU sanctions
+- [satellites.pro](/toolkit/more/all-tools/satellites.pro.md): Satellites.pro allows open source researchers to quickly switch between several free satellite imagery and mapping services.
+- [Search by Image](/toolkit/more/all-tools/search-by-image.md): A browser extension to reverse search an image on multiple search engines.
+- [Search4Faces](/toolkit/more/all-tools/search4faces.md): Upload the picture of a face and find pictures of similar looking people on VKontakte, Odnoklassniki, TikTok and Clubhouse.
+- [Sentinel Hub Playground](/toolkit/more/all-tools/sentinal-hub-playground.md): A free web-based platform for viewing, analyzing, and downloading satellite imagery from the European Space Agency's Sentinel missions, with data updated every 5-10 days.
+- [ShadeMap](/toolkit/more/all-tools/shademap.md): ShadeMap is a global simulation of mountain, building & tree shadows for a given date & time. Base data is free, but users can buy 30cm accurate data per sq km for areas of special focus.
+- [Shadow Finder](/toolkit/more/all-tools/shadow-finder.md): To analyse shadows in source imagery, Shadow Finder maps all points on the earth where a shadow of given length could occur at a given date & time, IF the height of the object casting it is known.
+- [ShadowMap](/toolkit/more/all-tools/shadowmap.md): Tilting global map of 3D buildlings and the shadows they cast at a specific time of the day, but date fixed at "today" in free version. Paid versions allow date change and offer 3D models.
+- [Sherlock](/toolkit/more/all-tools/sherlock.md): Check usernames across more than 400 websites and social networks.
+- [ShipFinder](/toolkit/more/all-tools/shipfinder.md): ShipFinder is an application designed to track vessels in near real-time across the globe.
+- [Skopenow](/toolkit/more/all-tools/skopenow.md): Social Media Investigations - name, phone, email, username searches
+- [SkyFi](/toolkit/more/all-tools/skyfi.md): SkyFi is used to purchase commercial satellite imagery and task (order the collection of images) satellites without a subscription.
+- [Snap Map](/toolkit/more/all-tools/snap-map.md): Searchable map of geotagged snaps.
+- [Species+](/toolkit/more/all-tools/species+.md): Centralized website with vulnerable species information.
+- [Strava](/toolkit/more/all-tools/strava.md): Social media fitness app with exercise map based on users' GPS data.
+- [Suncalc](/toolkit/more/all-tools/suncalc.md): Suncalc models the relationship between the date, time of day, the geographic location of a place, and the position of the sun in the sky, together with the length & direction of the shadows it casts.
+- [Telegago](/toolkit/more/all-tools/telegago.md): Telegago is a Google Custom Search Engine tailored for searching public Telegram content for OSINT purposes.
+- [Telegram Group Joiner](/toolkit/more/all-tools/telegram-group-joiner.md): Automate joining multiple Telegram groups and channels, ideal for researchers monitoring specific topics.
+- [Telegram Phone Number Checker](/toolkit/more/all-tools/telegram-phone-number-checker.md): Command line tool for checking if phone numbers are connected to Telegram accounts and retrieving related information where available.
+- [TelegramDB](/toolkit/more/all-tools/telegramdb.md): TelegramDB is a searchable database service that allows users to explore public Telegram groups and channels via a dedicated bot.
+- [Telemetrio](/toolkit/more/all-tools/telemetrio.md): Telemetr.io offers a range of Telegram-related services based on a catalog of Telegram channels: country and category-specific rankings, curated collections, real-time event tracking, and an API.
+- [Telemetry](/toolkit/more/all-tools/telemetry.md): An analytical search tool for Telegram groups and channels.
+- [Telepathy](/toolkit/more/all-tools/telepathy.md): Telepathy is a versatile Telegram toolkit for OSINT analysts, enabling chat archiving, memberlist gathering, user location lookup, top poster analysis, message mapping, and more.
+- [Tencent Maps](/toolkit/more/all-tools/tencent-maps.md): Tencent Maps is a mapping service provided by the Chinese technology company Tencent. Tencent Maps provides maps, satellite imagery, and street view.
+- [TGStat](/toolkit/more/all-tools/tgstat.md): TGStat is a web-based analytics tool for Telegram that monitors active channels and provides profile analytics and statistics. It tracks channel subscribers’ growth rate, reach, and citation index.
+- [The Information Laundromat](/toolkit/more/all-tools/the-information-laundromat.md): A tool for analyzing content replication and site architecture to detect information laundering.
+- [TinEye](/toolkit/more/all-tools/tineye.md): TinEye is a search engine that allows the user to search using images (reverse image search).
+- [TrueCaller](/toolkit/more/all-tools/truecaller.md): Truecaller is a caller ID app that identifies incoming calls, blocks unwanted numbers, and gathers phone numbers and names from contact lists. It also performs a reverse phone number search.
+- [TruffleHog](/toolkit/more/all-tools/trufflehog.md): Find leaked credentials.
+- [Twitter Advanced Search](/toolkit/more/all-tools/twitter-advanced-search.md): Twitter/X Advanced Search is X's own tool to help users find more precise information on the platform by filtering posts according to criteria such as location, user, date or popularity.
+- [Twitter Location Search](/toolkit/more/all-tools/twitter-location-search.md): Discover real-time conversations and trends in any area with X's built-in location search. Search by latitude and longitude coordinates or distance for targeted local content.
+- [Twitter Video Downloader](/toolkit/more/all-tools/twitter-video-downloader.md): Download videos from X (formerly Twitter) by converting tweet URLs into downloadable video links.
+- [Umbra Space](/toolkit/more/all-tools/umbra-space.md): Umbra is an American synthetic aperture radar (SAR) satellite imaging company that sells on-demand taskings for satellite imagery.
+- [UN Comtrade Database](/toolkit/more/all-tools/un-comtrade-database.md): United Nations free database of global trade.
+- [UNOSAT Analyses](/toolkit/more/all-tools/unosat-analyses.md): UNOSAT Analyses is a tool that maps humanitarian emergencies across the globe utilising United Nations Satellite Centre data.
+- [Uwazi](/toolkit/more/all-tools/uwazi.md): Uwazi is an open-source platform that simplifies the management of document collections, particularly for human rights documentation in the justice and advocacy fields.
+- [VesselFinder](/toolkit/more/all-tools/vesselfinder.md): Live marine vessel tracker
+- [Wayback Machine](/toolkit/more/all-tools/internet-archive.md): The Internet Archive's Wayback Machine lets users view and archive web pages, aiding in historical research and digital preservation.
+- [Web Archives](/toolkit/more/all-tools/web-archives.md): A browser extension to view archived and cached versions of a website on multiple archiving sites.
+- [What CMS](/toolkit/more/all-tools/what-cms.md): A tool that you can use to identify the technologies used to power a website.
+- [what3words](/toolkit/more/all-tools/what3words.md): A proprietary geocode system which identifies any location on the surface of the earth to a resolution of 3 metres. The identifier is a unique combination of three words, available in 60 languagues.
+- [WhatsMyName](/toolkit/more/all-tools/whats-my-name.md): Search for usernames on several hundred platforms
+- [Who posted what?](/toolkit/more/all-tools/who-posted-what.md): A tool that allows a keyword search on Facebook on a specific date or within a specific time frame.
+- [Whoxy](/toolkit/more/all-tools/whoxy.md): Whoxy is a domain search engine or "whois lookup" tool to find (the history of) registration information on a domain, such as the registrar, the status of the domain and the date of registration.
+- [Wikimapia](/toolkit/more/all-tools/wikimapia.md): Wikimapia was a long-running collaborative mapping project that remains partially accessible, providing open source researchers with a unique database of historical, user-generated content.
+- [Wikipedia list of registers](/toolkit/more/all-tools/wikipedia-list-of-registers.md): Wikipedia list of official business registers around the world.
+- [WildEye](/toolkit/more/all-tools/wildeye.md): Tracking tool for data on environmental and wildlife crime cases, including court cases and convictions, across the globe.
+- [Wildlife Trade Portal](/toolkit/more/all-tools/wildlife-trade-portal.md): An open-source tool to search wildlife seizure data worldwide.
+- [World Database on Protected and Conserved Areas](/toolkit/more/all-tools/world-database-protected-areas.md): A comprehensive global database on terrestrial and marine protected areas.
+- [xIFr](/toolkit/more/all-tools/xifr.md): A Firefox add-on for extracting EXIF metadata by right-clicking an image.
+- [Yandex Maps](/toolkit/more/all-tools/yandex-maps.md): A platform offering detailed maps, satellite imagery, street views (static & sometimes dynamic imagery, including aerial views). Often the best available data on Russia & surrounding regions.
+- [Zeeschuimer](/toolkit/more/all-tools/zeeschuimer.md): Zeeschuimer is a browser extension for collecting social media posts that are visible in your web browser, enabling systematic analysis of content from platforms that are hard to scrape via APIs.
+- [Zotero](/toolkit/more/all-tools/zotero.md): A tool for collecting, organizing, annotating, citing, and sharing research sources.

skills/osint/references/maps-satellites.md

@@ -0,0 +1,233 @@
+# Osint - Maps-Satellites
+
+**Pages:** 1
+
+---
+
+## Bellingcat's Online Investigation Toolkit
+
+**URL:** llms-txt#bellingcat's-online-investigation-toolkit
+
+**Contents:**
+- Production
+
+- [Home](/toolkit/pages.md): A toolkit for open source researchers
+- [New Tools](/toolkit/new-tools.md): These tools were added to the toolkit within the last four weeks.
+- [Maps & Satellites](/toolkit/categories/maps-and-satellites.md)
+- [Maps](/toolkit/categories/maps-and-satellites/maps.md)
+- [Satellite Imagery](/toolkit/categories/maps-and-satellites/satellite-imagery.md)
+- [Street View](/toolkit/categories/maps-and-satellites/street-view.md)
+- [Geolocation](/toolkit/categories/geolocation.md)
+- [Image/Video](/toolkit/categories/image-video.md)
+- [Reverse Image Search](/toolkit/categories/image-video/reverse-image-search.md)
+- [Facial Recognition](/toolkit/categories/image-video/facial-recognition.md)
+- [Metadata](/toolkit/categories/image-video/metadata.md)
+- [Misc](/toolkit/categories/image-video/image-misc.md)
+- [Social Media](/toolkit/categories/social-media.md): Tools for one or more social media platforms
+- [Facebook](/toolkit/categories/social-media/facebook.md)
+- [Instagram](/toolkit/categories/social-media/instagram.md)
+- [Telegram](/toolkit/categories/social-media/telegram.md)
+- [Tiktok](/toolkit/categories/social-media/tiktok.md)
+- [Twitter/X](/toolkit/categories/social-media/twitter.md)
+- [Youtube](/toolkit/categories/social-media/youtube.md)
+- [Other Platforms](/toolkit/categories/social-media/other-platforms.md): Tools for other platforms including Bluesky, Discord, Linkedin, Reddit, and Vkontakte.
+- [Multiple Platforms](/toolkit/categories/social-media/multiple-platforms.md)
+- [People](/toolkit/categories/people.md)
+- [Websites](/toolkit/categories/websites.md)
+- [Companies & Finance](/toolkit/categories/companies-and-finance.md)
+- [Conflict](/toolkit/categories/conflict.md)
+- [Transport](/toolkit/categories/transport.md)
+- [Environment & Wildlife](/toolkit/categories/environment-and-wildlife.md)
+- [Archiving](/toolkit/categories/archiving.md)
+- [Data Organization & Analysis](/toolkit/categories/data.md)
+- [Guides & Handbooks](/toolkit/resources/guides-and-handbooks.md)
+- [Newsletters & Toolkits](/toolkit/resources/newsletters-and-toolkits.md)
+- [Stay Safe](/toolkit/resources/stay-safe.md): Online security and privacy
+- [All Tools](/toolkit/more/all-tools.md)
+- [4plebs](/toolkit/more/all-tools/4plebs.md): Searchable archive of specific 4chan boards that makes it possible to read threads after they are purged from 4chan.
+- [527 Explorer](/toolkit/more/all-tools/527-explorer.md): ProPublica's 527 Explorer is a database that allows users to examine the finances of organizations known as 527s in the United States, which can raise unlimited sums for political purposes.
+- [About Maps and Satellites](/toolkit/more/all-tools/about-maps-and-satellites.md): A guide to using map and satellite tools.
+- [ACLED](/toolkit/more/all-tools/acled.md): ACLED provides data and analysis on political violence and protest around the world, facilitating research, policy making, and journalistic reporting.
+- [AllTrails](/toolkit/more/all-tools/alltrails.md): AllTrails.com is a tool for discovering hiking, biking, and running trails worldwide, providing detailed trail maps, user reviews, and navigation support for outdoor enthusiasts.
+- [Apollo Mapping](/toolkit/more/all-tools/apollo-mapping.md): Image Hunter is a search engine for finding and purchasing commercial satellite imagery (including Planet, Airbus, Maxar, and many Chinese satellite companies) without a subscription.
+- [Apple Maps](/toolkit/more/all-tools/apple-maps.md): Apple Maps is a digital mapping service with detailed, interactive maps, satellite imagery, and location-based information.
+- [Archive.today](/toolkit/more/all-tools/archive.today.md): Archive any webpage, including Facebook and search for archived pages.
+- [Atlos](/toolkit/more/all-tools/atlos.md): ATLOS is a platform for collaborative and large-scale open source investigations.
+- [Auto Archiver](/toolkit/more/all-tools/auto-archiver.md): Bellingcat's tool to automatically archive social media posts, videos, and images. Free and Open-Source.
+- [AutoStitch](/toolkit/more/all-tools/autostitch.md): Autostitch is a free tool for seamlessly combining multiple photos into a single panoramic image, making it ideal for creating wide-angle photography without needing specialized equipment.
+- [Azure AI Video Indexer](/toolkit/more/all-tools/azure-ai-video-indexer.md): AI video tool for facial detection and other types of insights.
+- [Baidu Maps](/toolkit/more/all-tools/baidu-maps.md): A mapping application provided by Chinese technology company Baidu Inc.
+- [Bellingcat OpenStreetMap Search](/toolkit/more/all-tools/openstreetmap-search-tool.md): A user interface to search OpenStreetMap data for features in proximity to each other.
+- [Bing Maps](/toolkit/more/all-tools/bing-maps.md): Bing Maps is a web mapping service provided by Microsoft that offers detailed geographical information and tools for route planning, location search, and satellite imagery.
+- [Blackbird](/toolkit/more/all-tools/blackbird.md): Check usernames and email addresses on websites and social networks
+- [Blender](/toolkit/more/all-tools/blender.md): Blender is an open-source 3D creation suite supporting the 3D pipeline—modeling, rigging, animation, simulation, rendering, compositing, and motion tracking, even video editing.
+- [Bluesky Insights](/toolkit/more/all-tools/bluesky-insights.md): Bluesky Insights is a free web-based analytics tool for the Bluesky social network.
+- [BskyFollowFinder/Bluesky network analyzer](/toolkit/more/all-tools/bluesky-network-analyzer.md): A tool that identifies which Bluesky accounts are followed by a profile’s contacts but not by that profile. Can be used for expanding networks and social graph analysis.
+- [BskyThreadReader](/toolkit/more/all-tools/bskythreadreader.md): BskyThreadReader is a web-based Bluesky thread viewer that allows anyone to read and share Bluesky threads without logging in.
+- [Bulletpicker.com](/toolkit/more/all-tools/bulletpicker.com.md): Bulletpicker.com is a collection of ammunition guidebooks and manuals from several different armed forces.
+- [CAT UXO](/toolkit/more/all-tools/cat-uxo.md): A repository for professionals working in the explosive ordnance disposal (EOD) space.
+- [China-related resources](/toolkit/more/all-tools/china-related-resources.md): Resources for research on companies in China.
+- [Chronotrains](/toolkit/more/all-tools/chronotrains.md): Chronotrains is a free interactive map designed to explore the reach of Europe’s extensive rail network. Enter a starting point and travel time to see reachable destinations by train.
+- [CITES Trade Database](/toolkit/more/all-tools/cites-trade-database.md): Around 23 million records of trade in wildlife since 1975.
+- [Companies House](/toolkit/more/all-tools/companies-house.md): Search companies and individuals in the United Kingdom.
+- [Convert Geographic Units](/toolkit/more/all-tools/convert-geographic-units.md): A tool that converts various geographic coordinates to support diverse mapping and spatial analysis needs.
+- [Datawrapper](/toolkit/more/all-tools/datawrapper.md): A tool for creating interactive charts, maps, and tables from your data, offering a user-friendly interface for visualizing information.
+- [DeHashed](/toolkit/more/all-tools/dehashed.md): A platform that maintains a database of compromised credentials, with a newly-launched web domain registration search tool.
+- [Discord Chat Exporter](/toolkit/more/all-tools/discord-chat-exporter.md): A tool for exporting Discord chat logs in multiple formats.
+- [DiscordLeaks](/toolkit/more/all-tools/discordleaks.md): Search hundreds of thousands of messages leaked from 290+ white-supremacist / nazi discord servers.
+- [Distill.io](/toolkit/more/all-tools/distill.md): Distill.io is a website change monitoring tool that allows users to track changes on web pages.
+- [DomainTools Whois Lookup](/toolkit/more/all-tools/domaintools-whois-lookup.md): DomainTools Whois provides detailed domain name registration information, and can be used to investigate details about domains or IP addresses.
+- [Earth Explorer](/toolkit/more/all-tools/earth-explorer.md): "Query and order satellite images, aerial photographs, and cartographic products"
+- [Earth Online](/toolkit/more/all-tools/earth-online.md): The ESA's Earth Online product offers a portal for accessing satellite imagery and environmental data, supporting a range of applications from climate monitoring to natural disaster assessment.
+- [EDGAR Suite](/toolkit/more/all-tools/edgar-suite.md): Tool for the retrieval of corporate and financial data from SEC's EDGAR (Electronic Data Gathering, Analysis, and Retrieval) database.
+- [EDGAR](/toolkit/more/all-tools/edgar.md): Database of corporate filings for the US
+- [EIA Global Environmental Crime Tracker](/toolkit/more/all-tools/eia-global-environmental-crime-tracker.md): Map/tracking of environmental crimes including trade in ivory, rhino, big cats, and other exotic animals.
+- [Environmental Justice Atlas](/toolkit/more/all-tools/environmental-justice-atlas.md): Maps environmental conflicts around the world to provide information about who is involved, their impact and other information.
+- [Equasis](/toolkit/more/all-tools/equasis.md): Equasis provides vessel ownership and safety records, as well as shipping company fleet information.
+- [Etherscan](/toolkit/more/all-tools/etherscan.md): An explorer that allows researchers to track wallets, transactions and more on the Ethereum blockchain.
+- [EU consolidated corporate registers](/toolkit/more/all-tools/eu-consolidated-corporate-registers.md): Consolidated company registers covering most of the EU, Iceland, Liechtenstein and Norway.
+- [EU Sanctions Map](/toolkit/more/all-tools/eu-sanctions-map.md): Database of sanctions imposed by the European Union
+- [ExifTool](/toolkit/more/all-tools/exiftool.md): ExifTool is a command-line application for reading, writing, and editing meta information in files.
+- [F4Map](/toolkit/more/all-tools/f4map.md): F4Map is an interactive 3D map visualization tool that provides detailed rendering of urban landscapes and geographical features.
+- [Face Comparison by ToolPie](/toolkit/more/all-tools/face-comparison-toolpie.md): Compares two human face photos to determine similarity.
+- [FaceCheck.ID](/toolkit/more/all-tools/facecheck.id.md): A facial recognition search engine that tries to find photos of people that look similar to a person of interest.
+- [FlightAware](/toolkit/more/all-tools/flightaware.md): FlightAware is a global flight-tracking platform that provides real-time data on aircraft movements. It offers live tracking, historical data, and predictive analytics via its website and apps.
+- [Flightradar24](/toolkit/more/all-tools/flightradar24.md): Flightradar24, a real-time flight tracking service, that provides comprehensive information about aircraft positions, flight numbers, routes, historical data, detailed aircraft specifications.
+- [Forensically](/toolkit/more/all-tools/forensically.md): A collection of web-based image forensics tools. Can identify fake or doctored images.
+- [Gaode Maps](/toolkit/more/all-tools/gaode-maps.md): Gaode Maps (also known as AMap) is a mapping application and technology from the Chinese company Alibaba.
+- [Geo Data Tool](/toolkit/more/all-tools/geo-data-tool.md): IP geolocation service to identify the location and other technical information associated to IP addresses.
+- [GeoHints](/toolkit/more/all-tools/geohints.md): GeoHints is a website that provides information about things like traffic lights, utility poles, bollards etc. for different regions of the world to help geolocate a location.
+- [Gephi](/toolkit/more/all-tools/gephi.md): Open-source network analysis and visualization software
+- [Ghunt](/toolkit/more/all-tools/ghunt.md): A command line tool for obtaining information about Google accounts.
+- [Global Fishing Watch Map](/toolkit/more/all-tools/global-fishing-watch-map.md): The Global Fishing Watch Map is a digital platform for investigating fishing activities worldwide by utilising satellite and AIS data.
+- [Global Forest Watch](/toolkit/more/all-tools/global-forest-watch.md): Explore tree cover loss and gain data, recent deforestation and fire alerts, land use designations, carbon emissions, biodiversity metrics and more.
+- [Global Monitoring System - ECOSOLVE](/toolkit/more/all-tools/global-monitoring-system.md): Illicit online wildlife markets data from Brazil, South Africa and Thailand.
+- [Global Suppliers Online](/toolkit/more/all-tools/global-suppliers-online.md): A site dedicated to connect suppliers and buyers of goods from all over the world.
+- [Google Earth Engine](/toolkit/more/all-tools/google-earth-engine.md): Google Earth Engine is a platform for environmental monitoring and analysis through satellite imagery and geospatial data.
+- [Google Earth Pro](/toolkit/more/all-tools/google-earth-pro.md): Google Earth is a geospatial tool that provides detailed, global satellite imagery, maps, 3D terrain models, and the ability to explore geographic data interactively.
+- [Google Flood Hub](/toolkit/more/all-tools/google-flood-hub.md): A visual tool to monitor river levels and forecast floods based on AI models developed by Google Research.
+- [Google Lens](/toolkit/more/all-tools/google-lens.md): Google Lens is an image recognition tool which can be used to identify locations or objects in photographs.
+- [Google Maps](/toolkit/more/all-tools/google-maps.md): Google Maps provides mapping information, satellite imagery and Google Street View imagery including historical Street View images.
+- [GovMap](/toolkit/more/all-tools/govmap.md): GovMap provides an interactive map of Israel, offering users a wide range of data including property boundaries, planning information, and infrastructure details.
+- [GPSJam](/toolkit/more/all-tools/gpsjam.md): GPSJam.org is a daily map that visualizes the GPS/GNSS disruptions on aircraft worldwide. It collects and presents 24-hour data showing areas experiencing interference.
+- [Have I Been Pwned](/toolkit/more/all-tools/have-i-been-pwned.md): Does an email or a phone number appear in data breaches?
+- [Hitta.se](/toolkit/more/all-tools/hitta.se.md): Hitta.se is a comprehensive Swedish search engine and map that provides detailed information and contact details for businesses and individuals across Sweden.
+- [Hoaxy](/toolkit/more/all-tools/hoaxy.md): Hoaxy is a web-based search and visualization tool. It helps visualize the spread of information on Bluesky and X (Twitter).
+- [Hugin](/toolkit/more/all-tools/hugin.md): Hugin is a free and open-source panorama photo stitching and HDR (High Dynamic Range imaging) merging software that helps users create seamless panoramic images from multiple photographs.
+- [Hunchly](/toolkit/more/all-tools/hunchly.md): An archiving tool that tracks online activities and preserves essential information about the web pages researchers visit.
+- [ICANN Lookup](/toolkit/more/all-tools/icann-lookup.md): This tool allows you to search for the current registration data of internet domain names.
+- [ICIJ Offshore Leaks Database](/toolkit/more/all-tools/icij-offshore-leaks-database.md): A database providing otherwise secret information about more than 810k offshore companies, foundations, and trusts based on leaks like the Panama Papers or the Paradise Papers.
+- [IDN Checker](/toolkit/more/all-tools/idn-checker.md): IDN Checker detects visually similar versions of a domain.
+- [ImportGenius](/toolkit/more/all-tools/importgenius.md): Commercial supplier of trade data for 23 countries. Paid service but journalists can ask for free access.
+- [ImportYeti](/toolkit/more/all-tools/importyeti.md): Search US customs inbound sea shipment records, find company suppliers.
+- [Index Database](/toolkit/more/all-tools/index-database.md): A database of remote sensing indices and satellite imaging sensors
+- [Instagram Location Search](/toolkit/more/all-tools/instagram-location-search.md): A command line tool that allows users to find location tags near a specified latitude and longitude.
+- [InstaLoader](/toolkit/more/all-tools/instaloader.md): Download pictures or videos (with metadata) from Instagram.
+- [Instant Data Scraper](/toolkit/more/all-tools/instant-data-scraper.md): Browser extension for simple web scraping, with table output.
+- [Intelx.io](/toolkit/more/all-tools/intelx.io.md): Find user details in data breaches
+- [InVID](/toolkit/more/all-tools/invid.md): A toolkit that supports the verification of videos and images.
+- [KartaView](/toolkit/more/all-tools/kartaview.md): KartaView is a crowdsourced platform for street view imagery.
+- [Leak-Lookup](/toolkit/more/all-tools/leak-lookup.md): An online tool that allows you to search across public data breaches to surface credentials that may have been compromised.
+- [License Plate Maps](/toolkit/more/all-tools/license-plate-maps.md): Collection of tools and maps for discerning license plates by country
+- [LinkdTime](/toolkit/more/all-tools/linkdtime.md): Build a clean timeline of any LinkedIn activity from a single URL or a whole list of links.
+- [LittleSis](/toolkit/more/all-tools/littlesis.md): Connects dots between influential / wealthy individuals in (mostly US) politics and business.
+- [Liveuamap](/toolkit/more/all-tools/liveuamap.md): LiveUAMap is a mapping tool that provides up-to-date information on global geopolitical events, conflicts, and crises.
+- [Locust Hub](/toolkit/more/all-tools/locust-hub.md): A repository for desert locust data with maps and other resources for tracking movements, early detection and planning locust control interventions.
+- [Logseq](/toolkit/more/all-tools/logseq.md): Logseq is an open-source knowledge management tool that enables users to organize their notes, tasks, and projects.
+- [Lumen](/toolkit/more/all-tools/lumen.md): A research project collecting and publishing legal takedown notices for online content transparency
+- [Maigret](/toolkit/more/all-tools/maigret.md): Maigret is a Python script that retrieves user information by searching for usernames across various websites and social media platforms.
+- [Maltego Graph](/toolkit/more/all-tools/maltego.md): Maltego Graph is an investigation platform that combines two things at once: (1) It acts as a search tool, and (2) It creates a graph establishing links between data you uncover from your search.
+- [MapChecking](/toolkit/more/all-tools/mapchecking.md): This tool helps you estimate and fact-check the maximum number of people standing in a given area.
+- [Mapillary](/toolkit/more/all-tools/mapillary.md): Mapillary is a crowdsourced street-level imagery platform.
+- [MapSwitcher](/toolkit/more/all-tools/mapswitcher.md): Chrome extension switches  between online map apps, maintaining (as far as possible) the map centre, zoom level, & directions of the source map.
+- [MarineTraffic](/toolkit/more/all-tools/marinetraffic.md): An open, community-based project, providing (near) real-time information on the movements of ships and their locations in harbours and ports.
+- [Merlin](/toolkit/more/all-tools/merlin.md): Identify birds (visually), through an app.
+- [Meta Content Library](/toolkit/more/all-tools/meta-content-library.md): Meta Content Library is a controlled-access tool that lets approved academic and non-profit researchers search the full public archive of Facebook, Instagram, and Threads posts, in near-real-time.
+- [MW Geofind](/toolkit/more/all-tools/mw-geofind.md): MW Geofind is a tool for finding geotagged YouTube videos.
+- [Name Variant Search](/toolkit/more/all-tools/name-variant-search.md): Simple tool to help search for different ways of writing a name.
+- [Namechk](/toolkit/more/all-tools/namechk.md): A username and domain search tool that checks on which platforms or domain a given username is registered.
+- [NASA Firms](/toolkit/more/all-tools/nasa-firms.md): Displays a world map overlaid with infra-red data from one or more satellites, some, but not all of which may represent heat from fires and explosions.
+- [NASA Worldview](/toolkit/more/all-tools/nasa-worldview.md): NASA Worldview is an online tool for visualizing and downloading near real-time satellite imagery and scientific data of Earth's atmosphere, land, and oceans.
+- [Navtex](/toolkit/more/all-tools/navtex.md): A historical database providing vital navigational and meteorological warnings, forecasts, and urgent maritime safety information to ships.
+- [NeutrOSINT](/toolkit/more/all-tools/neutrosint.md): A tool for investigating Proton Mail addresses.
+- [North Data](/toolkit/more/all-tools/north-data.md): Search for people and companies in EU corporate and trade registers + visualize relationships
+- [Obsidian](/toolkit/more/all-tools/obsidian.md): A knowledge management and note-taking app with extensive customization options.
+- [OCCRP Aleph](/toolkit/more/all-tools/occrp-aleph.md): Aleph offers a way to research sanctions lists, corporate registries, leaks, and more
+- [Open Measures](/toolkit/more/all-tools/open-measures.md): Open Measures helps open source researchers investigate harmful online activity such as extremism and disinformation.
+- [Open Ownership](/toolkit/more/all-tools/open-ownership.md): Links to beneficial ownership registers.
+- [Open Source Munitions Portal](/toolkit/more/all-tools/open-source-munitions-portal.md): A searchable library of verified images for researchers, journalists, and practitioners trying to learn more about munitions and their use and impact in conflict.
+- [OpenCorporates](/toolkit/more/all-tools/opencorporates.md): Comprehensive repository of company registries around the world
+- [OpenSanctions](/toolkit/more/all-tools/opensanctions.md): Open-source international database of sanctions data, persons of interest and politically exposed persons.
+- [OpenSecrets](/toolkit/more/all-tools/opensecrets.md): Data on campaign finance, lobbying, and spending in U.S. politics
+- [OrbTrack](/toolkit/more/all-tools/orbtrack.md): Predicts & describes the position & path of >10K satellites in Earth orbit, relative to points on the earth's surface input by the user, for 5 days ahead, + International Space Station video feed.
+- [Osint Tools Map](/toolkit/more/all-tools/osint-tools-map.md): An interactive worldwide map, showcasing business registries, court records, and other publicly available information to aid OSINT investigations and research.
+- [Overpass Turbo](/toolkit/more/all-tools/overpass-turbo.md): Overpass Turbo is a web-based tool for querying and visualizing OpenStreetMap crowd sourced data, aiding in extracting specific information like locations of amenities e.g.hospitals.
+- [PeakVisor](/toolkit/more/all-tools/peakvisor.md): Dual window views for any global location: (1) a 2-D map & (2) a 3-D rendered terrain model, with photo fitting, shade/slope mapping, sun trails & weather data. In active development for OS research.
+- [PimEyes](/toolkit/more/all-tools/pimeyes.md): An AI-powered facial recognition reverse image search tool.
+- [Pinpoint](/toolkit/more/all-tools/pinpoint.md): A tool by Google to catalogue uploaded documents and files, providing OCR, indexing, and other services. Full access only granted to journalists, academic researchers and university students.
+- [PixPlot](/toolkit/more/all-tools/pixplot.md): PixPlot is a tool that utilizes machine learning and WebGL to provide an interactive visualization of large image collections, allowing users to explore patterns and outliers within image datasets.
+- [Planet Labs](/toolkit/more/all-tools/planet-labs.md): Planet Labs PBC is an American optical satellite imagery company that sells access to imagery.
+- [Police Records Access Project](/toolkit/more/all-tools/police-records-access-project.md): A database providing searchable access to California law enforcement records including police use-of-force incidents, shootings, and misconduct cases.
+- [PublicWWW](/toolkit/more/all-tools/publicwww.md): PublicWWW is a source code search engine that allows you to search for any alphanumeric snippet, signature, or keyword within the HTML, JavaScript, and CSS code of millions of web pages.
+- [QGIS](/toolkit/more/all-tools/qgis.md): QGIS is a free Open Source Geographic Information System (GIS).
+- [Quick geolocation search](/toolkit/more/all-tools/quick-geolocation-search.md): A tool that brings several maps into one place for easy location search.
+- [Radar Interference Tracker](/toolkit/more/all-tools/radar-interference-tracker.md): Bellingcat's radar interference tracker can be used to locate and monitor active military radar systems.
+- [RAMMB SLIDER](/toolkit/more/all-tools/rammb-slider.md): Real-time weather satellites of the entire globe
+- [RAWGraphs](/toolkit/more/all-tools/rawgraphs.md): RAWGraphs is an open-source data visualization tool designed for non-technical users, enabling the creation of customizable, editable charts without coding skills.
+- [RootAbout](/toolkit/more/all-tools/rootabout.md): RootAbout is a reverse image search tool that pulls indexed images from the Internet Archive.
+- [RuPEP](/toolkit/more/all-tools/rupep.md): Online database of politically exposed persons in Russia, Belarus and Kazakhstan.
+- [SanctionsExplorer](/toolkit/more/all-tools/sanctionsexplorer.md): A comprehensive database of current and historical OFAC/UN/EU sanctions
+- [satellites.pro](/toolkit/more/all-tools/satellites.pro.md): Satellites.pro allows open source researchers to quickly switch between several free satellite imagery and mapping services.
+- [Search by Image](/toolkit/more/all-tools/search-by-image.md): A browser extension to reverse search an image on multiple search engines.
+- [Search4Faces](/toolkit/more/all-tools/search4faces.md): Upload the picture of a face and find pictures of similar looking people on VKontakte, Odnoklassniki, TikTok and Clubhouse.
+- [Sentinel Hub Playground](/toolkit/more/all-tools/sentinal-hub-playground.md): A free web-based platform for viewing, analyzing, and downloading satellite imagery from the European Space Agency's Sentinel missions, with data updated every 5-10 days.
+- [ShadeMap](/toolkit/more/all-tools/shademap.md): ShadeMap is a global simulation of mountain, building & tree shadows for a given date & time. Base data is free, but users can buy 30cm accurate data per sq km for areas of special focus.
+- [Shadow Finder](/toolkit/more/all-tools/shadow-finder.md): To analyse shadows in source imagery, Shadow Finder maps all points on the earth where a shadow of given length could occur at a given date & time, IF the height of the object casting it is known.
+- [ShadowMap](/toolkit/more/all-tools/shadowmap.md): Tilting global map of 3D buildlings and the shadows they cast at a specific time of the day, but date fixed at "today" in free version. Paid versions allow date change and offer 3D models.
+- [Sherlock](/toolkit/more/all-tools/sherlock.md): Check usernames across more than 400 websites and social networks.
+- [ShipFinder](/toolkit/more/all-tools/shipfinder.md): ShipFinder is an application designed to track vessels in near real-time across the globe.
+- [Skopenow](/toolkit/more/all-tools/skopenow.md): Social Media Investigations - name, phone, email, username searches
+- [SkyFi](/toolkit/more/all-tools/skyfi.md): SkyFi is used to purchase commercial satellite imagery and task (order the collection of images) satellites without a subscription.
+- [Snap Map](/toolkit/more/all-tools/snap-map.md): Searchable map of geotagged snaps.
+- [Species+](/toolkit/more/all-tools/species+.md): Centralized website with vulnerable species information.
+- [Strava](/toolkit/more/all-tools/strava.md): Social media fitness app with exercise map based on users' GPS data.
+- [Suncalc](/toolkit/more/all-tools/suncalc.md): Suncalc models the relationship between the date, time of day, the geographic location of a place, and the position of the sun in the sky, together with the length & direction of the shadows it casts.
+- [Telegago](/toolkit/more/all-tools/telegago.md): Telegago is a Google Custom Search Engine tailored for searching public Telegram content for OSINT purposes.
+- [Telegram Group Joiner](/toolkit/more/all-tools/telegram-group-joiner.md): Automate joining multiple Telegram groups and channels, ideal for researchers monitoring specific topics.
+- [Telegram Phone Number Checker](/toolkit/more/all-tools/telegram-phone-number-checker.md): Command line tool for checking if phone numbers are connected to Telegram accounts and retrieving related information where available.
+- [TelegramDB](/toolkit/more/all-tools/telegramdb.md): TelegramDB is a searchable database service that allows users to explore public Telegram groups and channels via a dedicated bot.
+- [Telemetrio](/toolkit/more/all-tools/telemetrio.md): Telemetr.io offers a range of Telegram-related services based on a catalog of Telegram channels: country and category-specific rankings, curated collections, real-time event tracking, and an API.
+- [Telemetry](/toolkit/more/all-tools/telemetry.md): An analytical search tool for Telegram groups and channels.
+- [Telepathy](/toolkit/more/all-tools/telepathy.md): Telepathy is a versatile Telegram toolkit for OSINT analysts, enabling chat archiving, memberlist gathering, user location lookup, top poster analysis, message mapping, and more.
+- [Tencent Maps](/toolkit/more/all-tools/tencent-maps.md): Tencent Maps is a mapping service provided by the Chinese technology company Tencent. Tencent Maps provides maps, satellite imagery, and street view.
+- [TGStat](/toolkit/more/all-tools/tgstat.md): TGStat is a web-based analytics tool for Telegram that monitors active channels and provides profile analytics and statistics. It tracks channel subscribers’ growth rate, reach, and citation index.
+- [The Information Laundromat](/toolkit/more/all-tools/the-information-laundromat.md): A tool for analyzing content replication and site architecture to detect information laundering.
+- [TinEye](/toolkit/more/all-tools/tineye.md): TinEye is a search engine that allows the user to search using images (reverse image search).
+- [TrueCaller](/toolkit/more/all-tools/truecaller.md): Truecaller is a caller ID app that identifies incoming calls, blocks unwanted numbers, and gathers phone numbers and names from contact lists. It also performs a reverse phone number search.
+- [TruffleHog](/toolkit/more/all-tools/trufflehog.md): Find leaked credentials.
+- [Twitter Advanced Search](/toolkit/more/all-tools/twitter-advanced-search.md): Twitter/X Advanced Search is X's own tool to help users find more precise information on the platform by filtering posts according to criteria such as location, user, date or popularity.
+- [Twitter Location Search](/toolkit/more/all-tools/twitter-location-search.md): Discover real-time conversations and trends in any area with X's built-in location search. Search by latitude and longitude coordinates or distance for targeted local content.
+- [Twitter Video Downloader](/toolkit/more/all-tools/twitter-video-downloader.md): Download videos from X (formerly Twitter) by converting tweet URLs into downloadable video links.
+- [Umbra Space](/toolkit/more/all-tools/umbra-space.md): Umbra is an American synthetic aperture radar (SAR) satellite imaging company that sells on-demand taskings for satellite imagery.
+- [UN Comtrade Database](/toolkit/more/all-tools/un-comtrade-database.md): United Nations free database of global trade.
+- [UNOSAT Analyses](/toolkit/more/all-tools/unosat-analyses.md): UNOSAT Analyses is a tool that maps humanitarian emergencies across the globe utilising United Nations Satellite Centre data.
+- [Uwazi](/toolkit/more/all-tools/uwazi.md): Uwazi is an open-source platform that simplifies the management of document collections, particularly for human rights documentation in the justice and advocacy fields.
+- [VesselFinder](/toolkit/more/all-tools/vesselfinder.md): Live marine vessel tracker
+- [Wayback Machine](/toolkit/more/all-tools/internet-archive.md): The Internet Archive's Wayback Machine lets users view and archive web pages, aiding in historical research and digital preservation.
+- [Web Archives](/toolkit/more/all-tools/web-archives.md): A browser extension to view archived and cached versions of a website on multiple archiving sites.
+- [What CMS](/toolkit/more/all-tools/what-cms.md): A tool that you can use to identify the technologies used to power a website.
+- [what3words](/toolkit/more/all-tools/what3words.md): A proprietary geocode system which identifies any location on the surface of the earth to a resolution of 3 metres. The identifier is a unique combination of three words, available in 60 languagues.
+- [WhatsMyName](/toolkit/more/all-tools/whats-my-name.md): Search for usernames on several hundred platforms
+- [Who posted what?](/toolkit/more/all-tools/who-posted-what.md): A tool that allows a keyword search on Facebook on a specific date or within a specific time frame.
+- [Whoxy](/toolkit/more/all-tools/whoxy.md): Whoxy is a domain search engine or "whois lookup" tool to find (the history of) registration information on a domain, such as the registrar, the status of the domain and the date of registration.
+- [Wikimapia](/toolkit/more/all-tools/wikimapia.md): Wikimapia was a long-running collaborative mapping project that remains partially accessible, providing open source researchers with a unique database of historical, user-generated content.
+- [Wikipedia list of registers](/toolkit/more/all-tools/wikipedia-list-of-registers.md): Wikipedia list of official business registers around the world.
+- [WildEye](/toolkit/more/all-tools/wildeye.md): Tracking tool for data on environmental and wildlife crime cases, including court cases and convictions, across the globe.
+- [Wildlife Trade Portal](/toolkit/more/all-tools/wildlife-trade-portal.md): An open-source tool to search wildlife seizure data worldwide.
+- [World Database on Protected and Conserved Areas](/toolkit/more/all-tools/world-database-protected-areas.md): A comprehensive global database on terrestrial and marine protected areas.
+- [xIFr](/toolkit/more/all-tools/xifr.md): A Firefox add-on for extracting EXIF metadata by right-clicking an image.
+- [Yandex Maps](/toolkit/more/all-tools/yandex-maps.md): A platform offering detailed maps, satellite imagery, street views (static & sometimes dynamic imagery, including aerial views). Often the best available data on Russia & surrounding regions.
+- [Zeeschuimer](/toolkit/more/all-tools/zeeschuimer.md): Zeeschuimer is a browser extension for collecting social media posts that are visible in your web browser, enabling systematic analysis of content from platforms that are hard to scrape via APIs.
+- [Zotero](/toolkit/more/all-tools/zotero.md): A tool for collecting, organizing, annotating, citing, and sharing research sources.
+
+---

skills/scrolly-sveltekit/SKILL.md

@@ -0,0 +1,937 @@
+---
+name: scrolly-sveltekit
+description: Build scroll-driven narrative experiences using SvelteKit 5 and Svelte 5 runes. Includes components for image scrolly, video scrolly, map scrolly, and notice mosaic patterns.
+author: Tom
+version: 1.0.0
+tools: []
+---
+
+# Scrollytelling in SvelteKit
+
+A comprehensive guide for building scroll-driven narrative experiences using SvelteKit 5 and Svelte 5's runes.
+
+## Quick Start
+
+```svelte
+<script>
+  import ScrollySection from '$lib/components/scrolly/ScrollySection.svelte';
+  import MyVisualization from './MyVisualization.svelte';
+
+  let activeStep = $state(0);
+
+  const steps = [
+    { text: 'First narrative point' },
+    { text: 'Second narrative point' },
+    { text: 'Third narrative point' }
+  ];
+</script>
+
+<ScrollySection bind:activeStep={activeStep} {steps}>
+  {#snippet children({ activeStep })}
+    <MyVisualization {activeStep} />
+  {/snippet}
+</ScrollySection>
+```
+
+---
+
+## Core Architecture
+
+### The Scrolly Pattern
+
+Scrollytelling uses a **sticky background + scrolling foreground** pattern:
+
+```
+┌─────────────────────────────────┐
+│     Sticky Visual Layer         │  ← position: sticky, z-index: 1
+│     (image/video/map/viz)       │     Stays fixed while content scrolls
+│                                 │
+│   ┌─────────────────────────┐   │
+│   │    Text Box (step 2)    │   │  ← Text track overlays visuals
+│   └─────────────────────────┘   │     z-index: 2
+│                                 │
+└─────────────────────────────────┘
+```
+
+**Key principle**: The visual layer uses `position: sticky` to stay in place while the text track scrolls past, creating the illusion of changing visuals as you scroll.
+
+---
+
+## Component Reference
+
+### ScrollySection
+
+The main container component that manages the sticky/scroll relationship.
+
+**Location**: `$lib/components/scrolly/ScrollySection.svelte`
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `activeStep` | `number` | `0` | Bindable. Current step index |
+| `steps` | `Step[]` | required | Array of step content |
+| `backgroundColor` | `string` | `'#0a0a0a'` | Background color |
+| `showTextBoxes` | `boolean` | `true` | Show text boxes for steps |
+| `textBoxVariant` | `'light' \| 'dark'` | `'light'` | Text box color scheme |
+| `textBoxPosition` | `'center' \| 'left' \| 'right'` | `'center'` | Text box horizontal position |
+| `firstStepOffset` | `number` | `0` | Viewport fraction to push first step down |
+| `onStepEnter` | `(step, direction) => void` | - | Callback when step changes |
+| `onScrollProgress` | `(progress) => void` | - | Callback with 0-1 scroll progress |
+| `children` | `Snippet<[{ activeStep }]>` | - | Visualization snippet |
+
+#### Step Interface
+
+```typescript
+interface Step {
+  text?: string;           // HTML content for text box
+  title?: string;          // Optional title
+  image?: string;          // Image URL for text box
+  bgColor?: string;        // Custom background color
+  raw?: boolean;           // If true, render text without wrapper
+  source?: { text: string; url: string };  // Source citation
+  imageCredit?: string;    // Photo credit
+}
+```
+
+#### Example Usage
+
+```svelte
+<ScrollySection
+  bind:activeStep={heroStep}
+  steps={heroSteps}
+  backgroundColor="#000000"
+  showTextBoxes={true}
+  textBoxVariant="light"
+  onScrollProgress={(p) => (scrollProgress = p)}
+>
+  {#snippet children({ activeStep })}
+    <HeroVisualization currentImage={heroImages[activeStep]} />
+  {/snippet}
+</ScrollySection>
+```
+
+---
+
+### ScrollyHelper
+
+IntersectionObserver-based step tracker. Determines which step is most visible.
+
+**Location**: `$lib/components/scrolly/ScrollyHelper.svelte`
+
+#### How It Works
+
+1. Wraps child elements (steps)
+2. Creates IntersectionObserver for each child
+3. Tracks intersection ratio for each step
+4. Exports `value` binding with index of most visible step
+5. Returns `undefined` when no steps are in view
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `value` | `number \| undefined` | - | Bindable. Current step index |
+| `root` | `Element \| null` | `null` | Intersection root |
+| `top` | `number` | `0` | Top margin in pixels |
+| `bottom` | `number` | `0` | Bottom margin in pixels |
+| `increments` | `number` | `100` | Threshold granularity |
+
+#### Usage
+
+```svelte
+<script>
+  let currentStep = $state(undefined);
+</script>
+
+<ScrollyHelper bind:value={currentStep} top={200} bottom={200}>
+  <div class="step">Step 0 content</div>
+  <div class="step">Step 1 content</div>
+  <div class="step">Step 2 content</div>
+</ScrollyHelper>
+```
+
+---
+
+### ScrollyTextBox
+
+Styled text box component for displaying narrative content.
+
+**Location**: `$lib/components/scrolly/ScrollyTextBox.svelte`
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `title` | `string` | `''` | Box title |
+| `image` | `string \| null` | `null` | Image URL |
+| `bgColor` | `string \| null` | `null` | Custom background |
+| `active` | `boolean` | `true` | Active state |
+| `variant` | `'light' \| 'dark'` | `'light'` | Color scheme |
+| `maxWidth` | `'narrow' \| 'wide'` | `'narrow'` | Box width |
+| `source` | `{ text, url } \| null` | `null` | Source citation |
+| `imageCredit` | `string \| null` | `null` | Photo credit |
+| `children` | `Snippet` | - | Content slot |
+
+#### Styling
+
+- Light variant: White background with blur
+- Dark variant: Near-black background with blur
+- Active state: Full opacity, `translateY(0)`
+- Inactive state: 75% opacity, `translateY(8px)`
+
+```css
+/* Active transition */
+.scrolly-text-box {
+  opacity: 0.75;
+  transform: translateY(8px);
+  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.scrolly-text-box.active {
+  opacity: 1;
+  transform: translateY(0);
+}
+```
+
+---
+
+## Visualization Components
+
+### Image Scrolly (HeroVisualization)
+
+Simple image swapper with fade effects.
+
+**Location**: `$lib/components/cleared/HeroVisualization.svelte`
+
+```svelte
+<script lang="ts">
+  interface Props {
+    currentImage: string;
+    fadeProgress?: number; // 0-1
+  }
+
+  let { currentImage, fadeProgress = 0 }: Props = $props();
+</script>
+
+<div class="hero-visualization">
+  <img src={currentImage} alt="Scene" class="hero-image" />
+  <div class="hero-overlay"></div>
+  {#if fadeProgress > 0}
+    <div class="fade-overlay" style:opacity={fadeProgress}></div>
+  {/if}
+</div>
+
+<style>
+  .hero-visualization {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    background: #000;
+  }
+
+  .hero-image {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .hero-overlay {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.5) 0%,
+      rgba(0, 0, 0, 0.3) 50%,
+      rgba(0, 0, 0, 0.5) 100%
+    );
+  }
+
+  .fade-overlay {
+    position: absolute;
+    inset: 0;
+    background: #0a0a0a;
+    pointer-events: none;
+  }
+</style>
+```
+
+#### Parent Usage
+
+```svelte
+<script>
+  let heroStep = $state(0);
+  let heroScrollProgress = $state(0);
+
+  const heroImages = [
+    '/images/scene1.jpg',
+    '/images/scene2.jpg',
+    '/images/scene3.jpg'
+  ];
+
+  let currentHeroImage = $derived(heroImages[heroStep] ?? heroImages[0]);
+
+  // Fade to black on last step
+  let heroFadeProgress = $derived(() => {
+    if (heroStep !== 2) return 0;
+    const fadeStart = 0.75;
+    if (heroScrollProgress < fadeStart) return 0;
+    return Math.min(1, (heroScrollProgress - fadeStart) / (1 - fadeStart));
+  });
+</script>
+
+<ScrollySection
+  bind:activeStep={heroStep}
+  steps={heroSteps}
+  onScrollProgress={(p) => (heroScrollProgress = p)}
+>
+  {#snippet children({ activeStep })}
+    <HeroVisualization
+      currentImage={currentHeroImage}
+      fadeProgress={heroFadeProgress()}
+    />
+  {/snippet}
+</ScrollySection>
+```
+
+---
+
+### Video Scrolly (VideoScrollyVisualization)
+
+Multi-video display with step-based transitions.
+
+**Location**: `$lib/components/scrolly/VideoScrollyVisualization.svelte`
+
+```svelte
+<script lang="ts">
+  interface VideoStep {
+    videoSrc: string;
+    poster?: string;
+  }
+
+  interface Props {
+    activeStep: number;
+    videoSteps: VideoStep[];
+  }
+
+  let { activeStep, videoSteps }: Props = $props();
+
+  let videoRefs: HTMLVideoElement[] = $state([]);
+
+  $effect(() => {
+    // Pause all, play active
+    videoRefs.forEach((video, i) => {
+      if (video) {
+        if (i === activeStep) {
+          video.play().catch(() => {});
+        } else {
+          video.pause();
+          video.currentTime = 0;
+        }
+      }
+    });
+  });
+</script>
+
+<div class="video-scrolly-viz">
+  <div class="video-frame">
+    {#each videoSteps as step, i}
+      <video
+        src={step.videoSrc}
+        poster={step.poster}
+        bind:this={videoRefs[i]}
+        class="video-layer"
+        class:active={i === activeStep}
+        muted
+        loop
+        playsinline
+        preload="metadata"
+      />
+    {/each}
+  </div>
+  <div class="video-vignette"></div>
+</div>
+
+<style>
+  .video-scrolly-viz {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    background: #000;
+  }
+
+  .video-frame {
+    position: absolute;
+    inset: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .video-layer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    opacity: 0;
+    transition: opacity 500ms ease;
+    pointer-events: none;
+  }
+
+  .video-layer.active {
+    opacity: 1;
+  }
+
+  .video-vignette {
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.6) 100%);
+    pointer-events: none;
+  }
+</style>
+```
+
+#### Parent Usage
+
+```svelte
+<script>
+  let videoStep = $state(0);
+
+  const videoData = [
+    { videoSrc: '/videos/clip1.mp4' },
+    { videoSrc: '/videos/clip2.mp4' },
+    { videoSrc: '/videos/clip3.mp4' }
+  ];
+
+  const videoSteps = [
+    { raw: true, text: '<div class="quote-card">Quote 1</div>' },
+    { raw: true, text: '<div class="quote-card">Quote 2</div>' },
+    { raw: true, text: '<div class="quote-card">Quote 3</div>' }
+  ];
+</script>
+
+<ScrollySection
+  bind:activeStep={videoStep}
+  steps={videoSteps}
+  backgroundColor="#000000"
+  showTextBoxes={true}
+>
+  {#snippet children({ activeStep })}
+    <VideoScrollyVisualization {activeStep} videoSteps={videoData} />
+  {/snippet}
+</ScrollySection>
+```
+
+---
+
+### Map Scrolly (MapScrolly)
+
+Interactive map with step-driven camera movements and layer visibility.
+
+**Location**: `$lib/components/cleared/MapScrolly.svelte`
+
+#### Key Features
+
+- MapTiler/Mapbox GL integration
+- Fly-to animations between steps
+- GeoJSON layer management
+- Fade-in/fade-out overlays
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `activeStep` | `number` | required | Current step index |
+| `fadeProgress` | `number` | `0` | Fade-in overlay (1=black, 0=visible) |
+| `fadeOutProgress` | `number` | `0` | Fade-out overlay at end |
+
+#### Step Data Structure
+
+```json
+{
+  "steps": [
+    {
+      "coordinates": [92.9376, 26.2006],
+      "zoom": 7,
+      "pitch": 0,
+      "bearing": 0,
+      "duration": 2000,
+      "layers": {
+        "evictions": { "opacity": 0.6 },
+        "villages": { "visible": true, "opacity": 1.0 }
+      }
+    }
+  ]
+}
+```
+
+#### Fly-To Implementation
+
+```typescript
+function flyToStep(index: number) {
+  if (!map || !mapReady) return;
+
+  const step = steps[index];
+  if (!step) return;
+
+  map.flyTo({
+    center: step.coordinates,
+    zoom: step.zoom,
+    bearing: step.bearing || 0,
+    pitch: step.pitch || 0,
+    duration: step.duration || 2000,
+    easing: (t: number) => t * (2 - t)  // Ease-out quad
+  });
+
+  updateLayerVisibility(index);
+}
+```
+
+---
+
+### Notice Mosaic (NoticeMosaic)
+
+Scattered document display with progressive reveal.
+
+**Location**: `$lib/components/scrolly/NoticeMosaic.svelte`
+
+```svelte
+<script lang="ts">
+  interface Notice {
+    image: string;
+    alt: string;
+    title: string;
+    subtitle: string;
+    excerpt: string;
+  }
+
+  interface Props {
+    activeStep: number;
+    notices: Notice[];
+    backgroundColor?: string;
+  }
+
+  let { activeStep, notices, backgroundColor = '#1a1715' }: Props = $props();
+
+  let currentNoticeIndex = $derived(Math.min(activeStep, notices.length - 1));
+
+  // Deterministic positioning with jitter
+  function getPosition(index: number): [string, string, number] {
+    const positions: [number, number, number][] = [
+      [20, 15, -3],
+      [50, 25, 2.5],
+      [15, 45, -1.5],
+      [55, 10, 3]
+    ];
+
+    const pos = positions[index % positions.length];
+    const seed = index * 7919;
+    const jitterX = ((seed % 10) - 5) * 0.5;
+    const jitterY = (((seed * 3) % 10) - 5) * 0.5;
+
+    return [`${pos[0] + jitterX}%`, `${pos[1] + jitterY}%`, pos[2]];
+  }
+</script>
+```
+
+---
+
+## Critical CSS Rules
+
+### NEVER Use `position: fixed` for Overlays
+
+**Problem**: Fixed overlays cover the ENTIRE viewport, including content below.
+
+```css
+/* BAD - Will darken entire page */
+.fade-overlay {
+  position: fixed;
+  inset: 0;
+  background: #0a0a0a;
+  z-index: 5;
+}
+
+/* GOOD - Scoped to parent container */
+.fade-overlay {
+  position: absolute;
+  inset: 0;
+  background: #0a0a0a;
+  pointer-events: none;
+}
+```
+
+### Z-Index Guidelines
+
+Keep z-index values simple and scoped:
+
+| Layer | Z-Index | Description |
+|-------|---------|-------------|
+| Visual layer (sticky) | 1 | Background visualization |
+| Text track | 2 | Scrolling text content |
+| Fade overlays | 10 | Transition effects (inside section) |
+| Footer | 10 | Ensure footer visibility |
+
+**AVOID** high z-index values on sections adjacent to ScrollySection:
+
+```svelte
+<!-- BAD - Will stack above scrolly -->
+<section class="intro relative z-10">
+
+<!-- GOOD - Natural stacking -->
+<section class="intro relative">
+```
+
+### Sticky Positioning Requirements
+
+For `position: sticky` to work:
+
+1. **Use `overflow-x: clip`** instead of `overflow: hidden`:
+   ```css
+   :global(html), :global(body) {
+     overflow-x: clip;  /* Doesn't break sticky */
+   }
+   ```
+
+2. **Add isolation** to the scrolly container:
+   ```css
+   .scroll-section {
+     position: relative;
+     isolation: isolate;
+   }
+   ```
+
+3. **Visual layer structure**:
+   ```css
+   .visual-layer {
+     position: sticky;
+     top: 0;
+     width: 100%;
+     height: 100vh;
+     z-index: 1;
+   }
+   ```
+
+---
+
+## Non-Scrolly Content Sections
+
+For regular article content without scroll-lock:
+
+### Content Section Structure
+
+```svelte
+<section class="content-section">
+  <div class="content-container">
+    <h2 class="content-heading">Section Title</h2>
+    <div class="prose-content">
+      <p>Article content...</p>
+    </div>
+  </div>
+</section>
+```
+
+### CSS
+
+```css
+/* Dark theme content section */
+.content-section {
+  position: relative;
+  background: #0a0a0a;
+  padding: 5rem 1.5rem;
+}
+
+.content-container {
+  max-width: 42rem;
+  margin: 0 auto;
+}
+
+.content-heading {
+  font-family: 'Playfair Display', Georgia, serif;
+  font-size: clamp(1.75rem, 4vw, 2.5rem);
+  font-weight: 600;
+  line-height: 1.2;
+  color: #ffffff;
+  margin: 0 0 2rem 0;
+}
+
+.prose-content {
+  font-family: 'Source Sans 3', system-ui, sans-serif;
+  font-size: 1.125rem;
+  line-height: 1.85;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.prose-content p {
+  margin: 0 0 1.5rem 0;
+}
+
+.prose-content strong {
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.prose-content blockquote {
+  border-left: 4px solid rgba(255, 255, 255, 0.2);
+  padding-left: 1.5rem;
+  margin: 2rem 0;
+  font-style: italic;
+  color: rgba(255, 255, 255, 0.6);
+}
+```
+
+### Timeline Events
+
+```css
+.timeline-events {
+  margin: 2rem 0;
+}
+
+.event {
+  padding-left: 1.5rem;
+  border-left: 4px solid #dc2626;
+  margin-bottom: 1.5rem;
+}
+
+.event-date {
+  font-weight: 600;
+  color: #ffffff;
+  margin: 0 0 0.25rem 0;
+}
+```
+
+---
+
+## Step Data Patterns
+
+### Standard Text Steps
+
+```typescript
+const steps = [
+  {
+    title: 'September 23, 2021',
+    text: 'Event description with <strong>emphasis</strong>.',
+    source: { text: 'Reuters', url: 'https://...' },
+    imageCredit: 'Photographer Name'
+  }
+];
+```
+
+### Raw HTML Steps (Custom Cards)
+
+```typescript
+const steps = [
+  {
+    raw: true,
+    text: `
+      <div class="custom-card">
+        <span class="date">August 4, 2025</span>
+        <blockquote>"Quote text here"</blockquote>
+        <a href="..." class="source-link">View source</a>
+      </div>
+    `
+  }
+];
+```
+
+### Hero Header (First Step)
+
+```typescript
+const heroSteps = [
+  {
+    raw: true,
+    text: `
+      <div class="hero-header">
+        <h1 class="hero-title">Article Title</h1>
+        <p class="hero-desc">Subtitle description</p>
+        <div class="hero-byline">
+          <p class="byline-label">By</p>
+          <p class="byline-authors">Author Names</p>
+          <p class="byline-date">January 2026</p>
+        </div>
+      </div>
+    `
+  },
+  // ... more steps
+];
+```
+
+---
+
+## Fade Effects
+
+### Fade-to-Black at Section End
+
+```typescript
+let scrollProgress = $state(0);
+
+// Calculate fade: starts at 75% scroll, complete at 100%
+let fadeProgress = $derived(() => {
+  const fadeStart = 0.75;
+  if (scrollProgress < fadeStart) return 0;
+  return Math.min(1, (scrollProgress - fadeStart) / (1 - fadeStart));
+});
+```
+
+### Fade-in at Section Start
+
+```typescript
+// Fade from black (1) to visible (0) over first 25%
+let fadeInProgress = $derived(() => {
+  const fadeEnd = 0.25;
+  if (scrollProgress >= fadeEnd) return 0;
+  return 1 - (scrollProgress / fadeEnd);
+});
+```
+
+### Applying Fade Overlays
+
+```svelte
+{#if fadeProgress > 0}
+  <div class="fade-overlay" style:opacity={fadeProgress}></div>
+{/if}
+
+<style>
+  .fade-overlay {
+    position: absolute;
+    inset: 0;
+    background: #0a0a0a;
+    pointer-events: none;
+    z-index: 10;
+  }
+</style>
+```
+
+---
+
+## Complete Page Structure
+
+```svelte
+<div class="article-container">
+  <!-- Hero Scrolly -->
+  <ScrollySection bind:activeStep={heroStep} steps={heroSteps}>
+    {#snippet children({ activeStep })}
+      <HeroVisualization ... />
+    {/snippet}
+  </ScrollySection>
+
+  <!-- Data Visualization Scrolly -->
+  <ScrollySection bind:activeStep={dataStep} steps={dataSteps}>
+    {#snippet children({ activeStep })}
+      <DataVisualization ... />
+    {/snippet}
+  </ScrollySection>
+
+  <!-- Regular Content Section -->
+  <section class="content-section">
+    <div class="content-container">
+      <h2>Section Title</h2>
+      <div class="prose-content">...</div>
+    </div>
+  </section>
+
+  <!-- Map Scrolly -->
+  <ScrollySection bind:activeStep={mapStep} steps={mapSteps}>
+    {#snippet children({ activeStep })}
+      <MapScrolly ... />
+    {/snippet}
+  </ScrollySection>
+
+  <!-- Footer -->
+  <footer class="article-footer">...</footer>
+</div>
+
+<style>
+  .article-container {
+    background: #0a0a0a;
+    min-height: 100vh;
+  }
+
+  :global(html), :global(body) {
+    overflow-x: clip;
+  }
+</style>
+```
+
+---
+
+## Troubleshooting
+
+### Video Scrolly Not Visible
+
+1. Check z-index on surrounding sections (remove `z-10`)
+2. Ensure no `position: fixed` overlays covering viewport
+3. Verify video files exist at specified paths
+
+### Dark Overlay Covering Entire Page
+
+**Cause**: Fade overlay using `position: fixed` instead of `absolute`
+
+**Fix**:
+```css
+.fade-overlay {
+  position: absolute;  /* Not fixed! */
+  inset: 0;
+}
+```
+
+### Sticky Not Working
+
+1. Check for `overflow: hidden` on ancestors (use `overflow-x: clip`)
+2. Verify `position: sticky` has `top: 0`
+3. Ensure container has defined height or content
+
+### Steps Not Triggering
+
+1. Verify step elements have sufficient height (`min-height: 70vh`)
+2. Check IntersectionObserver margin settings
+3. Ensure steps are direct children of ScrollyHelper
+
+---
+
+## Typography Guidelines
+
+```css
+/* Headings */
+font-family: 'Playfair Display', Georgia, serif;
+
+/* Body text */
+font-family: 'Source Sans 3', system-ui, sans-serif;
+
+/* Monospace/dates */
+font-family: 'JetBrains Mono', 'Courier New', monospace;
+```
+
+### Font Loading
+
+```svelte
+<svelte:head>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+  <link
+    href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Playfair+Display:wght@400;500;600;700&family=Source+Sans+3:wght@300;400;500;600&display=swap"
+    rel="stylesheet"
+  />
+</svelte:head>
+```
+
+---
+
+## Dependencies
+
+```json
+{
+  "dependencies": {
+    "svelte": "^5.0.0",
+    "@sveltejs/kit": "^2.0.0"
+  }
+}
+```
+
+Optional for specific visualizations:
+- `mapbox-gl` or `@maptiler/sdk` for maps
+- `d3` for data visualizations
+- `gsap` for complex animations

skills/scrolly-sveltekit/references/HeroVisualization.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+	/**
+	 * HeroVisualization - Single image with src swapping
+	 * Images change via direct calls from parent
+	 */
+
+	interface Props {
+		currentImage: string;
+		fadeProgress?: number; // 0-1, controls fade-to-black overlay
+	}
+
+	let { currentImage, fadeProgress = 0 }: Props = $props();
+</script>
+
+<div class="hero-visualization">
+	<img src={currentImage} alt="Assam eviction scene" class="hero-image" />
+	<div class="hero-overlay"></div>
+	{#if fadeProgress > 0}
+		<div class="fade-overlay" style:opacity={fadeProgress}></div>
+	{/if}
+</div>
+
+<style>
+	.hero-visualization {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		background: #000;
+	}
+
+	.hero-image {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+	}
+
+	.hero-overlay {
+		position: absolute;
+		inset: 0;
+		background: linear-gradient(
+			to bottom,
+			rgba(0, 0, 0, 0.5) 0%,
+			rgba(0, 0, 0, 0.3) 50%,
+			rgba(0, 0, 0, 0.5) 100%
+		);
+	}
+
+	.fade-overlay {
+		position: absolute;
+		inset: 0;
+		background: #0a0a0a;
+		pointer-events: none;
+	}
+</style>

skills/scrolly-sveltekit/references/MapScrolly.svelte

@@ -0,0 +1,346 @@
+<script lang="ts">
+	/**
+	 * MapScrolly - Interactive map visualization for eviction locations
+	 *
+	 * Displays a MapTiler map with GeoJSON overlays showing eviction
+	 * locations and demolished villages. Receives activeStep from parent
+	 * ScrollySection and flies to appropriate locations.
+	 */
+	import { onMount, onDestroy } from 'svelte';
+
+	// MapTiler API Key - TODO: Move to env variable
+	const MAPTILER_API_KEY = 'RAt0tXJKfw0bbmg4ox00';
+
+	interface Props {
+		activeStep: number;
+		fadeProgress?: number; // 0-1, controls fade-in overlay (1 = black, 0 = visible)
+		fadeOutProgress?: number; // 0-1, controls fade-out overlay at end (0 = visible, 1 = black)
+	}
+
+	let { activeStep, fadeProgress = 0, fadeOutProgress = 0 }: Props = $props();
+
+	// State
+	let map: any = null;
+	let mapContainer: HTMLDivElement | undefined = $state();
+	let steps = $state<any[]>([]);
+	let mapReady = $state(false);
+	let mapError = $state<string | null>(null);
+	let evictionsData: any = null;
+	let villagesData: any = null;
+	let checkSDKInterval: ReturnType<typeof setInterval> | null = null;
+
+	// Track previous step to detect changes
+	let prevStep = $state(-1);
+
+	// Load narrative steps and GeoJSON data
+	async function loadData() {
+		try {
+			const [narrativeRes, evictionsRes, villagesRes] = await Promise.all([
+				fetch('/data/cleared/map-narrative.json'),
+				fetch('/data/cleared/evictions.geojson'),
+				fetch('/data/cleared/villages_demolished.geojson')
+			]);
+
+			const narrativeData = await narrativeRes.json();
+			steps = narrativeData.steps;
+
+			evictionsData = await evictionsRes.json();
+			villagesData = await villagesRes.json();
+		} catch (error) {
+			console.error('Error loading map data:', error);
+			mapError = 'Failed to load map data';
+		}
+	}
+
+	async function initializeMap() {
+		if (!window.maptilersdk || !mapContainer) {
+			mapError = 'MapTiler SDK not loaded';
+			return;
+		}
+
+		try {
+			window.maptilersdk.config.apiKey = MAPTILER_API_KEY;
+
+			const initialStep = steps[0] || {
+				coordinates: [92.9376, 26.2006],
+				zoom: 7,
+				pitch: 0,
+				bearing: 0
+			};
+
+			map = new window.maptilersdk.Map({
+				container: mapContainer,
+				style: `https://api.maptiler.com/maps/019bb7f2-4716-7d50-a72b-f38b90548534/style.json?key=${MAPTILER_API_KEY}`,
+				center: initialStep.coordinates,
+				zoom: initialStep.zoom,
+				pitch: initialStep.pitch,
+				bearing: initialStep.bearing,
+				interactive: false,
+				scrollZoom: false,
+				boxZoom: false,
+				dragRotate: false,
+				dragPan: false,
+				keyboard: false,
+				doubleClickZoom: false,
+				touchZoomRotate: false,
+				navigationControl: false,
+				attributionControl: true
+			});
+
+			await map.onReadyAsync();
+			addMapLayers();
+			mapReady = true;
+
+			// Fly to initial step if activeStep > 0
+			if (activeStep > 0 && steps[activeStep]) {
+				flyToStep(activeStep);
+			}
+		} catch (error) {
+			console.error('Error initializing map:', error);
+			mapError = 'Failed to initialize map';
+		}
+	}
+
+	function addMapLayers() {
+		if (!evictionsData || !villagesData || !map) return;
+
+		// Add evictions source and layer
+		map.addSource('evictions', {
+			type: 'geojson',
+			data: evictionsData
+		});
+
+		map.addLayer({
+			id: 'evictions-circles',
+			type: 'circle',
+			source: 'evictions',
+			paint: {
+				'circle-radius': [
+					'interpolate',
+					['linear'],
+					['get', 'people_evicted'],
+					100, 5,
+					5000, 12,
+					15000, 22
+				],
+				'circle-color': '#9F3E52',
+				'circle-opacity': 0.6,
+				'circle-stroke-width': 1,
+				'circle-stroke-color': '#ffffff',
+				'circle-stroke-opacity': 0.3
+			}
+		});
+
+		// Add villages source and layer (initially hidden)
+		map.addSource('villages', {
+			type: 'geojson',
+			data: villagesData
+		});
+
+		map.addLayer({
+			id: 'villages-circles',
+			type: 'circle',
+			source: 'villages',
+			paint: {
+				'circle-radius': [
+					'interpolate',
+					['linear'],
+					['get', 'population_displaced'],
+					100, 8,
+					3000, 14,
+					9000, 20
+				],
+				'circle-color': '#35B58B',
+				'circle-opacity': 0,
+				'circle-stroke-width': 2,
+				'circle-stroke-color': '#ffffff',
+				'circle-stroke-opacity': 0
+			}
+		});
+
+		// Add village labels layer
+		map.addLayer({
+			id: 'villages-labels',
+			type: 'symbol',
+			source: 'villages',
+			layout: {
+				'text-field': ['get', 'name'],
+				'text-size': 12,
+				'text-offset': [0, 1.5],
+				'text-anchor': 'top'
+			},
+			paint: {
+				'text-color': '#ffffff',
+				'text-halo-color': '#000000',
+				'text-halo-width': 1,
+				'text-opacity': 0
+			}
+		});
+	}
+
+	function updateLayerVisibility(stepIndex: number) {
+		if (!map || !mapReady) return;
+
+		const step = steps[stepIndex];
+		if (!step?.layers) return;
+
+		// Update evictions layer
+		if (step.layers.evictions) {
+			map.setPaintProperty(
+				'evictions-circles',
+				'circle-opacity',
+				step.layers.evictions.opacity || 0.6
+			);
+		}
+
+		// Update villages layer
+		if (step.layers.villages) {
+			const villageOpacity = step.layers.villages.visible ? (step.layers.villages.opacity || 1.0) : 0;
+			map.setPaintProperty('villages-circles', 'circle-opacity', villageOpacity);
+			map.setPaintProperty('villages-circles', 'circle-stroke-opacity', villageOpacity);
+			map.setPaintProperty('villages-labels', 'text-opacity', villageOpacity > 0.5 ? 1 : 0);
+
+			// Highlight effect for final step
+			if (step.layers.villages.highlight) {
+				map.setPaintProperty('villages-circles', 'circle-stroke-width', 3);
+				map.setPaintProperty('villages-circles', 'circle-color', '#35B58B');
+			} else {
+				map.setPaintProperty('villages-circles', 'circle-stroke-width', 2);
+			}
+		}
+	}
+
+	function flyToStep(index: number) {
+		if (!map || !mapReady) return;
+
+		const step = steps[index];
+		if (!step) return;
+
+		map.flyTo({
+			center: step.coordinates,
+			zoom: step.zoom,
+			bearing: step.bearing || 0,
+			pitch: step.pitch || 0,
+			duration: step.duration || 2000,
+			easing: (t: number) => t * (2 - t)
+		});
+
+		updateLayerVisibility(index);
+	}
+
+	// Effect to fly to step when activeStep changes
+	$effect(() => {
+		if (mapReady && activeStep !== prevStep) {
+			prevStep = activeStep;
+			flyToStep(activeStep);
+		}
+	});
+
+	onMount(async () => {
+		await loadData();
+
+		// Wait for SDK to be available with cleanup
+		checkSDKInterval = setInterval(() => {
+			if (window.maptilersdk) {
+				if (checkSDKInterval) {
+					clearInterval(checkSDKInterval);
+					checkSDKInterval = null;
+				}
+				initializeMap();
+			}
+		}, 100);
+
+		// Timeout after 10 seconds
+		setTimeout(() => {
+			if (checkSDKInterval) {
+				clearInterval(checkSDKInterval);
+				checkSDKInterval = null;
+				if (!mapReady) {
+					mapError = 'Map SDK failed to load';
+				}
+			}
+		}, 10000);
+	});
+
+	onDestroy(() => {
+		// Clean up interval if still running
+		if (checkSDKInterval) {
+			clearInterval(checkSDKInterval);
+			checkSDKInterval = null;
+		}
+		// Clean up map
+		if (map) {
+			map.remove();
+			map = null;
+		}
+	});
+</script>
+
+<svelte:head>
+	<link rel="preconnect" href="https://cdn.maptiler.com" />
+	<link rel="dns-prefetch" href="https://cdn.maptiler.com" />
+	<script src="https://cdn.maptiler.com/maptiler-sdk-js/v3.6.1/maptiler-sdk.umd.min.js"></script>
+	<link href="https://cdn.maptiler.com/maptiler-sdk-js/v3.6.1/maptiler-sdk.css" rel="stylesheet" />
+</svelte:head>
+
+<div class="map-viz">
+	<div class="map" bind:this={mapContainer}></div>
+
+	{#if mapError}
+		<div class="map-error">
+			<p>{mapError}</p>
+		</div>
+	{:else if !mapReady}
+		<div class="map-loading">
+			<p>Loading map...</p>
+		</div>
+	{/if}
+
+	{#if fadeProgress > 0 || fadeOutProgress > 0}
+		<div class="fade-overlay" style:opacity={Math.max(fadeProgress, fadeOutProgress)}></div>
+	{/if}
+</div>
+
+<style>
+	.map-viz {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		background: #0d0d0d;
+	}
+
+	.map {
+		width: 100%;
+		height: 100%;
+	}
+
+	.map-loading,
+	.map-error {
+		position: absolute;
+		inset: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: rgba(13, 13, 13, 0.9);
+	}
+
+	.map-loading p,
+	.map-error p {
+		font-family: 'Source Sans 3', system-ui, sans-serif;
+		font-size: 1rem;
+		color: rgba(255, 255, 255, 0.6);
+	}
+
+	.map-error p {
+		color: #e57373;
+	}
+
+	.fade-overlay {
+		position: absolute;
+		inset: 0;
+		background: #0a0a0a;
+		pointer-events: none;
+		z-index: 10;
+	}
+</style>

skills/scrolly-sveltekit/references/NoticeMosaic.svelte

@@ -0,0 +1,229 @@
+<script lang="ts">
+	/**
+	 * NoticeMosaic - Scroll-triggered mosaic of eviction notices
+	 *
+	 * Displays document images in a scattered "evidence board" layout,
+	 * progressively revealing them as activeStep increases. Includes an
+	 * animated text placard showing details for each notice.
+	 */
+	import { fade } from 'svelte/transition';
+	import { onMount } from 'svelte';
+
+	export interface Notice {
+		image: string;
+		alt: string;
+		title: string;
+		subtitle: string;
+		excerpt: string;
+	}
+
+	interface Props {
+		activeStep: number;
+		notices: Notice[];
+		backgroundColor?: string;
+	}
+
+	let { activeStep, notices, backgroundColor = '#1a1715' }: Props = $props();
+
+	let viewportHeight = $state(0);
+	let isMobile = $state(false);
+
+	// Current notice index based on activeStep
+	let currentNoticeIndex = $derived(Math.min(activeStep, notices.length - 1));
+
+	// Pre-computed positions for each notice (deterministic based on index)
+	function getPosition(index: number): [string, string, number] {
+		const positions: [number, number, number][] = [
+			[20, 15, -3],
+			[50, 25, 2.5],
+			[15, 45, -1.5],
+			[55, 10, 3]
+		];
+
+		const pos = positions[index % positions.length];
+
+		// Add slight randomization for organic feel (seeded by index)
+		const seed = index * 7919;
+		const jitterX = ((seed % 10) - 5) * 0.5;
+		const jitterY = (((seed * 3) % 10) - 5) * 0.5;
+		const jitterRot = (((seed * 7) % 10) - 5) * 0.2;
+
+		return [
+			`${pos[0] + jitterX}%`,
+			`${pos[1] + jitterY}%`,
+			pos[2] + jitterRot
+		];
+	}
+
+	onMount(() => {
+		viewportHeight = window.innerHeight;
+		isMobile = window.innerWidth < 640;
+
+		const handleResize = () => {
+			viewportHeight = window.innerHeight;
+			isMobile = window.innerWidth < 640;
+		};
+
+		window.addEventListener('resize', handleResize);
+		return () => window.removeEventListener('resize', handleResize);
+	});
+</script>
+
+<div class="notice-mosaic" style:background={backgroundColor}>
+	<!-- Notice images -->
+	{#each notices as notice, i}
+		{@const pos = getPosition(i)}
+		{#if i <= currentNoticeIndex}
+			<div
+				class="notice-image"
+				class:mobile={isMobile}
+				style:left={pos[0]}
+				style:top={pos[1]}
+				style:transform="rotate({pos[2]}deg)"
+				in:fade={{ duration: 350 }}
+			>
+				<img src={notice.image} alt={notice.alt} loading="lazy" />
+			</div>
+		{/if}
+	{/each}
+
+	<!-- Text placard -->
+	<div class="notice-placard" class:mobile={isMobile}>
+		{#if notices[currentNoticeIndex]}
+			{#key currentNoticeIndex}
+				<div
+					class="placard-content"
+					in:fade={{ duration: 250, delay: 100 }}
+					out:fade={{ duration: 150 }}
+				>
+					<p class="placard-title">{notices[currentNoticeIndex].title}</p>
+					<p class="placard-subtitle">{notices[currentNoticeIndex].subtitle}</p>
+					<p class="placard-excerpt">{notices[currentNoticeIndex].excerpt}</p>
+				</div>
+			{/key}
+		{:else}
+			<div class="placard-content placard-empty">
+				<p class="placard-subtitle">Scroll to reveal eviction notices</p>
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.notice-mosaic {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+	}
+
+	/* Notice image cards - sized like photos on a desk */
+	.notice-image {
+		position: absolute;
+		max-width: 25vw;
+		box-shadow:
+			0 2px 4px rgba(0, 0, 0, 0.1),
+			0 4px 8px rgba(0, 0, 0, 0.1),
+			0 8px 16px rgba(0, 0, 0, 0.15),
+			0 16px 32px rgba(0, 0, 0, 0.2);
+		border-radius: 2px;
+		background: #f5f2eb;
+		padding: 3px;
+	}
+
+	.notice-image.mobile {
+		max-width: 50vw;
+	}
+
+	.notice-image img {
+		display: block;
+		width: 100%;
+		height: auto;
+		border-radius: 1px;
+	}
+
+	/* Text placard - museum card style with fixed height to prevent jumping */
+	.notice-placard {
+		position: absolute;
+		bottom: 6%;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 90%;
+		max-width: 480px;
+		height: 150px;
+		background: linear-gradient(135deg, #2a2622 0%, #1f1c19 100%);
+		border-left: 3px solid #c45c4a;
+		box-shadow:
+			0 4px 20px rgba(0, 0, 0, 0.4),
+			inset 0 1px 0 rgba(255, 255, 255, 0.05);
+		border-radius: 2px;
+		overflow: hidden;
+	}
+
+	.notice-placard.mobile {
+		bottom: 4%;
+		width: 94%;
+		height: 140px;
+	}
+
+	/* Content is absolutely positioned so fade doesn't affect container size */
+	.placard-content {
+		position: absolute;
+		inset: 0;
+		padding: 1.25rem 1.5rem;
+		display: flex;
+		flex-direction: column;
+		gap: 0.35rem;
+	}
+
+	.notice-placard.mobile .placard-content {
+		padding: 1rem 1.25rem;
+	}
+
+	.placard-empty {
+		justify-content: center;
+	}
+
+	.placard-title {
+		font-family: 'Source Sans 3', system-ui, sans-serif;
+		font-size: 1.25rem;
+		font-weight: 700;
+		color: #ffffff;
+		letter-spacing: 0.01em;
+		margin: 0;
+	}
+
+	.placard-subtitle {
+		font-family: 'Source Sans 3', system-ui, sans-serif;
+		font-size: 0.9375rem;
+		font-weight: 500;
+		color: #d4d0c8;
+		margin: 0;
+	}
+
+	.placard-excerpt {
+		font-family: 'Courier Prime', 'Courier New', monospace;
+		font-size: 1rem;
+		font-weight: 500;
+		font-style: italic;
+		color: #e8715f;
+		margin: 0.5rem 0 0 0;
+		line-height: 1.5;
+	}
+
+	/* Mobile adjustments */
+	@media (max-width: 640px) {
+		.placard-title {
+			font-size: 1rem;
+		}
+
+		.placard-subtitle {
+			font-size: 0.8125rem;
+		}
+
+		.placard-excerpt {
+			font-size: 0.875rem;
+		}
+	}
+</style>

skills/scrolly-sveltekit/references/ScrollyHelper.svelte

@@ -0,0 +1,107 @@
+<script lang="ts">
+	/**
+	 * ScrollyHelper - IntersectionObserver-based scroll step tracker
+	 *
+	 * Tracks which child element is most visible in the viewport and exports
+	 * a reactive `value` binding indicating the current step index.
+	 * Returns `undefined` when no steps are in view.
+	 *
+	 * Based on sleep-training's Scrolly.svelte pattern.
+	 *
+	 * Usage:
+	 * <ScrollyHelper bind:value={currentStep}>
+	 *   <div class="step">Step 0</div>
+	 *   <div class="step">Step 1</div>
+	 *   <div class="step">Step 2</div>
+	 * </ScrollyHelper>
+	 */
+	import { onMount } from 'svelte';
+
+	interface Props {
+		value?: number;
+		root?: Element | null;
+		top?: number;
+		bottom?: number;
+		increments?: number;
+	}
+
+	let {
+		value = $bindable(undefined),
+		root = null,
+		top = 0,
+		bottom = 0,
+		increments = 100
+	}: Props = $props();
+
+	let container: HTMLDivElement;
+	let nodes: NodeListOf<Element>;
+	let intersectionObservers: IntersectionObserver[] = [];
+	const steps: number[] = [];
+	const threshold: number[] = [];
+
+	function mostInView() {
+		let maxRatio = 0;
+		let maxIndex = 0;
+		for (let i = 0; i < steps.length; i++) {
+			if (steps[i] > maxRatio) {
+				maxRatio = steps[i];
+				maxIndex = i;
+			}
+		}
+
+		// Simple: return index if something visible, undefined otherwise
+		if (maxRatio > 0) value = maxIndex;
+		else value = undefined;
+	}
+
+	function createObserver(node: Element, index: number) {
+		const handleIntersect = (entries: IntersectionObserverEntry[]) => {
+			const ratio = entries[0].intersectionRatio;
+			steps[index] = ratio;
+			mostInView();
+		};
+
+		const marginTop = top ? top * -1 : 0;
+		const marginBottom = bottom ? bottom * -1 : 0;
+		const rootMargin = `${marginTop}px 0px ${marginBottom}px 0px`;
+		const options = { root, rootMargin, threshold };
+
+		if (intersectionObservers[index]) {
+			intersectionObservers[index].disconnect();
+		}
+
+		const io = new IntersectionObserver(handleIntersect, options);
+		io.observe(node);
+		intersectionObservers[index] = io;
+	}
+
+	function update() {
+		if (!nodes?.length) return;
+		nodes.forEach((node, index) => createObserver(node, index));
+	}
+
+	$effect(() => {
+		// Re-run update when top or bottom changes
+		top;
+		bottom;
+		update();
+	});
+
+	onMount(() => {
+		// Build threshold array (0 to 1 in increments)
+		for (let i = 0; i <= increments; i++) {
+			threshold.push(i / increments);
+		}
+		nodes = container.querySelectorAll(':scope > *:not(iframe)');
+		update();
+
+		return () => {
+			// Cleanup observers on unmount
+			intersectionObservers.forEach((io) => io?.disconnect());
+		};
+	});
+</script>
+
+<div bind:this={container}>
+	<slot />
+</div>

skills/scrolly-sveltekit/references/ScrollySection.svelte

@@ -0,0 +1,278 @@
+<script lang="ts">
+	/**
+	 * ScrollySection - Reusable scrollytelling container
+	 *
+	 * Based on the sleep-training pattern:
+	 * - Sticky visualization container
+	 * - Scroll steps with negative margin-top to overlap sticky
+	 * - Text boxes appear ON TOP of visualization
+	 * - STICKY LOGIC: preserves first/last step when scrolling past section
+	 */
+	import ScrollyHelper from './ScrollyHelper.svelte';
+	import ScrollyTextBox from './ScrollyTextBox.svelte';
+	import { onMount } from 'svelte';
+
+	interface SourceLink {
+		text: string;
+		url: string;
+	}
+
+	interface Step {
+		text?: string;
+		title?: string;
+		image?: string;
+		bgColor?: string;
+		raw?: boolean; // If true, render text without ScrollyTextBox wrapper
+		source?: SourceLink; // Optional source link for citations
+		imageCredit?: string; // Optional photo credit
+	}
+
+	interface Props {
+		activeStep?: number;
+		steps: Step[];
+		backgroundColor?: string;
+		showTextBoxes?: boolean;
+		textBoxVariant?: 'light' | 'dark';
+		textBoxPosition?: 'center' | 'left' | 'right';
+		firstStepOffset?: number; // Extra viewport fraction to push first step down (0 = default, 0.5 = 50vh lower)
+		onStepEnter?: (stepIndex: number, direction: 'up' | 'down') => void;
+		onScrollProgress?: (progress: number) => void;
+		children?: import('svelte').Snippet<[{ activeStep: number }]>;
+	}
+
+	let {
+		activeStep = $bindable(0),
+		steps,
+		backgroundColor = '#0a0a0a',
+		showTextBoxes = true,
+		textBoxVariant = 'light',
+		textBoxPosition = 'center',
+		firstStepOffset = 0,
+		onStepEnter,
+		onScrollProgress,
+		children
+	}: Props = $props();
+
+	// Raw value from ScrollyHelper (can be undefined when nothing visible)
+	let rawStep = $state<number | undefined>(undefined);
+
+	// Internal step that's always valid (applies sticky logic)
+	let internalStep = $state(0);
+
+	// Track previous step for direction detection
+	let previousStep = $state<number | undefined>(undefined);
+
+	// STICKY LOGIC: When rawStep is defined, use it. When undefined (scrolled past),
+	// internalStep naturally stays at its current value (first or last step).
+	$effect(() => {
+		if (rawStep !== undefined) {
+			internalStep = rawStep;
+		}
+		activeStep = internalStep;
+	});
+
+	// Fire onStepEnter callback when internalStep changes
+	$effect(() => {
+		if (internalStep !== previousStep) {
+			const direction = previousStep === undefined || internalStep > previousStep ? 'down' : 'up';
+			onStepEnter?.(internalStep, direction);
+			previousStep = internalStep;
+		}
+	});
+
+	let viewportHeight = $state(800);
+	let stepHeight = $derived(Math.max(viewportHeight * 0.7, 520));
+	let stepGap = $derived(Math.max(viewportHeight * 0.25, 240));
+	let triggerOffset = $derived(Math.round(viewportHeight * 0.25));
+
+	// Section element reference for scroll progress tracking
+	let sectionEl: HTMLElement | undefined = $state();
+
+	onMount(() => {
+		viewportHeight = window.innerHeight;
+		const handleResize = () => (viewportHeight = window.innerHeight);
+		window.addEventListener('resize', handleResize);
+
+		// Scroll progress tracking
+		const handleScroll = () => {
+			if (!sectionEl || !onScrollProgress) return;
+
+			const rect = sectionEl.getBoundingClientRect();
+			const sectionHeight = rect.height;
+			const scrolledPast = -rect.top; // How far we've scrolled into/past the section
+			const scrollableDistance = sectionHeight - viewportHeight;
+
+			// Progress: 0 = at top of section, 1 = scrolled past section
+			const progress = Math.max(0, Math.min(1, scrolledPast / scrollableDistance));
+			onScrollProgress(progress);
+		};
+
+		if (onScrollProgress) {
+			window.addEventListener('scroll', handleScroll, { passive: true });
+			handleScroll(); // Initial call
+		}
+
+		return () => {
+			window.removeEventListener('resize', handleResize);
+			if (onScrollProgress) {
+				window.removeEventListener('scroll', handleScroll);
+			}
+		};
+	});
+</script>
+
+<section
+	bind:this={sectionEl}
+	class="scroll-section"
+	style:background={backgroundColor}
+	style={`--vh:${viewportHeight}px`}
+>
+	<div class="scroll-inner">
+		<!-- Sticky visualization layer -->
+		<div class="visual-layer">
+			{#if children}
+				{@render children({ activeStep: internalStep })}
+			{/if}
+		</div>
+
+		<!-- Text track (drives scroll + animation state) -->
+		<div class="text-track">
+			<ScrollyHelper bind:value={rawStep} top={triggerOffset} bottom={triggerOffset}>
+				{#each steps as step, i}
+					{@const isFirst = i === 0}
+					{@const isLast = i === steps.length - 1}
+					{@const active = internalStep === i}
+					<div
+						class="step"
+						class:active
+						class:step-first={isFirst}
+						style:min-height={isFirst && step.raw ? `${viewportHeight}px` : `${stepHeight}px`}
+						style:margin-bottom={`${isLast ? viewportHeight * 0.5 : stepGap}px`}
+						style:margin-top={isFirst && firstStepOffset > 0 ? `${viewportHeight * (-1 + firstStepOffset)}px` : undefined}
+					>
+						{#if step.raw && step.text}
+							<!-- Raw content without text box wrapper -->
+							<div class="step-raw">
+								{@html step.text}
+							</div>
+						{:else if showTextBoxes && step.text}
+							<div
+								class="step-content"
+								class:position-left={textBoxPosition === 'left'}
+								class:position-right={textBoxPosition === 'right'}
+							>
+								<ScrollyTextBox
+									title={step.title || ''}
+									image={step.image || null}
+									bgColor={step.bgColor || null}
+									source={step.source || null}
+									imageCredit={step.imageCredit || null}
+									{active}
+									variant={textBoxVariant}
+								>
+									{@html step.text}
+								</ScrollyTextBox>
+							</div>
+						{/if}
+					</div>
+				{/each}
+			</ScrollyHelper>
+		</div>
+	</div>
+</section>
+
+<style>
+	.scroll-section {
+		position: relative;
+		width: 100%;
+		isolation: isolate;
+	}
+
+	.scroll-inner {
+		position: relative;
+	}
+
+	.visual-layer {
+		position: sticky;
+		top: 0;
+		width: 100%;
+		height: 100vh;
+		min-height: var(--vh);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: 1;
+	}
+
+	.text-track {
+		position: relative;
+		z-index: 2;
+		max-width: 1200px;
+		margin: 0 auto;
+		padding: 0 1.5rem calc(var(--vh) * 0.4);
+	}
+
+	.step {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		opacity: 0.35;
+		transform: translateY(6px);
+		transition: opacity 220ms ease, transform 220ms ease;
+		pointer-events: none;
+	}
+
+	.step.active {
+		opacity: 1;
+		transform: translateY(0);
+	}
+
+	/* First step starts at negative margin to overlap sticky layer from top */
+	.step.step-first {
+		margin-top: calc(var(--vh) * -1);
+	}
+
+	.step-raw {
+		pointer-events: auto;
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.step-content {
+		pointer-events: auto;
+		max-width: 480px;
+		width: 100%;
+		padding: 0 0.5rem;
+	}
+
+	.step-content.position-left {
+		margin-right: auto;
+	}
+
+	.step-content.position-right {
+		margin-left: auto;
+	}
+
+	@media (max-width: 900px) {
+		.text-track {
+			padding: calc(var(--vh) * 0.2) 1.25rem calc(var(--vh) * 0.35);
+		}
+	}
+
+	@media (max-width: 768px) {
+		.text-track {
+			padding: calc(var(--vh) * 0.18) 1rem calc(var(--vh) * 0.25);
+		}
+
+		.step-content {
+			max-width: 360px;
+		}
+
+		.step-content.position-left,
+		.step-content.position-right {
+			margin: 0 auto;
+		}
+	}
+</style>

skills/scrolly-sveltekit/references/ScrollyTextBox.svelte

@@ -0,0 +1,260 @@
+<script lang="ts">
+	/**
+	 * ScrollyTextBox - Unified text box component for scrollytelling sections
+	 *
+	 * Used in both photo scrolly and data visualization scrolly for consistent styling.
+	 * Features active state transitions, responsive sizing, and slot-based content.
+	 */
+	import type { Snippet } from 'svelte';
+
+	interface SourceLink {
+		text: string;
+		url: string;
+	}
+
+	interface Props {
+		title?: string;
+		image?: string | null;
+		bgColor?: string | null;
+		active?: boolean;
+		variant?: 'light' | 'dark';
+		maxWidth?: 'narrow' | 'wide';
+		source?: SourceLink | null;
+		imageCredit?: string | null;
+		children?: Snippet;
+	}
+
+	let {
+		title = '',
+		image = null,
+		bgColor = null,
+		active = true,
+		variant = 'light',
+		maxWidth = 'narrow',
+		source = null,
+		imageCredit = null,
+		children
+	}: Props = $props();
+</script>
+
+<div
+	class="scrolly-text-box"
+	class:active
+	class:dark={variant === 'dark'}
+	class:wide={maxWidth === 'wide'}
+	class:has-image={image}
+	class:custom-bg={bgColor}
+	style:--custom-bg={bgColor}
+>
+	{#if image}
+		<img src={image} alt="" class="box-image" />
+	{/if}
+	{#if title}
+		<h2 class="box-title">{title}</h2>
+	{/if}
+	<div class="box-content">
+		{@render children?.()}
+	</div>
+	{#if imageCredit || source}
+		<div class="box-footer">
+			{#if imageCredit}
+				<span class="image-credit">Photo: {imageCredit}</span>
+			{/if}
+			{#if imageCredit && source}
+				<span class="footer-divider">|</span>
+			{/if}
+			{#if source}
+				<a href={source.url} target="_blank" rel="noopener noreferrer" class="source-link">
+					Source: {source.text} →
+				</a>
+			{/if}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.scrolly-text-box {
+		max-width: 380px;
+		background: rgba(255, 255, 255, 0.96);
+		backdrop-filter: blur(6px);
+		-webkit-backdrop-filter: blur(6px);
+		padding: 1.5rem 1.75rem;
+		border-radius: 6px;
+		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
+		opacity: 0.75;
+		transform: translateY(8px);
+		transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+		pointer-events: auto;
+	}
+
+	.scrolly-text-box.active {
+		opacity: 1;
+		transform: translateY(0);
+	}
+
+	.scrolly-text-box.wide {
+		max-width: 480px;
+	}
+
+	.scrolly-text-box.has-image {
+		max-width: 320px;
+	}
+
+	.box-image {
+		width: 100%;
+		height: auto;
+		border-radius: 4px;
+		margin-bottom: 1rem;
+	}
+
+	.scrolly-text-box.dark {
+		background: rgba(15, 15, 15, 0.92);
+	}
+
+	.scrolly-text-box.custom-bg {
+		background: var(--custom-bg);
+	}
+
+	.scrolly-text-box.dark .box-title,
+	.scrolly-text-box.custom-bg .box-title {
+		color: rgba(255, 255, 255, 0.95);
+	}
+
+	.scrolly-text-box.dark .box-content,
+	.scrolly-text-box.custom-bg .box-content {
+		color: rgba(255, 255, 255, 0.9);
+	}
+
+	.box-title {
+		font-family: 'Playfair Display', Georgia, serif;
+		font-size: 1.5rem;
+		font-weight: 600;
+		line-height: 1.25;
+		margin: 0 0 0.75rem 0;
+		color: #1a1a1a;
+	}
+
+	.box-content {
+		font-family: 'Source Sans 3', system-ui, sans-serif;
+		font-size: 1.05rem;
+		line-height: 1.65;
+		color: #2a2a2a;
+	}
+
+	.box-content :global(p) {
+		margin: 0;
+	}
+
+	.box-content :global(p + p) {
+		margin-top: 1em;
+	}
+
+	.box-content :global(strong) {
+		font-weight: 600;
+		color: #000;
+	}
+
+	.scrolly-text-box.dark .box-content :global(strong) {
+		color: #fff;
+	}
+
+	/* Category highlight colors - TNH branding */
+	.box-content :global(.highlight-env),
+	.box-content :global(.highlight-dev),
+	.box-content :global(.highlight-admin),
+	.box-content :global(.highlight-satra) {
+		color: white;
+		padding: 0.1em 0.4em;
+		border-radius: 3px;
+		font-weight: 500;
+		box-decoration-break: clone;
+		-webkit-box-decoration-break: clone;
+	}
+
+	.box-content :global(.highlight-env) {
+		background: #35B58B;
+	}
+
+	.box-content :global(.highlight-dev) {
+		background: #9F3E52;
+	}
+
+	.box-content :global(.highlight-admin) {
+		background: #E8A84C;
+	}
+
+	.box-content :global(.highlight-satra) {
+		background: #6B7FD7;
+	}
+
+	/* Footer with source and image credit */
+	.box-footer {
+		margin-top: 1rem;
+		padding-top: 0.75rem;
+		border-top: 1px solid rgba(0, 0, 0, 0.1);
+		font-family: 'Source Sans 3', system-ui, sans-serif;
+		font-size: 0.8rem;
+		color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: 0.5rem;
+	}
+
+	.scrolly-text-box.dark .box-footer {
+		border-top-color: rgba(255, 255, 255, 0.15);
+		color: rgba(255, 255, 255, 0.5);
+	}
+
+	.image-credit {
+		font-style: italic;
+	}
+
+	.footer-divider {
+		opacity: 0.4;
+	}
+
+	.source-link {
+		color: inherit;
+		text-decoration: none;
+		transition: color 0.15s ease;
+	}
+
+	.source-link:hover {
+		color: rgba(0, 0, 0, 0.8);
+		text-decoration: underline;
+	}
+
+	.scrolly-text-box.dark .source-link:hover {
+		color: rgba(255, 255, 255, 0.9);
+	}
+
+	/* Responsive */
+	@media (max-width: 600px) {
+		.scrolly-text-box {
+			max-width: 320px;
+			padding: 1.25rem 1.5rem;
+		}
+
+		.scrolly-text-box.wide {
+			max-width: 340px;
+		}
+
+		.scrolly-text-box.has-image {
+			max-width: 280px;
+			padding: 1rem 1.25rem;
+		}
+
+		.box-image {
+			margin-bottom: 0.75rem;
+		}
+
+		.box-content {
+			font-size: 0.95rem;
+		}
+
+		.box-title {
+			font-size: 1.35rem;
+		}
+	}
+</style>

skills/scrolly-sveltekit/references/VideoScrollyVisualization.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+	/**
+	 * VideoScrollyVisualization - Multi-video scrolly with step-based transitions
+	 *
+	 * Used inside ScrollySection to display multiple videos that swap based on
+	 * activeStep. Includes video play/pause management and opacity transitions.
+	 */
+
+	interface VideoStep {
+		videoSrc: string;
+		poster?: string;
+	}
+
+	interface Props {
+		activeStep: number;
+		videoSteps: VideoStep[];
+	}
+
+	let { activeStep, videoSteps }: Props = $props();
+
+	let videoRefs: HTMLVideoElement[] = $state([]);
+
+	$effect(() => {
+		// Pause all, play active
+		videoRefs.forEach((video, i) => {
+			if (video) {
+				if (i === activeStep) {
+					video.play().catch(() => {}); // Handle autoplay restrictions
+				} else {
+					video.pause();
+					video.currentTime = 0;
+				}
+			}
+		});
+	});
+</script>
+
+<div class="video-scrolly-viz">
+	<!-- Video frame with padding for letterboxing effect -->
+	<div class="video-frame">
+		{#each videoSteps as step, i}
+			<video
+				src={step.videoSrc}
+				poster={step.poster}
+				bind:this={videoRefs[i]}
+				class="video-layer"
+				class:active={i === activeStep}
+				muted
+				loop
+				playsinline
+				preload="metadata"
+			/>
+		{/each}
+	</div>
+
+	<!-- Cinematic vignette overlay -->
+	<div class="video-vignette"></div>
+</div>
+
+<style>
+	.video-scrolly-viz {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		background: #000;
+	}
+
+	.video-frame {
+		position: absolute;
+		inset: 1rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	@media (min-width: 768px) {
+		.video-frame {
+			inset: 2rem;
+		}
+	}
+
+	@media (min-width: 1024px) {
+		.video-frame {
+			inset: 3rem;
+		}
+	}
+
+	.video-layer {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		object-fit: contain;
+		opacity: 0;
+		transition: opacity 500ms ease;
+		pointer-events: none;
+	}
+
+	.video-layer.active {
+		opacity: 1;
+	}
+
+	.video-vignette {
+		position: absolute;
+		inset: 0;
+		background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.6) 100%);
+		pointer-events: none;
+	}
+</style>