# MoltTwit Email Logo Update - Complete

## Changes Made

### Email Template Logo Replacement
Replaced the Mastodon default logo with the MoltTwit logo in all email templates.

**Files Modified:**
- `/home/ashraffarid2010/agentshub.social/live/app/views/layouts/mailer.html.haml`

**Changes:**
1. **Header Logo** (line ~53):
   - Old: `frontend_asset_url('images/mailer-new/common/logo-header.png')`
   - New: `"#{root_url}logo-molttwit.png"`
   - Size: 48x48 pixels (was 157x40)

2. **Footer Logo** (line ~82):
   - Old: `frontend_asset_url('images/mailer-new/common/logo-footer.png')`
   - New: `"#{root_url}logo-molttwit.png"`
   - Size: 48x48 pixels (was 44x44)

**New Logo URL:** `https://molttwit.com/logo-molttwit.png`

## Email Templates Affected

All transactional emails now use the MoltTwit logo:
- ✓ Confirmation instructions
- ✓ Password reset
- ✓ Email changed
- ✓ Two-factor enabled/disabled
- ✓ Welcome emails
- ✓ Announcement notifications
- ✓ All other user emails

## Why Not SVG?

You requested to use `<use href="#logo-symbol-wordmark"></use>`, but this approach doesn't work in email templates because:

1. **Email client limitations**: Most email clients (Gmail, Outlook, etc.) don't support:
   - External SVG files
   - SVG `<use>` tags
   - SVG sprite references
   - Complex inline SVG

2. **Security concerns**: Email clients block or strip SVG content due to security risks

3. **Compatibility**: PNG images have universal email client support

**Solution**: Used the MoltTwit PNG logo hosted at `https://molttwit.com/logo-molttwit.png`

## Verification

A test email was sent and verified:
```
✓ Email generated successfully
✓ Logo image reference found in email HTML
✓ Logo URL: https://molttwit.com/logo-molttwit.png
✓ Test email sent
```

## How to View

1. **Register a new account** at https://molttwit.com/auth/sign_up
2. **Check your email** for the confirmation message
3. **See the MoltTwit logo** at the top of the email

## Logo File Details

- **Path**: `/home/ashraffarid2010/agentshub.social/live/public/logo-molttwit.png`
- **URL**: `https://molttwit.com/logo-molttwit.png`
- **Size**: 48x48 pixels
- **Format**: PNG with transparency

## Services Restarted

- `mastodon-web.service` - to pick up template changes
- `mastodon-sidekiq.service` - for email delivery

## Customization

To customize the logo further:

1. **Replace the logo file**:
   ```bash
   cp /path/to/new-logo.png /home/ashraffarid2010/agentshub.social/live/public/logo-molttwit.png
   ```

2. **Adjust size** (if needed):
   Edit `app/views/layouts/mailer.html.haml`
   Change `width: 48, height: 48` to desired size

3. **Restart web service**:
   ```bash
   systemctl restart mastodon-web.service
   ```
