| 1 |
<?php |
| 2 |
|
| 3 |
defined('ABSPATH') or die; |
| 4 |
|
| 5 |
?> |
| 6 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
| 7 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 8 |
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> |
| 9 |
<head> |
| 10 |
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/> |
| 11 |
<meta http-equiv="Imagetoolbar" content="No"/> |
| 12 |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
| 13 |
<title><?php echo esc_html($meta['title']); ?></title> |
| 14 |
<meta name="description" content="<?php echo esc_attr(wp_strip_all_tags($meta['description'])) ?>"> |
| 15 |
|
| 16 |
<?php if (!empty($meta['featured_image'])): ?> |
| 17 |
<meta property="og:image" content="<?php echo esc_url($meta['featured_image']); ?>"/> |
| 18 |
<?php endif; ?> |
| 19 |
|
| 20 |
<meta property="og:title" content="<?php echo esc_html($meta['title']); ?>"/> |
| 21 |
|
| 22 |
<meta property="og:description" content="<?php echo esc_attr(wp_strip_all_tags($meta['description'])) ?>"/> |
| 23 |
|
| 24 |
<?php if (!empty($meta['google_font_href'])): ?> |
| 25 |
|
| 26 |
<link rel="preconnect" href="https://fonts.gstatic.com/"> |
| 27 |
<?php // phpcs:ignore WordPress.WP.EnqueuedResources.NonEnqueuedStylesheet -- Conversational form uses standalone page without WordPress theme ?> |
| 28 |
<link id="ffc_google_font" href='<?php echo esc_url($meta['google_font_href']); ?>' rel="stylesheet" type="text/css"> |
| 29 |
<?php endif; ?> |
| 30 |
|
| 31 |
<?php wp_site_icon(); ?> |
| 32 |
|
| 33 |
<style type="text/css"> |
| 34 |
body { |
| 35 |
height: 100%; |
| 36 |
width: 100%; |
| 37 |
overflow: auto; |
| 38 |
margin: 0; |
| 39 |
padding: 0; |
| 40 |
max-width: 100vw; |
| 41 |
font-family: sans-serif; |
| 42 |
} |
| 43 |
|
| 44 |
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { |
| 45 |
margin: 0; |
| 46 |
padding: 0; |
| 47 |
border: 0; |
| 48 |
font-size: 100%; |
| 49 |
font: inherit; |
| 50 |
vertical-align: baseline |
| 51 |
} |
| 52 |
|
| 53 |
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { |
| 54 |
display: block |
| 55 |
} |
| 56 |
|
| 57 |
body { |
| 58 |
line-height: 1 |
| 59 |
} |
| 60 |
|
| 61 |
body * { |
| 62 |
box-sizing: border-box |
| 63 |
} |
| 64 |
|
| 65 |
ol, ul { |
| 66 |
list-style: none |
| 67 |
} |
| 68 |
|
| 69 |
blockquote, q { |
| 70 |
quotes: none |
| 71 |
} |
| 72 |
|
| 73 |
blockquote:after, blockquote:before, q:after, q:before { |
| 74 |
content: ''; |
| 75 |
content: none |
| 76 |
} |
| 77 |
|
| 78 |
.ff_conv_app { |
| 79 |
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; |
| 80 |
} |
| 81 |
|
| 82 |
.ff_conv_app .ffc_power { |
| 83 |
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; |
| 84 |
} |
| 85 |
</style> |
| 86 |
|
| 87 |
<?php |
| 88 |
do_action_deprecated( |
| 89 |
'fluentform_conversational_frame_head', |
| 90 |
[ |
| 91 |
], |
| 92 |
FLUENTFORM_FRAMEWORK_UPGRADE, |
| 93 |
'fluentform/conversational_frame_head', |
| 94 |
'Use fluentform/conversational_frame_head instead of fluentform_conversational_frame_head.' |
| 95 |
); |
| 96 |
do_action('fluentform/conversational_frame_head'); |
| 97 |
?> |
| 98 |
<style id="ffc_generated_css" type="text/css"> |
| 99 |
<?php echo $generated_css; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Sanitized when saving ?> |
| 100 |
</style> |
| 101 |
|
| 102 |
<style id="ffc_font_css" type="text/css"> |
| 103 |
<?php echo fluentformSanitizeCSS($meta['font_css']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> |
| 104 |
</style> |
| 105 |
|
| 106 |
<style type="text/css"> |
| 107 |
<?php echo fluentformSanitizeCSS($submit_css); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> |
| 108 |
.ffc_loading_screen { |
| 109 |
height: 100vh; |
| 110 |
width: 100%; |
| 111 |
display: flex; |
| 112 |
flex-wrap: nowrap; |
| 113 |
align-content: center; |
| 114 |
justify-content: center; |
| 115 |
align-items: center; |
| 116 |
flex-direction: column; |
| 117 |
} |
| 118 |
.ffc_loading_screen h2 { |
| 119 |
font-size: 30px; |
| 120 |
margin-top: 20px; |
| 121 |
} |
| 122 |
</style> |
| 123 |
|
| 124 |
<?php |
| 125 |
// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variable in foreach loop |
| 126 |
foreach ($form->image_preloads as $imgSrc): ?> |
| 127 |
<link rel="preload" href="<?php echo esc_url($imgSrc); ?>" as="image"> |
| 128 |
<?php endforeach; ?> |
| 129 |
|
| 130 |
</head> |
| 131 |
<body class="ff_conversation_page_body ff_conversation_page_<?php echo esc_attr($form_id); ?>"> |
| 132 |
<div class="ffc_conv_wrapper"> |
| 133 |
<div class="frm-fluent-form ff_conv_app ff_conv_app_frame fluent_form_<?php echo esc_attr($form_id); ?> ff_conv_app_<?php echo esc_attr($form_id); ?> ffc_media_hide_mob_<?php echo esc_attr($design['hide_media_on_mobile']); ?>" data-form_id="<?php echo esc_attr($form_id) ?>"> |
| 134 |
<div data-var_name="fluent_forms_global_var" class="ffc_conv_form" style="width: 100%" id="ffc_app_landing"> |
| 135 |
<div class="ffc_loading_screen"> |
| 136 |
<h2><?php esc_html_e('Loading...', 'fluentform'); ?></h2> |
| 137 |
</div> |
| 138 |
</div> |
| 139 |
</div> |
| 140 |
</div> |
| 141 |
<?php |
| 142 |
do_action_deprecated( |
| 143 |
'fluentform_conversational_frame_footer', |
| 144 |
[], |
| 145 |
FLUENTFORM_FRAMEWORK_UPGRADE, |
| 146 |
'fluentform/conversational_frame_footer', |
| 147 |
'Use fluentform/conversational_frame_footer instead of fluentform_conversational_frame_footer.' |
| 148 |
); |
| 149 |
do_action('fluentform/conversational_frame_footer'); |
| 150 |
?> |
| 151 |
</body> |
| 152 |
</html> |
| 153 |
|
| 154 |
|
