Done index
This commit is contained in:
parent
4c2dbd2e5f
commit
be4b7bac34
6 changed files with 42 additions and 48 deletions
|
|
@ -1,26 +1,26 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h2 class="h1 text-center">{{ page.title }}</h2>
|
||||
<h2 class="text-center h1">{{ page.title }}</h2>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row pb-4">
|
||||
<div class="col d-flex align-content-center flex-wrap"
|
||||
<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") %}
|
||||
|
||||
<img src="{{ image.url }}"
|
||||
class="rounded d-block mx-auto img-fluid shadow" />
|
||||
class="mx-auto rounded shadow d-block img-fluid" />
|
||||
</div>
|
||||
<div class="col d-flex align-content-center flex-wrap ms-5 me-5 mt-3"
|
||||
<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="text-center pt-3">
|
||||
<div class="pt-3 text-center">
|
||||
<h4 class="h4">Öffnungszeiten</h4>
|
||||
|
||||
<div class="d-inline-flex">
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
width="100%"
|
||||
title="Kontakt-Formular"></iframe>
|
||||
|
||||
<div class="alert alert-warning mt-2" role="alert">
|
||||
<div class="mt-2 alert alert-warning" 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.
|
||||
|
|
|
|||
|
|
@ -28,25 +28,22 @@
|
|||
|
||||
{% block styles %}{% endblock %}
|
||||
</head>
|
||||
<body class="flex flex-col mx-auto min-h-screen text-lg">
|
||||
<header class="flex flex-col">
|
||||
<body class="flex flex-col mx-auto min-h-screen text-xl">
|
||||
<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 content-end flex-wrap"
|
||||
style="background-image: url('{{ image.url }}');
|
||||
background-position: center;
|
||||
height: 40vh;
|
||||
background-size: cover">
|
||||
<div class="w-full mb-3" style="background-color: rgba(0, 0, 0, 0.6)">
|
||||
<div class="text-white py-2 px-4 mx-auto max-w-screen-2xl">
|
||||
<div class="flex flex-wrap content-end bg-center bg-cover h-[35vh]"
|
||||
style="background-image: url('{{ image.url }}')">
|
||||
<div class="mb-3 w-full bg-black/60">
|
||||
<div class="py-2 px-4 mx-auto max-w-screen-xl text-white">
|
||||
<h1>{{ config.title }}</h1>
|
||||
<h5>{{ config.extra.address }}</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full pt-3"
|
||||
<div class="pt-3 w-full"
|
||||
style="background-image: linear-gradient({{ config.extra.primary_color }}, 15%, white)">
|
||||
<div class="flex gap-x-2 items-center px-3 mb-3 sm:gap-x-4 max-w-screen-2xl mx-auto">
|
||||
<div class="flex gap-x-2 items-center px-3 mx-auto mb-3 max-w-screen-xl sm:gap-x-4">
|
||||
<a class="p-0.5 transition duration-500 hover:scale-110"
|
||||
href="{{ get_url(path='/') | safe }}">
|
||||
<img class="object-contain w-16 h-16 rounded"
|
||||
|
|
@ -55,7 +52,7 @@
|
|||
|
||||
<nav class="flex gap-x-3 items-center sm:gap-x-4">
|
||||
{% for menu_item in config.extra.menu_items %}
|
||||
<a class="no-underline transition duration-150 hover:bg-green-700 hover:text-white outline rounded outline-1 outline-green-700 text-green-700 px-2 py-1"
|
||||
<a class="py-1 px-2 text-green-700 no-underline rounded transition duration-150 hover:text-white hover:bg-green-700 outline outline-1 outline-green-700"
|
||||
href="{{ menu_item.url | safe }}">{{ menu_item.name }}</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
|
|
@ -63,14 +60,14 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<main class="leading-relaxed max-w-screen-2xl mx-auto">
|
||||
<main class="px-4 mx-auto max-w-screen-xl leading-relaxed">
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
|
||||
<footer class="pt-6 pb-3 mt-auto sm:mx-2">
|
||||
<nav class="flex flex-col gap-y-3 justify-around py-3 text-center bg-gray-200 sm:flex-row sm:rounded-full">
|
||||
{% for footer_item in config.extra.footer_items %}
|
||||
<a class="text-sm no-underline" href="{{ footer_item.url | safe }}">{{ footer_item.name }}</a>
|
||||
<a class="text-base no-underline" href="{{ footer_item.url | safe }}">{{ footer_item.name }}</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,30 +1,27 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% import "macros.html" as macros %}
|
||||
|
||||
{% block styles %}
|
||||
<link rel="stylesheet"
|
||||
href="{{ get_url(path='leaflet/leaflet.css') | safe }}?v={{ now(timestamp=true) }}" />
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row pb-3">
|
||||
<div class="col d-flex align-content-center flex-wrap">
|
||||
{% set image = resize_image(path=config.extra.portrait_path, height=500, op="fit_height") %}
|
||||
<img src="{{ image.url }}" class="rounded d-block mx-auto shadow" />
|
||||
</div>
|
||||
<div class="col d-flex align-content-center flex-wrap ps-5 pe-5 pt-3"
|
||||
style="min-width: 350px">
|
||||
<p style="font-size: 17px;">{{ config.extra.self_introduction }}</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 gap-y-4 gap-x-6 justify-items-center items-center mb-5 md:grid-cols-2">
|
||||
{% set image = resize_image(path=config.extra.portrait_path, height=500, op="fit_height") %}
|
||||
<img src="{{ image.url }}"
|
||||
class="object-contain rounded drop-shadow-2xl sm:h-[50vh]" />
|
||||
|
||||
<p>{{ config.extra.self_introduction }}</p>
|
||||
</div>
|
||||
|
||||
<div class="d-grid col-5 mx-auto gap-2 pt-2 pb-4">
|
||||
<a href="{{ get_url(path='@/angebot/index.md') | safe }}"
|
||||
class="btn btn-success grow-on-hover shadow">Unser Angebot</a>
|
||||
<a href="{{ get_url(path='@/termin/index.md') | safe }}"
|
||||
class="btn btn-success grow-on-hover shadow">Terminvereinbarung</a>
|
||||
<div class="flex justify-center">{{ macros::btn(link=get_url(path='@/angebot/index.md') , text="User Angebot") }}</div>
|
||||
<div class="flex justify-center">
|
||||
{{ macros::btn(link=get_url(path='@/termin/index.md') , text="Terminvereinbarung") }}
|
||||
</div>
|
||||
|
||||
<div class="mb-2 shadow" id="map" style="height: 40vh;"></div>
|
||||
<div class="mt-4 shadow h-[40vh]" id="map"></div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{% macro btn(link, text) %}
|
||||
<a class="no-underline w-fit text-center my-1 px-4 py-2 text-white bg-green-700 rounded hover:scale-110 transition duration-500"
|
||||
<a class="py-2 px-4 my-1.5 mx-3 w-full max-w-screen-md text-center text-white no-underline bg-green-700 rounded transition duration-500 hover:scale-105"
|
||||
href="{{ link | safe }}">{{ text }}</a>
|
||||
{% endmacro %}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
{% macro offer(image_filename, name, description) %}
|
||||
<div class="row pb-5 pt-3">
|
||||
<div class="col d-flex align-content-center flex-wrap"
|
||||
<div class="pt-3 pb-5 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 ~ image_filename %}
|
||||
{% set image = resize_image(path=image_path, width=400, height=400, op="fill") %}
|
||||
|
||||
<img src="{{ image.url }}"
|
||||
class="rounded d-block mx-auto img-fluid shadow"/>
|
||||
class="mx-auto rounded shadow d-block img-fluid"/>
|
||||
</div>
|
||||
<div class="col d-flex align-content-center flex-wrap ms-5 me-5 mt-3"
|
||||
<div class="flex-wrap mt-3 col d-flex align-content-center ms-5 me-5"
|
||||
style="min-width: 300px">
|
||||
<div>
|
||||
<h3>{{ name }}</h3>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
{% endmacro %}
|
||||
|
||||
{% macro prices_table(caption, names, prices) %}
|
||||
<div class="text-center pb-5">
|
||||
<div class="pb-5 text-center">
|
||||
<h3 class="h3">{{ caption }}</h3>
|
||||
|
||||
<div class="d-inline-flex">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% import "macros/offers.html" as offers_macros %}
|
||||
|
||||
{% block content %}
|
||||
<h1 class="h1 text-center">Massagen</h1>
|
||||
<h1 class="text-center h1">Massagen</h1>
|
||||
|
||||
{{ offers_macros::offer(image_filename="Rücken-_und_Nackenmassage.jpg",
|
||||
name="Rücken- und Nackenmassage mit Öl",
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
prices=["27€", "47€", "67€", "82€"]) }}
|
||||
|
||||
|
||||
<h1 class="h1 text-center">Spezielle Massagen</h1>
|
||||
<h1 class="text-center h1">Spezielle Massagen</h1>
|
||||
|
||||
{{ offers_macros::offer(image_filename="Bambus-Massage.jpeg",
|
||||
name="Bambus-Massage",
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
prices=["57€", "77€"]) }}
|
||||
|
||||
|
||||
<h1 class="h1 text-center">Fußpflege</h1>
|
||||
<h1 class="text-center h1">Fußpflege</h1>
|
||||
|
||||
{{ offers_macros::offer(image_filename="Medizinische_Fußpflege.jpg",
|
||||
name="Medizinische Fußpflege",
|
||||
|
|
@ -68,12 +68,12 @@
|
|||
names=["Fußnägel lackieren", "Maniküre"],
|
||||
prices=["10€", "20€"]) }}
|
||||
|
||||
<div class="d-grid col-5 mx-auto pt-2 pb-3">
|
||||
<div class="pt-2 pb-3 mx-auto d-grid col-5">
|
||||
<a href="{{ get_url(path='@/termin/index.md') | safe }}"
|
||||
class="btn btn-success grow-on-hover shadow">Terminvereinbarung</a>
|
||||
class="shadow btn btn-success grow-on-hover">Terminvereinbarung</a>
|
||||
</div>
|
||||
|
||||
<h4 class="text-center p-3" style="color: red;">
|
||||
<h4 class="p-3 text-center" style="color: red;">
|
||||
Wichtig: Jegliche Nachfrage nach Erotik ist unerwünscht und respektlos!
|
||||
</h4>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue