| 1 |
<!DOCTYPE html> |
| 2 |
<html lang="en"> |
| 3 |
|
| 4 |
<head> |
| 5 |
<meta charset="UTF-8"> |
| 6 |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 7 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 8 |
<title><?= isset($title) ? $title : ''; ?></title> |
| 9 |
<style> |
| 10 |
* { |
| 11 |
padding: 0; |
| 12 |
margin: 0; |
| 13 |
box-sizing: border-box; |
| 14 |
} |
| 15 |
|
| 16 |
.standalone-form-container { |
| 17 |
min-height: 100vh; |
| 18 |
display: flex; |
| 19 |
justify-content: center; |
| 20 |
align-items: center; |
| 21 |
} |
| 22 |
|
| 23 |
.standalone-form-wrapper { |
| 24 |
width: 40%; |
| 25 |
/* Additional styling for the container, if needed */ |
| 26 |
} |
| 27 |
|
| 28 |
@media (max-width: 575.98px) { |
| 29 |
.standalone-form-wrapper { |
| 30 |
width: 100%; |
| 31 |
} |
| 32 |
} |
| 33 |
|
| 34 |
._frm-bg-b<?= $formID; ?> { |
| 35 |
width: 100%; |
| 36 |
} |
| 37 |
</style> |
| 38 |
<?php |
| 39 |
$baseCSSPath = "/form-styles/bitform-{$formID}.css"; |
| 40 |
$customCSSPath = "/form-styles/bitform-custom-{$formID}.css"; |
| 41 |
$standaloneCSSPath = "/form-styles/bitform-standalone-{$formID}.css"; |
| 42 |
?> |
| 43 |
<link rel="stylesheet" href="<?= BITFORMS_UPLOAD_BASE_URL . $baseCSSPath ?>" /> |
| 44 |
|
| 45 |
<?php if (file_exists(BITFORMS_CONTENT_DIR . $customCSSPath)) : ?> |
| 46 |
<link rel="stylesheet" href="<?= BITFORMS_UPLOAD_BASE_URL . $customCSSPath ?>" /> |
| 47 |
<?php endif; ?> |
| 48 |
|
| 49 |
<?php if (file_exists(BITFORMS_CONTENT_DIR . $standaloneCSSPath)) : ?> |
| 50 |
<link rel="stylesheet" href="<?= BITFORMS_UPLOAD_BASE_URL . $standaloneCSSPath ?>" /> |
| 51 |
<?php endif; ?> |
| 52 |
|
| 53 |
<?php if (isset($font) && '' !== $font) : ?> |
| 54 |
<link rel="preconnect" href="https://fonts.googleapis.com"> |
| 55 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| 56 |
<link rel="stylesheet" href="<?= $font ?>" /> |
| 57 |
<?php endif; ?> |
| 58 |
|
| 59 |
</head> |
| 60 |
|
| 61 |
<body> |
| 62 |
<div class="standalone-form-container"> |
| 63 |
<div class="standalone-form-wrapper"> |
| 64 |
<?= $formHTML ?> |
| 65 |
</div> |
| 66 |
</div> |
| 67 |
|
| 68 |
<script> |
| 69 |
<?= $bfGlobals ?>; |
| 70 |
</script> |
| 71 |
<script src="<?= BITFORMS_UPLOAD_BASE_URL ?>/form-scripts/preview-<?= $formID ?>.js"></script> |
| 72 |
</div> |
| 73 |
</body> |
| 74 |
|
| 75 |
</html> |
