| @@ -1,37 +1,69 @@ | ||
| 1 | -<?php if(!defined( 'ABSPATH' )) exit; // if accessed directly exit ?> | |
| 1 | +<?php if (!defined('ABSPATH')) exit; // if accessed directly exit ?> | |
| 2 | +<?php | |
| 3 | +/** | |
| 4 | + * Shared email layout: preheader, brand row, 560px card, footer. | |
| 5 | + * | |
| 6 | + * @var string $fluent_boards_email_content Card HTML built by the calling view | |
| 7 | + * @var string $pre_header Inbox preview text (optional) | |
| 8 | + * @var string $email_reason Why the recipient got this email (optional) | |
| 9 | + */ | |
| 10 | +$fluent_boards_font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif"; | |
| 11 | +?> | |
| 2 | 12 | <!DOCTYPE html> |
| 3 | 13 | <html <?php language_attributes(); ?>> |
| 4 | 14 | <head> |
| 5 | - <meta charset="<?php bloginfo( 'charset' ); ?>"> | |
| 15 | + <meta charset="<?php bloginfo('charset'); ?>"> | |
| 6 | 16 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | 17 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 8 | 18 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 19 | + <meta name="color-scheme" content="light dark"> | |
| 20 | + <meta name="supported-color-schemes" content="light dark"> | |
| 9 | 21 | |
| 10 | - <?php include(FLUENT_BOARDS_PLUGIN_PATH.'app/Views/emails/common-style.php'); ?> | |
| 22 | + <?php include(FLUENT_BOARDS_PLUGIN_PATH . 'app/Views/emails/common-style.php'); ?> | |
| 11 | 23 | |
| 12 | 24 | </head> |
| 13 | -<body> | |
| 14 | -<div class="fbs_email_notification"> | |
| 15 | - <div class="fbs_email_notification_top"> | |
| 16 | - <?php include(FLUENT_BOARDS_PLUGIN_PATH.'app/Views/emails/common-header.php'); ?> | |
| 17 | - <div class="fbs_email_notification_contents"> | |
| 18 | - <div class="fbs_email_content"> | |
| 19 | - <?php echo wp_kses_post(isset($fluent_boards_email_content) ? $fluent_boards_email_content : $content); ?> | |
| 20 | - </div> | |
| 21 | - </div> | |
| 22 | - <div class="fbs_email_notification_bottom"> | |
| 23 | - <?php if(!defined('FLUENT_BOARDS_PRO')): ?> | |
| 24 | - <span class="fbs_email_footer_text"><?php esc_html_e('Powered By', 'fluent-boards'); ?> | |
| 25 | - <strong style="color: #6268F1"><a href="https://fluentboards.com?utm_source=wp&utm_medium=wp_mail&utm_campaign=footer">Fluent Boards</a> </strong> | |
| 26 | - </span> | |
| 27 | - <?php endif; ?> | |
| 28 | - </div> | |
| 29 | - </div> | |
| 25 | +<body class="fbs_email_body" style="margin: 0; padding: 0; background: #F5F7FA; font-family: <?php echo esc_attr($fluent_boards_font); ?>;"> | |
| 26 | +<?php if (!empty($pre_header)): ?> | |
| 27 | + <div style="display: none; max-height: 0; max-width: 0; overflow: hidden; opacity: 0; mso-hide: all; font-size: 1px; line-height: 1px; color: #F5F7FA;"><?php echo esc_html($pre_header); ?>​ ​ ​ ​ ​ ​ </div> | |
| 28 | +<?php endif; ?> | |
| 29 | +<table role="presentation" class="fbs_email_outer" width="100%" cellpadding="0" cellspacing="0" border="0" style="background: #F5F7FA; padding: 40px 16px;"> | |
| 30 | + <tr> | |
| 31 | + <td align="center"> | |
| 32 | + <table role="presentation" class="fbs_email_notification" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width: 560px; width: 100%; font-family: <?php echo esc_attr($fluent_boards_font); ?>;"> | |
| 33 | + <tr> | |
| 34 | + <td align="left"> | |
| 35 | + <?php include(FLUENT_BOARDS_PLUGIN_PATH . 'app/Views/emails/common-header.php'); ?> | |
| 36 | + </td> | |
| 37 | + </tr> | |
| 38 | + <tr> | |
| 39 | + <td class="fbs_email_card fbs_email_card_pad" style="background: #FFFFFF; border: 1px solid #E1E4EA; border-radius: 12px; padding: 32px; text-align: left;"> | |
| 40 | + <?php echo wp_kses_post(isset($fluent_boards_email_content) ? $fluent_boards_email_content : $content); ?> | |
| 41 | + </td> | |
| 42 | + </tr> | |
| 43 | + <tr> | |
| 44 | + <td class="fbs_email_text2" style="padding: 24px 8px 0; color: #5F6573; font-size: 13px; line-height: 20px; text-align: left;"> | |
| 45 | + <?php if (!empty($email_reason)): ?> | |
| 46 | + <p style="margin: 0 0 6px;"><?php echo esc_html($email_reason); ?></p> | |
| 47 | + <?php endif; ?> | |
| 48 | + <p style="margin: 0;"><?php echo esc_html(isset($site_title) && $site_title ? $site_title : get_bloginfo('name')); ?></p> | |
| 30 | 49 | |
| 31 | - <div class="fbs_email_notification_footer"> | |
| 32 | - <?php $fluent_boards_footer_text = ''; ?> | |
| 33 | - <?php echo wp_kses_post(apply_filters('fluent_boards/email_footer', $fluent_boards_footer_text)); ?> | |
| 34 | - </div> | |
| 35 | -</div> | |
| 50 | + <?php $fluent_boards_footer_text = ''; ?> | |
| 51 | + <?php $fluent_boards_footer_text = apply_filters('fluent_boards/email_footer', $fluent_boards_footer_text); ?> | |
| 52 | + <?php if ($fluent_boards_footer_text): ?> | |
| 53 | + <div class="fbs_email_notification_footer" style="margin-top: 6px;"><?php echo wp_kses_post($fluent_boards_footer_text); ?></div> | |
| 54 | + <?php endif; ?> | |
| 55 | + | |
| 56 | + <?php if (!defined('FLUENT_BOARDS_PRO')): ?> | |
| 57 | + <p class="fbs_email_border" style="margin: 12px 0 0; padding-top: 12px; border-top: 1px solid #E1E4EA;"> | |
| 58 | + <?php esc_html_e('Powered by', 'fluent-boards'); ?> | |
| 59 | + <a class="fbs_email_text" href="https://fluentboards.com?utm_source=wp&utm_medium=wp_mail&utm_campaign=footer" style="color: #0E121B; font-weight: 600; text-decoration: none;">Fluent Boards</a> | |
| 60 | + </p> | |
| 61 | + <?php endif; ?> | |
| 62 | + </td> | |
| 63 | + </tr> | |
| 64 | + </table> | |
| 65 | + </td> | |
| 66 | + </tr> | |
| 67 | +</table> | |
| 36 | 68 | </body> |
| 37 | -</html> | |
| 69 | +</html> | |