Done appointment
This commit is contained in:
parent
63dc5b4f05
commit
d21ac2af53
6 changed files with 62 additions and 62 deletions
|
|
@ -5,4 +5,4 @@ template = "appointment.html"
|
|||
|
||||
Vereinbaren Sie frühzeitig einen Termin, indem Sie eine Nachricht auf WhatsApp/Signal schreiben. Sie können auch eine E-Mail schreiben oder anrufen.
|
||||
|
||||
<div class="flex justify-center">{{ contact() }}</div>
|
||||
{{ contact() }}
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
@apply mb-2;
|
||||
}
|
||||
a {
|
||||
@apply underline hover:decoration-green-700 transition duration-300;
|
||||
@apply underline text-green-700 hover:decoration-green-500 transition duration-200;
|
||||
}
|
||||
ul {
|
||||
@apply mt-2 mb-3 ml-1 list-disc list-inside marker:text-sky-600;
|
||||
|
|
|
|||
1
static/main.css
Normal file
1
static/main.css
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,60 +1,50 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h2 class="text-center h1">{{ page.title }}</h2>
|
||||
<h1 class="text-center mb-5">{{ page.title }}</h1>
|
||||
|
||||
<br>
|
||||
<div class="grid grid-cols-1 gap-y-4 gap-x-8 justify-items-center items-center mb-5 lg:grid-cols-2">
|
||||
{% set image = resize_image(path=page.assets | first, width=600, height=600, op="fill") %}
|
||||
<img src="{{ image.url }}"
|
||||
class="object-cover rounded drop-shadow-xl h-full" />
|
||||
|
||||
<div class="pb-4 row">
|
||||
<div class="flex-wrap col d-flex align-content-center"
|
||||
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=520, height=520, op="fill") %}
|
||||
<div class="divide-y">
|
||||
{{ page.content | safe }}
|
||||
|
||||
<img src="{{ image.url }}"
|
||||
class="mx-auto rounded shadow d-block img-fluid" />
|
||||
</div>
|
||||
<div class="flex-wrap mt-3 col d-flex align-content-center ms-5 me-5"
|
||||
style="min-width: 300px">
|
||||
<div>
|
||||
{{ page.content | safe }}
|
||||
<div class="pt-6 text-center">
|
||||
<div class="font-bold text-xl mb-1">Öffnungszeiten</div>
|
||||
|
||||
<div class="pt-3 text-center">
|
||||
<h4 class="h4">Öffnungszeiten</h4>
|
||||
|
||||
<div class="d-inline-flex">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="pe-3" scope="row">Mo. Mi. Do.</th>
|
||||
<td class="ps-3">09:00 - 19:30 Uhr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="pe-3" scope="row">Di. Fr.</th>
|
||||
<td class="ps-3">09:00 - 17:30 Uhr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="pe-3" scope="row">Sa.</th>
|
||||
<td class="ps-3">10:00 - 16:30 Uhr</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p class="pt-3">Wir freuen uns auf Ihren Besuch!</p>
|
||||
<div class="flex justify-center">
|
||||
<table>
|
||||
<tbody class="divide-y">
|
||||
<tr>
|
||||
<th class="p-1.5">Mo. Mi. Do.</th>
|
||||
<td class="p-1.5">09:00 - 19:30 Uhr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="p-1.5">Di. Fr.</th>
|
||||
<td class="p-1.5">09:00 - 17:30 Uhr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="p-1.5">Sa.</th>
|
||||
<td class="p-1.5">10:00 - 16:30 Uhr</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p class="mt-5">Wir freuen uns auf Ihren Besuch!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<iframe id="iframe"
|
||||
src="{{ get_url(path='oxiform') | safe }}"
|
||||
width="100%"
|
||||
class="w-full"
|
||||
title="Kontakt-Formular"></iframe>
|
||||
|
||||
<div class="mt-2 alert alert-warning" role="alert">
|
||||
<h5 class="alert-heading">Bitte beachten Sie:</h5>
|
||||
<div class="mt-2 bg-yellow-200/40 p-3 rounded-xl">
|
||||
<div>Bitte beachten Sie:</div>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
{% block styles %}{% endblock %}
|
||||
</head>
|
||||
<body class="flex flex-col mx-auto min-h-screen text-xl">
|
||||
<body class="flex flex-col mx-auto min-h-screen text-lg">
|
||||
<header class="flex flex-col mb-2">
|
||||
{% set image = resize_image(path="images/background/nav_background.jpg", height=750, op="fit_height") %}
|
||||
<div class="flex flex-wrap content-end bg-center bg-cover h-[35vh]"
|
||||
|
|
|
|||
|
|
@ -1,19 +1,28 @@
|
|||
<div>
|
||||
<p class="font-bold">Yinghong Yang</p>
|
||||
|
||||
<div class="flex gap-x-6 gap-y-2 flex-nowrap">
|
||||
<div class="flex flex-col font-bold">
|
||||
<div>Mobil:</div>
|
||||
<div>Tel.:</div>
|
||||
<div>E-Mail:</div>
|
||||
<div>Adresse:</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div>{{ config.extra.mobile_number }}</div>
|
||||
<div>{{ config.extra.phone_number }}</div>
|
||||
<a href="mailto:{{ config.extra.email }}">{{ config.extra.email }}</a>
|
||||
<div>{{ config.extra.address }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center py-3 text-center">
|
||||
<table>
|
||||
<tbody class="divide-y">
|
||||
<tr>
|
||||
<th class="p-1.5">Name:</th>
|
||||
<td class="p-1.5">Yinghong Yang</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="p-1.5">Mobil:</th>
|
||||
<td class="p-1.5">{{ config.extra.mobile_number }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="p-1.5">Tel.:</th>
|
||||
<td class="p-1.5">{{ config.extra.phone_number }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="p-1.5">E-Mail:</th>
|
||||
<td class="p-1.5">
|
||||
<a href="mailto:{{ config.extra.email }}">{{ config.extra.email }}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="p-1.5">Adresse:</th>
|
||||
<td class="p-1.5">{{ config.extra.address }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue