/**
* Creates a shortcode to display the ALOS formula.
* Usage:
*/
function display_alos_formula_shortcode() {
// Using a heredoc for clean HTML and CSS.
$output = <<
.alos-formula-container {
display: flex;
align-items: center;
justify-content: center;
font-family: sans-serif;
font-size: 1.2rem; /* Adjust size as needed */
padding: 20px;
color: #333; /* Default text color, change if needed */
}
.alos-formula-container .equals {
margin: 0 10px;
}
.alos-formula-container .fraction {
display: inline-flex;
flex-direction: column;
text-align: center;
vertical-align: middle;
}
.alos-formula-container .numerator {
padding: 0 5px 5px 5px;
border-bottom: 2px solid currentColor; /* Creates the fraction line */
}
.alos-formula-container .denominator {
padding: 5px;
}
=
Total Number of Bookings
HTML;
return $output;
}
add_shortcode(‘alos_formula’, ‘display_alos_formula_shortcode’);
