# Logo Files Guide

## Location
All logo files should be placed in: `assets/images/logos/`

## Required Logo Files

### Cloud Platforms
- `aws.png` or `aws.svg` - Amazon Web Services
- `azure.png` or `azure.svg` - Microsoft Azure
- `gcp.png` or `gcp.svg` - Google Cloud Platform
- `alibaba-cloud.png` or `alibaba-cloud.svg` - Alibaba Cloud
- `ibm-cloud.png` or `ibm-cloud.svg` - IBM Cloud
- `oracle-cloud.png` or `oracle-cloud.svg` - Oracle Cloud

### Endpoint Security & EDR
- `crowdstrike.png` or `crowdstrike.svg` - CrowdStrike Falcon
- `microsoft-defender.png` or `microsoft-defender.svg` - Microsoft Defender
- `sentinelone.png` or `sentinelone.svg` - Sentinel One
- `carbon-black.png` or `carbon-black.svg` - Carbon Black
- `fortinet.png` or `fortinet.svg` - Fortinet ForcePoint
- `trend-micro.png` or `trend-micro.svg` - Trend Micro

### SIEM & Log Management
- `splunk.png` or `splunk.svg` - Splunk
- `elastic.png` or `elastic.svg` - Elastic Stack (ELK)
- `arcsight.png` or `arcsight.svg` - ArcSight
- `sumo-logic.png` or `sumo-logic.svg` - Sumo Logic
- `ibm-qradar.png` or `ibm-qradar.svg` - IBM QRadar
- `logrhythm.png` or `logrhythm.svg` - LogRhythm

### Vulnerability & Threat Intelligence
- `tenable-nessus.png` or `tenable-nessus.svg` - Tenable Nessus
- `qualys.png` or `qualys.svg` - Qualys VMDR
- `rapid7.png` or `rapid7.svg` - Rapid7 InsightVM
- `acunetix.png` or `acunetix.svg` - Acunetix
- `alienvault.png` or `alienvault.svg` - AlienVault OTX
- `shodan.png` or `shodan.svg` - Shodan

### Firewalls & Network Security
- `palo-alto.png` or `palo-alto.svg` - Palo Alto Networks
- `cisco.png` or `cisco.svg` - Cisco ASA & Firepower
- `fortigate.png` or `fortigate.svg` - Fortinet FortiGate
- `juniper.png` or `juniper.svg` - Juniper Networks
- `checkpoint.png` or `checkpoint.svg` - Check Point
- `zscaler.png` or `zscaler.svg` - Zscaler

### Cloud Hosting & PaaS
- `digitalocean.png` or `digitalocean.svg` - DigitalOcean
- `linode.png` or `linode.svg` - Linode
- `vultr.png` or `vultr.svg` - Vultr
- `heroku.png` or `heroku.svg` - Heroku
- `netlify.png` or `netlify.svg` - Netlify
- `vercel.png` or `vercel.svg` - Vercel

## How to Get Official Logos

1. **Direct from Company Websites:**
   - AWS: https://aws.amazon.com/architecture/icons/
   - Azure: https://docs.microsoft.com/en-us/azure/icons/
   - Google Cloud: https://cloud.google.com/icons
   - Splunk: https://www.splunk.com/en_us/about-us/branding.html
   - Most companies have a "Press Kit" or "Brand Guidelines" page

2. **Logo Databases:**
   - LogoSearch: https://www.logosearch.io/
   - Brands of the World: https://www.brandsoftheworld.com/
   - VectorLogo Zone: https://www.vectorlogo.zone/
   - Clearbit Logo API: https://clearbit.com/logo

3. **Icon Libraries:**
   - Font Awesome: https://fontawesome.com/ (many tech company logos)
   - SimpleIcons: https://simpleicons.org/
   - Skill Icons: https://skillicons.dev/

## File Format Recommendations

- **SVG Files** (Preferred):
  - Scalable without quality loss
  - Smaller file size
  - Professional appearance
  - Easily styled with CSS

- **PNG Files**:
  - Use if official SVG not available
  - Recommend transparent background
  - Size: 200x200px or larger
  - Optimize file size with tools like TinyPNG

## CSS Classes for Logos

The logos are displayed in `.connector-logo` containers with:
- Fixed height of 80px
- Centered alignment
- Light gray background (#f8f9fa)
- Rounded corners

Images maintain aspect ratio with `object-fit: contain`

## Installation Steps

1. Download official logo files from company sources
2. Place them in `assets/images/logos/` directory
3. Name them according to the filenames listed above
4. Test the about page to verify logos display correctly
5. Adjust image sizes if needed using CSS

## Notes

- Currently set up with .png extension references, but .svg works identically
- You can mix .png and .svg files - use whichever is available
- Logos with transparent backgrounds work best
- Square or rectangular logos recommended for consistency