Image CDN Repository

This repository serves as a content delivery network (CDN) for images used across various applications and projects. It provides a centralized location for hosting and serving static image assets via direct URLs.

Available Images

Logos

• logoBlack.png - Black version of the logo
• logoBlue.png - Blue version of the logo
• logoRed.png - Red version of the logo
• logoWhite.png - White version of the logo

Wordmarks

• wordmarkDark.png - Dark theme wordmark
• wordmarkLight.png - Light theme wordmark

Email Assets

• emailFacebook.png - Facebook email template image
• emailInBug.png - Email bug report image
• emailLogoRed.png - Red logo for email templates

Icons

• faviconRed.ico - Red-themed website favicon

Usage

To use these images in your applications, reference them using the raw GitHub URL format with the ?raw=true parameter:

https://raw.githubusercontent.com/[USERNAME]/images/main/[FILENAME]?raw=true

jsDelivr CDN URLs

For better performance and reliability, use jsDelivr CDN:

https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/[FILENAME]

Complete URL List

Logos:

• Black Logo: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoBlack.png
• Blue Logo: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoBlue.png
• Red Logo: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoRed.png
• White Logo: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoWhite.png

Wordmarks:

• Dark Wordmark: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/wordmarkDark.png
• Light Wordmark: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/wordmarkLight.png

Email Assets:

• Email Facebook: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailFacebook.png
• Email Bug Report: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailInBug.png
• Email Logo Red: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailLogoRed.png

Icons:

• Red Favicon: https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/faviconRed.ico

Example HTML Usage

<!-- Logo variations -->
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoBlack.png" alt="Logo - Black">
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoBlue.png" alt="Logo - Blue">
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoRed.png" alt="Logo - Red">
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoWhite.png" alt="Logo - White">

<!-- Wordmarks -->
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/wordmarkDark.png" alt="Wordmark - Dark">
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/wordmarkLight.png" alt="Wordmark - Light">

<!-- Email Assets -->
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailFacebook.png" alt="Email - Facebook">
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailInBug.png" alt="Email - Bug Report">
<img src="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailLogoRed.png" alt="Email Logo - Red">

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/faviconRed.ico">

GitHub Raw URLs (Alternative)

<!-- Logo variations -->
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/logoBlack.png?raw=true" alt="Logo - Black">
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/logoBlue.png?raw=true" alt="Logo - Blue">
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/logoRed.png?raw=true" alt="Logo - Red">
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/logoWhite.png?raw=true" alt="Logo - White">

<!-- Wordmarks -->
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/wordmarkDark.png?raw=true" alt="Wordmark - Dark">
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/wordmarkLight.png?raw=true" alt="Wordmark - Light">

<!-- Email Assets -->
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/emailFacebook.png?raw=true" alt="Email - Facebook">
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/emailInBug.png?raw=true" alt="Email - Bug Report">
<img src="https://raw.githubusercontent.com/[USERNAME]/images/main/emailLogoRed.png?raw=true" alt="Email Logo - Red">

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/[USERNAME]/images/main/faviconRed.ico?raw=true">

CSS Usage

jsDelivr CDN

.logo-black {
  background-image: url('https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoBlack.png');
}

.logo-white {
  background-image: url('https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoWhite.png');
}

.wordmark-dark {
  background-image: url('https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/wordmarkDark.png');
}

.email-logo {
  background-image: url('https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailLogoRed.png');
}

GitHub Raw URLs

.logo-black {
  background-image: url('https://raw.githubusercontent.com/[USERNAME]/images/main/logoBlack.png?raw=true');
}

.logo-white {
  background-image: url('https://raw.githubusercontent.com/[USERNAME]/images/main/logoWhite.png?raw=true');
}

.wordmark-dark {
  background-image: url('https://raw.githubusercontent.com/[USERNAME]/images/main/wordmarkDark.png?raw=true');
}

.email-logo {
  background-image: url('https://raw.githubusercontent.com/[USERNAME]/images/main/emailLogoRed.png?raw=true');
}

Markdown Usage

jsDelivr CDN

![Logo](https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/logoBlue.png)
![Wordmark Dark](https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/wordmarkDark.png)
![Email Logo](https://cdn.jsdelivr.net/gh/[USERNAME]/images@main/emailLogoRed.png)

GitHub Raw URLs

![Logo](https://raw.githubusercontent.com/[USERNAME]/images/main/logoBlue.png?raw=true)
![Wordmark Dark](https://raw.githubusercontent.com/[USERNAME]/images/main/wordmarkDark.png?raw=true)
![Email Logo](https://raw.githubusercontent.com/[USERNAME]/images/main/emailLogoRed.png?raw=true)

File Formats

• PNG: Used for logos, wordmarks, and email assets with transparency support
• ICO: Used for favicon (browser icon format)

Best Practices

1. Prefer jsDelivr CDN: Use jsDelivr for better performance, global CDN, and automatic compression
2. GitHub Raw URLs as fallback: Keep GitHub raw URLs as a backup option
3. Choose the right format: Use PNG for logos and graphics that need transparency
4. Consider theme compatibility: Use appropriate color variants (dark/light) based on your application's theme
5. Email assets: Use the email-specific images for consistent branding in email templates
6. Optimize loading: Consider image dimensions and file sizes for your use case
7. Cache considerations: jsDelivr provides excellent caching, but consider implementing additional caching strategies for production applications
8. Version pinning: Use @main for latest versions or pin to specific commits for stability

Contributing

To add new images or update existing ones:

1. Fork this repository
2. Add your images to the root directory
3. Update this README with the new image information
4. Submit a pull request

File Naming Convention

• Use descriptive, lowercase names
• Separate words with camelCase or underscores
• Include color/theme variations in the filename (e.g., logoBlack.png, wordmarkDark.jpg)

License

Please see the license.md file for licensing information and usage permissions.

Notes

• This repository uses GitHub's raw file serving capability as a simple CDN solution
• For high-traffic production applications, consider using a dedicated CDN service
• Images are served with appropriate MIME types automatically by GitHub
• CORS is handled by GitHub for cross-origin requests

---

Last updated: October 2025