2022-10-24 23:11:48 +00:00
{% extends "base.tera.html" %}
{% block content %}
< h2 class = "h1 text-center" >
{{ page.title }}
< / h2 >
< br >
2022-10-28 22:39:28 +00:00
< div class = "row pb-4" >
2022-10-24 23:11:48 +00:00
< div class = "col d-flex align-content-center flex-wrap" style = "min-width: 300px;" >
{% set dir = page.path | trim_start_matches(pat="/") %}
{% set image_path = dir ~ config.extra.appointment_image_filename %}
{% set image = resize_image(path=image_path, width=500, height=500, op="fill") %}
< img
src="{{ image.url }}"
2022-10-29 10:08:46 +00:00
class="rounded d-block mx-auto img-fluid shadow"
2022-10-24 23:11:48 +00:00
/>
< / div >
< div class = "col d-flex align-content-center flex-wrap ms-5 me-5 mt-3" style = "min-width: 300px;" >
< div >
{{ page.content | safe }}
< / div >
< / div >
< / div >
2022-10-28 22:39:28 +00:00
< iframe id = "iframe" src = "/contact-form" width = "100%" title = "Kontakt-Formular" > < / iframe >
2022-10-29 19:11:16 +00:00
< div class = "alert alert-warning mt-5" role = "alert" >
< h5 class = "alert-heading" > Bitte beachten Sie:< / h5 >
< p class = "mb-0" > Können Sie einen vereinbarten Termin nicht wahrnehmen, so informieren Sie uns darüber bitte spätestens 8 Stunden vor dem Termin. Ansonsten behalten wir uns vor, Ihnen den Ausfall zu berechnen.< / p >
< / div >
2022-10-24 23:11:48 +00:00
{% endblock content %}
2022-10-28 22:39:28 +00:00
{% block scripts %}
< script >
2022-10-29 11:11:46 +00:00
"use strict";
2022-10-28 22:39:28 +00:00
2022-10-29 11:11:46 +00:00
const iframe = document.querySelector("#iframe");
iframe.addEventListener("load", () => {
iframe.style.height = iframe.contentDocument.body.scrollHeight + 50 + "px";
2022-10-28 22:39:28 +00:00
});
< / script >
{% endblock %}